Update additional resources section

This commit is contained in:
Dilson's Pickles
2023-08-23 14:54:38 +10:00
parent 09feb5c24b
commit 4f9b1d7ba1
4 changed files with 32 additions and 27 deletions

View File

@@ -3,7 +3,7 @@ import React from "react";
function IconLinkCard(props) {
const { icon, title, description, targetURL, linkText } = props;
return (
<div className="flex flex-1 flex-col gap-12 border rounded-lg drop-shadow-lg bg-white p-8 justify-between">
<div className="col-span-10 sm:col-span-6 flex flex-1 flex-col gap-12 border rounded-lg drop-shadow-lg bg-white p-8 justify-between">
<div className="flex flex-col gap-2">
<span className={`icon icon-large ${icon} text-blue-700`}></span>
<h4 className="text-xl font-bold">{title}</h4>

View File

@@ -75,9 +75,11 @@ const { lin } = releaseData;
</ol>
</section>
<section class="mt-24">
<h2 class="text-3xl font-bold">Additional resources</h2>
<div class="flex gap-8 mt-8">
<section class="grid grid-cols-12 mt-16 gap-6">
<h2 class="col-start-2 col-span-10 xl:col-start-1 xl:col-span-12 text-xl md:text-3xl font-bold">
Addtional resources
</h2>
<div class="col-start-2 col-span-10 xl:col-start-1 xl:col-span-12 grid grid-cols-12 gap-6">
<IconLinkCard
icon="icon-export"
title="Ffmpeg import/export library"

View File

@@ -76,25 +76,27 @@ const { mac } = releaseData;
</section>
<section class="mt-24">
<h2 class="text-3xl font-bold">Additional resources</h2>
<div class="flex gap-8 mt-8">
<IconLinkCard
icon="icon-export"
title="Ffmpeg import/export library"
description="An optional library which handles additional file formats (like WMA, M4A, AC3 and others)"
linkText="Link to ffmpeg library"
targetURL="/"
/>
<IconLinkCard
icon="icon-mixer"
title="Plugins"
description="Elevate your productions with a vast selection of third-party plug-ins, including VST3, Nyquist and more."
linkText="Link to plugins page"
targetURL="/"
/>
</div>
</section>
<section class="grid grid-cols-12 mt-16 gap-6">
<h2 class="col-start-2 col-span-10 xl:col-start-1 xl:col-span-12 text-xl md:text-3xl font-bold">
Addtional resources
</h2>
<div class="col-start-2 col-span-10 xl:col-start-1 xl:col-span-12 grid grid-cols-12 gap-6">
<IconLinkCard
icon="icon-export"
title="Ffmpeg import/export library"
description="An optional library which handles additional file formats (like WMA, M4A, AC3 and others)"
linkText="Link to ffmpeg library"
targetURL="/"
/>
<IconLinkCard
icon="icon-mixer"
title="Plugins"
description="Elevate your productions with a vast selection of third-party plug-ins, including VST3, Nyquist and more."
linkText="Link to plugins page"
targetURL="/"
/>
</div>
</section>
<section class="mt-24">
<h2 class="text-3xl font-bold">Older versions</h2>

View File

@@ -1,6 +1,5 @@
---
import { releaseData } from "../../assets/js/releaseData";
import DownloadsPaginationButton from "../../components/button/DownloadsPaginationButton";
import DownloadCard from "../../components/card/DownloadCard";
import BaseLayout from "../../layouts/BaseLayout.astro";
import IconLinkCard from "../../components/card/IconLinkCard";
@@ -50,9 +49,11 @@ const { win } = releaseData;
}
</div>
</section>
<section class="mt-16">
<h2 class="text-3xl font-bold">Additional resources</h2>
<div class="flex gap-8 mt-8">
<section class="grid grid-cols-12 mt-16 gap-6">
<h2 class="col-start-2 col-span-10 xl:col-start-1 xl:col-span-12 text-xl md:text-3xl font-bold">
Addtional resources
</h2>
<div class="col-start-2 col-span-10 xl:col-start-1 xl:col-span-12 grid grid-cols-12 gap-6">
<IconLinkCard
icon="icon-export"
title="Ffmpeg import/export library"