From 90b3a901f3288033cf491192741badc22293d86e Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Sat, 6 Jan 2024 18:21:55 +0100
Subject: OneConfig Download page

---
 apps/website/config.ts                             |   1 +
 apps/website/public/media/oneconfig/skyclient.png  | Bin 0 -> 152527 bytes
 apps/website/src/components/base/Section.astro     |   2 +-
 .../src/components/base/navbar/Navbar.astro        |   2 +-
 apps/website/src/pages/projects/oneconfig.astro    | 171 ---------------------
 .../src/pages/projects/oneconfig/download.astro    |  61 ++++++++
 .../src/pages/projects/oneconfig/index.astro       | 171 +++++++++++++++++++++
 apps/website/src/types/Config.d.ts                 |   1 +
 8 files changed, 236 insertions(+), 173 deletions(-)
 create mode 100644 apps/website/public/media/oneconfig/skyclient.png
 delete mode 100644 apps/website/src/pages/projects/oneconfig.astro
 create mode 100644 apps/website/src/pages/projects/oneconfig/download.astro
 create mode 100644 apps/website/src/pages/projects/oneconfig/index.astro

diff --git a/apps/website/config.ts b/apps/website/config.ts
index f924f80..b0d7211 100644
--- a/apps/website/config.ts
+++ b/apps/website/config.ts
@@ -8,6 +8,7 @@ export const configConst = {
 		discord: '/discord',
 		github: 'https://github.com/Polyfrost',
 		modrinthId: 'a6VEZDKe', // user id of Wyvest
+		skyclient: 'https://skyclient.co',
 	},
 	navbar: {
 		left: [
diff --git a/apps/website/public/media/oneconfig/skyclient.png b/apps/website/public/media/oneconfig/skyclient.png
new file mode 100644
index 0000000..57f3b40
Binary files /dev/null and b/apps/website/public/media/oneconfig/skyclient.png differ
diff --git a/apps/website/src/components/base/Section.astro b/apps/website/src/components/base/Section.astro
index c463a16..6ea3075 100644
--- a/apps/website/src/components/base/Section.astro
+++ b/apps/website/src/components/base/Section.astro
@@ -10,7 +10,7 @@ interface Props extends HTMLAttributes<'section'> {
 }
 
 const {
-	maxWidth = '1080px',
+	maxWidth = '1024px',
 	colReverse = true,
 	wrapperClass = '',
 	wFull = true,
diff --git a/apps/website/src/components/base/navbar/Navbar.astro b/apps/website/src/components/base/navbar/Navbar.astro
index bd2c2b5..8903b7e 100644
--- a/apps/website/src/components/base/navbar/Navbar.astro
+++ b/apps/website/src/components/base/navbar/Navbar.astro
@@ -8,7 +8,7 @@ interface Props extends HTMLAttributes<'div'> {}
 const props = Astro.props;
 ---
 <div {...props} class="absolute w-full flex flex-row justify-center h-screen max-h-[110px] px-3 z-navbar text-[16px]">
-	<nav class="w-full max-w-[1080px] flex flex-col md:flex-row justify-between items-center">
+	<nav class="w-full max-w-[1024px] flex flex-col md:flex-row justify-between items-center">
 		<ul class="flex flex-row justify-start gap-4 max-md:mt-4">
 			{(config as Config).navbar.left.map((element, index) => (
 				<NavbarElement {element} {index}/>
diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro
deleted file mode 100644
index fcb1c7b..0000000
--- a/apps/website/src/pages/projects/oneconfig.astro
+++ /dev/null
@@ -1,171 +0,0 @@
----
-import Button from '@components/base/Button.astro';
-import Card from '@components/base/Card.astro';
-import Header from '@components/base/Header.astro';
-import Paragraph from '@components/base/Paragraph.astro';
-import Section from '@components/base/Section.astro';
-import Slider from '@components/base/Slider.astro';
-import Logo from '@components/logos/Logo.astro';
-
-import Layout from '@layouts/Layout.astro';
-
-import { Code } from 'astro:components';
-
----
-
-<Layout>
-	<Section class="flex-col justify-center items-center h-screen md:min-h-[600px]">
-		<div class="flex flex-col justify-center items-center gap-y-4">
-			<Logo size={56} logo="oneconfig.minimal"/>
-			<Header align="center" size="xxl" class="max-w-[600px]">
-				Meet <b>OneConfig</b>, the library designed for <b>everyone</b>.
-			</Header>
-			<div class="flex flex-row justify-center items-center gap-2">
-				<Button href="/projects/oneconfig/download" iconLeft="download" text="Download"/>
-				<Button href="https://docs.polyfrost.org" iconLeft="book-open" style="secondary" text="Documentation"/>
-			</div>
-		</div>
-	</Section>
-
-	<Section tabindex="0">
-		<div slot="left">
-			<Header size="xl" class="text-navy-peony">Forge is complicated</Header>
-			<Paragraph size="md" class="text-gray-400 max-w-[500px]">Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive.</Paragraph>
-		</div>
-		<div slot="right" class="w-3/4 max-w-80 md:max-w-none md:w-auto">
-			<img class="w-full md:w-[20rem]" src="/media/oneconfig/page_media_1.svg" alt="stuff"/>
-		</div>
-	</Section>
-
-	<Section tabindex="0" colReverse={false}>
-		<div slot="left" class="flex justify-center">
-			<img class="max-sm:w-full w-64" src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
-		</div>
-
-		<div slot="right">
-			<Header size="xl" class="text-navy-peony">Clients are locked-down</Header>
-			<Paragraph size="md" class="text-gray-400 max-w-[500px]">While they improve usability, they're slow to adopt new mods absent from the community and force unwanted features onto users to profit off of them.</Paragraph>
-		</div>
-	</Section>
-
-	<Section tabindex="0">
-		<div slot="left">
-			<Header size="xl" class="text-navy-peony">Best of both worlds</Header>
-			<Paragraph size="md" class="text-gray-400 max-w-[500px]">OneConfig brings the simplicity of a client to the everyday user, gives advanced users and developers complete control over everything, while remaining free and open-source.</Paragraph>
-		</div>
-
-		<div slot="right" class="w-3/4 max-w-80 md:max-w-none md:w-auto flex justify-center">
-			<img class="w-full md:w-[20rem] lg:w-[30rem]" src="/media/oneconfig/page_media_3.svg" alt="stuff"/>
-		</div>
-	</Section>
-
-	<div class="section bg-blue-75 flex flex-col justify-center items-center min-h-screen">
-		<Section colReverse={false} maxWidth="1120px" wFull={false} class="pt-10 md:py-20 max-sm:h-screen">
-			<div slot="left">
-				<!-- TODO: FIX Codeblock overflowing on mobile -->
-				<div class="max-sm:hidden">
-					<Code
-						code={
-`public class MyConfig {
-	@Switch(
-		name = "Sub Switch",
-		type = OptionType.SWITCH
-	)
-	public static boolean subSwitch = false;
-
-	public MyConfig() {
-		super(new Mod("My Mod", ModType.UTIL_QOL), "config.json");
-		addDependency("subSwitch", () -> {
-			// Do stuff here
-		});
-	}
-}`
-}
-						lang="java"/>
-				</div>
-			</div>
-
-			<div slot="right" class="flex flex-col gap-2 text-left items-start">
-				<Header size="xl" class="text-blue-500">Written for developers</Header>
-				<Paragraph class="text-blue-400 max-w-[500px]">
-					With our simple APIs and documentation, it's easier than ever to integrate your mods with OneConfig.
-				</Paragraph>
-				<div class="flex">
-					<Button href="https://docs.polyfrost.org" iconLeft="book-open" style="secondary" text="Documentation"/>
-				</div>
-			</div>
-		</Section>
-
-		<Section maxWidth="1120px" wFull={false} class="py-10 md:py-20 gap-4 max-sm:h-screen">
-			<div slot="left" class="flex flex-col gap-2 text-left items-start">
-				<Header size="xl" class="text-blue-500">Designed for users</Header>
-				<Paragraph class="text-blue-400 max-w-[500px]">
-					We take pride in having the cleanest and most intuitive UI of any mod, config library, or client out there.
-				</Paragraph>
-				<div class="flex">
-					<Button href="/projects/oneconfig/download" style="secondary" iconLeft="download" text="Download"/>
-				</div>
-			</div>
-			<div data-scroll data-scroll-speed="3" slot="right">
-				<img src="/media/oneconfig/page_media_4.png" class="max-h-[285px] rounded-2xl"/>
-			</div>
-		</Section>
-	</div>
-
-	<Section id="unified_hud_editor" class="flex-col justify-center items-center h-screen md:min-h-[600px]">
-		<img data-scroll data-scroll-sticky data-scroll-target="#unified_hud_editor" data-scroll-direction="horizontal" src="/media/oneconfig/page_media_5.png" class="max-h-[285px] md:max-h-96 lg:max-h-[581px] rounded-2xl"/>
-		<div data-scroll data-scroll-speed="2" class="flex flex-col justify-center items-center gap-y-4">
-			<Header size="xl" align="center" class="w-96">A unified HUD editor</Header>
-			<Paragraph class="w-96 text-center text-gray-400">
-				Thanks to OneConfig's HUD API, you can customize any OneConfig-powered HUD to your liking, without having to worry about the hassle of finding the right command or keybind.
-			</Paragraph>
-		</div>
-	</Section>
-
-	<Section wrapperClass="bg-blue-100 -mb-40" wFull maxWidth="none" class="py-10 md:py-20 gap-4 !px-0 flex flex-col items-center justify-center">
-		<div class="max-w-[1024px] w-full flex flex-col gap-2 text-left items-start px-5">
-			<Header size="xl" class="text-blue-500">With many fabulous mods</Header>
-			<Paragraph class="text-blue-400 max-w-[500px]">
-				Discover a wide range of mods integrated with OneConfig to enhance your experience.
-			</Paragraph>
-			<div class="flex items-start flex-col md:flex-row max-sm:gap-y-1 gap-x-1">
-				<!-- TODO: HREF -->
-				<Button iconLeft="link-external" href="/mods" style="secondary" text="Discover mods"/>
-			</div>
-		</div>
-		<div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-x-hidden">
-			<div class="flex flex-col justify-between items-center overflow-x-hidden h-[290px] max-w-[1920px]">
-				<Slider wrapperClass="-mb-40 mb-2 bg-blue-100" childrenNum={8}>
-					<Card text="Chatting" icon="chatting"/>
-					<Card text="PolySprint" icon="polysprint"/>
-					<Card text="VanillaHUD" icon="vanillahud"/>
-					<Card text="OverflowAnimations" icon="overflowanimations"/>
-					<Card text="CrashPatch" icon="crashpatch"/>
-					<Card text="PolyTime" icon="polytime"/>
-					<Card text="PolyWeather" icon="polyweather"/>
-					<Card text="Keystrokes" icon="keystrokes"/>
-				</Slider>
-				<Slider dir="right" wrapperClass="bg-blue-100" childrenNum={8}>
-					<Card text="Chatting" icon="chatting"/>
-					<Card text="PolySprint" icon="polysprint"/>
-					<Card text="VanillaHUD" icon="vanillahud"/>
-					<Card text="OverflowAnimations" icon="overflowanimations"/>
-					<Card text="CrashPatch" icon="crashpatch"/>
-					<Card text="PolyTime" icon="polytime"/>
-					<Card text="PolyWeather" icon="polyweather"/>
-					<Card text="Keystrokes" icon="keystrokes"/>
-				</Slider>
-			</div>
-		</div>
-	</Section>
-
-	<Section class="flex-col justify-center items-center mb-20" hFull>
-		<div class="flex relative md:-left-12">
-			<img src="/media/oneconfig/page_media_4.png" class="rounded-2xl"/>
-			<div class="border border-gray-200 rounded-3xl md:rounded-4xl shadow-sm bg-gray-50 flex flex-col justify-center items-center md:items-start p-4 md:p-8 absolute -bottom-12 translate-x-1/2 right-1/2 md:translate-x-0 md:-right-12 gap-y-2 md:gap-y-8">
-				<Logo logo="oneconfig.logo_text" class="w-48 h-12 md:min-w-72 md:h-auto"></Logo>
-				<Button href="/projects/oneconfig/download" iconLeft="download" text="Download now" class="max-w-fit"/>
-			</div>
-		</div>
-	</Section>
-</Layout>
diff --git a/apps/website/src/pages/projects/oneconfig/download.astro b/apps/website/src/pages/projects/oneconfig/download.astro
new file mode 100644
index 0000000..b8aee51
--- /dev/null
+++ b/apps/website/src/pages/projects/oneconfig/download.astro
@@ -0,0 +1,61 @@
+---
+import Button from '@components/base/Button.astro';
+import Header from '@components/base/Header.astro';
+import Paragraph from '@components/base/Paragraph.astro';
+import Section from '@components/base/Section.astro';
+import configConst from '@config';
+import Layout from '@layouts/Layout.astro';
+---
+
+<Layout>
+
+	<Section wrapperClass="mt-36 -mb-28">
+		<div class="text-navy-peony flex flex-col gap-y-2">
+			<Header>
+				OneConfig Download
+			</Header>
+			<Paragraph>
+				Thank you for your interest in OneConfig! As OneConfig is primarily a library for other mods, installing OneConfig can be done in multiple ways.
+			</Paragraph>
+		</div>
+	</Section>
+
+	<Section wFull maxWidth="1024px" wrapperClass="bg-blue-75" class="py-8">
+		<div slot="left" class="flex flex-col gap-y-2">
+			<Header class="text-blue-500">SkyClient</Header>
+			<Paragraph class="text-navy-peony whitespace-pre-line">
+				<b>This is the easiest way</b> for installing OneConfig with no experience in Forge or modding.
+
+				SkyClient is an open-source Forge mod installer which installs various mods that include OneConfig for you.
+
+				All you need to do is select the mods you want and click install, and OneConfig should be right there!
+			</Paragraph>
+			<div class="flex flex-row max-md:justify-center">
+				<Button size="sm" iconLeft="link-external" style="primary" href={configConst.socials.skyclient}>SkyClient</Button>
+			</div>
+		</div>
+		<div slot="right">
+			<img class="rounded-lg w-full max-md:max-w-screen-sm lg:max-w-none lg:w-[480px]" src="/media/oneconfig/skyclient.png" alt="A screenshot of skyclient">
+		</div>
+	</Section>
+
+	<Section wFull maxWidth="1024px" wrapperClass="-mt-32 mb-12" class="py-8">
+		<div slot="left" class="flex flex-col gap-y-2">
+			<Header class="text-blue-500">Mods</Header>
+			<Paragraph class="text-navy-peony whitespace-pre-line">If you already have a Forge installation, you can simply download any mod that includes OneConfig. Such mods include:
+
+				• Hytils Reborn
+				• Chatting
+				• Any Poly-Series mod (e.g PolyTime, PolyBlur)
+				• And more!
+			</Paragraph>
+			<div class="flex flex-row max-md:justify-center">
+				<Button size="sm" iconLeft="link-external" style="primary" href="/mods">Discover Mods</Button>
+			</div>
+		</div>
+		<div slot="right">
+			<img class="rounded-lg w-full max-md:max-w-screen-sm lg:max-w-none lg:w-[480px]" src="/media/oneconfig/page_media_4.png" alt="A screenshot of skyclient">
+		</div>
+	</Section>
+
+</Layout>
diff --git a/apps/website/src/pages/projects/oneconfig/index.astro b/apps/website/src/pages/projects/oneconfig/index.astro
new file mode 100644
index 0000000..fcb1c7b
--- /dev/null
+++ b/apps/website/src/pages/projects/oneconfig/index.astro
@@ -0,0 +1,171 @@
+---
+import Button from '@components/base/Button.astro';
+import Card from '@components/base/Card.astro';
+import Header from '@components/base/Header.astro';
+import Paragraph from '@components/base/Paragraph.astro';
+import Section from '@components/base/Section.astro';
+import Slider from '@components/base/Slider.astro';
+import Logo from '@components/logos/Logo.astro';
+
+import Layout from '@layouts/Layout.astro';
+
+import { Code } from 'astro:components';
+
+---
+
+<Layout>
+	<Section class="flex-col justify-center items-center h-screen md:min-h-[600px]">
+		<div class="flex flex-col justify-center items-center gap-y-4">
+			<Logo size={56} logo="oneconfig.minimal"/>
+			<Header align="center" size="xxl" class="max-w-[600px]">
+				Meet <b>OneConfig</b>, the library designed for <b>everyone</b>.
+			</Header>
+			<div class="flex flex-row justify-center items-center gap-2">
+				<Button href="/projects/oneconfig/download" iconLeft="download" text="Download"/>
+				<Button href="https://docs.polyfrost.org" iconLeft="book-open" style="secondary" text="Documentation"/>
+			</div>
+		</div>
+	</Section>
+
+	<Section tabindex="0">
+		<div slot="left">
+			<Header size="xl" class="text-navy-peony">Forge is complicated</Header>
+			<Paragraph size="md" class="text-gray-400 max-w-[500px]">Modding Minecraft has always been difficult, particularly with their configuration. Remembering all of the keybinds, commands; it just isn't intuitive.</Paragraph>
+		</div>
+		<div slot="right" class="w-3/4 max-w-80 md:max-w-none md:w-auto">
+			<img class="w-full md:w-[20rem]" src="/media/oneconfig/page_media_1.svg" alt="stuff"/>
+		</div>
+	</Section>
+
+	<Section tabindex="0" colReverse={false}>
+		<div slot="left" class="flex justify-center">
+			<img class="max-sm:w-full w-64" src="/media/oneconfig/page_media_2.svg" alt="stuff"/>
+		</div>
+
+		<div slot="right">
+			<Header size="xl" class="text-navy-peony">Clients are locked-down</Header>
+			<Paragraph size="md" class="text-gray-400 max-w-[500px]">While they improve usability, they're slow to adopt new mods absent from the community and force unwanted features onto users to profit off of them.</Paragraph>
+		</div>
+	</Section>
+
+	<Section tabindex="0">
+		<div slot="left">
+			<Header size="xl" class="text-navy-peony">Best of both worlds</Header>
+			<Paragraph size="md" class="text-gray-400 max-w-[500px]">OneConfig brings the simplicity of a client to the everyday user, gives advanced users and developers complete control over everything, while remaining free and open-source.</Paragraph>
+		</div>
+
+		<div slot="right" class="w-3/4 max-w-80 md:max-w-none md:w-auto flex justify-center">
+			<img class="w-full md:w-[20rem] lg:w-[30rem]" src="/media/oneconfig/page_media_3.svg" alt="stuff"/>
+		</div>
+	</Section>
+
+	<div class="section bg-blue-75 flex flex-col justify-center items-center min-h-screen">
+		<Section colReverse={false} maxWidth="1120px" wFull={false} class="pt-10 md:py-20 max-sm:h-screen">
+			<div slot="left">
+				<!-- TODO: FIX Codeblock overflowing on mobile -->
+				<div class="max-sm:hidden">
+					<Code
+						code={
+`public class MyConfig {
+	@Switch(
+		name = "Sub Switch",
+		type = OptionType.SWITCH
+	)
+	public static boolean subSwitch = false;
+
+	public MyConfig() {
+		super(new Mod("My Mod", ModType.UTIL_QOL), "config.json");
+		addDependency("subSwitch", () -> {
+			// Do stuff here
+		});
+	}
+}`
+}
+						lang="java"/>
+				</div>
+			</div>
+
+			<div slot="right" class="flex flex-col gap-2 text-left items-start">
+				<Header size="xl" class="text-blue-500">Written for developers</Header>
+				<Paragraph class="text-blue-400 max-w-[500px]">
+					With our simple APIs and documentation, it's easier than ever to integrate your mods with OneConfig.
+				</Paragraph>
+				<div class="flex">
+					<Button href="https://docs.polyfrost.org" iconLeft="book-open" style="secondary" text="Documentation"/>
+				</div>
+			</div>
+		</Section>
+
+		<Section maxWidth="1120px" wFull={false} class="py-10 md:py-20 gap-4 max-sm:h-screen">
+			<div slot="left" class="flex flex-col gap-2 text-left items-start">
+				<Header size="xl" class="text-blue-500">Designed for users</Header>
+				<Paragraph class="text-blue-400 max-w-[500px]">
+					We take pride in having the cleanest and most intuitive UI of any mod, config library, or client out there.
+				</Paragraph>
+				<div class="flex">
+					<Button href="/projects/oneconfig/download" style="secondary" iconLeft="download" text="Download"/>
+				</div>
+			</div>
+			<div data-scroll data-scroll-speed="3" slot="right">
+				<img src="/media/oneconfig/page_media_4.png" class="max-h-[285px] rounded-2xl"/>
+			</div>
+		</Section>
+	</div>
+
+	<Section id="unified_hud_editor" class="flex-col justify-center items-center h-screen md:min-h-[600px]">
+		<img data-scroll data-scroll-sticky data-scroll-target="#unified_hud_editor" data-scroll-direction="horizontal" src="/media/oneconfig/page_media_5.png" class="max-h-[285px] md:max-h-96 lg:max-h-[581px] rounded-2xl"/>
+		<div data-scroll data-scroll-speed="2" class="flex flex-col justify-center items-center gap-y-4">
+			<Header size="xl" align="center" class="w-96">A unified HUD editor</Header>
+			<Paragraph class="w-96 text-center text-gray-400">
+				Thanks to OneConfig's HUD API, you can customize any OneConfig-powered HUD to your liking, without having to worry about the hassle of finding the right command or keybind.
+			</Paragraph>
+		</div>
+	</Section>
+
+	<Section wrapperClass="bg-blue-100 -mb-40" wFull maxWidth="none" class="py-10 md:py-20 gap-4 !px-0 flex flex-col items-center justify-center">
+		<div class="max-w-[1024px] w-full flex flex-col gap-2 text-left items-start px-5">
+			<Header size="xl" class="text-blue-500">With many fabulous mods</Header>
+			<Paragraph class="text-blue-400 max-w-[500px]">
+				Discover a wide range of mods integrated with OneConfig to enhance your experience.
+			</Paragraph>
+			<div class="flex items-start flex-col md:flex-row max-sm:gap-y-1 gap-x-1">
+				<!-- TODO: HREF -->
+				<Button iconLeft="link-external" href="/mods" style="secondary" text="Discover mods"/>
+			</div>
+		</div>
+		<div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-x-hidden">
+			<div class="flex flex-col justify-between items-center overflow-x-hidden h-[290px] max-w-[1920px]">
+				<Slider wrapperClass="-mb-40 mb-2 bg-blue-100" childrenNum={8}>
+					<Card text="Chatting" icon="chatting"/>
+					<Card text="PolySprint" icon="polysprint"/>
+					<Card text="VanillaHUD" icon="vanillahud"/>
+					<Card text="OverflowAnimations" icon="overflowanimations"/>
+					<Card text="CrashPatch" icon="crashpatch"/>
+					<Card text="PolyTime" icon="polytime"/>
+					<Card text="PolyWeather" icon="polyweather"/>
+					<Card text="Keystrokes" icon="keystrokes"/>
+				</Slider>
+				<Slider dir="right" wrapperClass="bg-blue-100" childrenNum={8}>
+					<Card text="Chatting" icon="chatting"/>
+					<Card text="PolySprint" icon="polysprint"/>
+					<Card text="VanillaHUD" icon="vanillahud"/>
+					<Card text="OverflowAnimations" icon="overflowanimations"/>
+					<Card text="CrashPatch" icon="crashpatch"/>
+					<Card text="PolyTime" icon="polytime"/>
+					<Card text="PolyWeather" icon="polyweather"/>
+					<Card text="Keystrokes" icon="keystrokes"/>
+				</Slider>
+			</div>
+		</div>
+	</Section>
+
+	<Section class="flex-col justify-center items-center mb-20" hFull>
+		<div class="flex relative md:-left-12">
+			<img src="/media/oneconfig/page_media_4.png" class="rounded-2xl"/>
+			<div class="border border-gray-200 rounded-3xl md:rounded-4xl shadow-sm bg-gray-50 flex flex-col justify-center items-center md:items-start p-4 md:p-8 absolute -bottom-12 translate-x-1/2 right-1/2 md:translate-x-0 md:-right-12 gap-y-2 md:gap-y-8">
+				<Logo logo="oneconfig.logo_text" class="w-48 h-12 md:min-w-72 md:h-auto"></Logo>
+				<Button href="/projects/oneconfig/download" iconLeft="download" text="Download now" class="max-w-fit"/>
+			</div>
+		</div>
+	</Section>
+</Layout>
diff --git a/apps/website/src/types/Config.d.ts b/apps/website/src/types/Config.d.ts
index 6e714b9..7635de6 100644
--- a/apps/website/src/types/Config.d.ts
+++ b/apps/website/src/types/Config.d.ts
@@ -50,6 +50,7 @@ export interface Config {
 		discord: string,
 		github: string,
 		modrinthId: string,
+		skyclient: string,
 	},
 	navbar: {
 		left: NavbarElement[],
-- 
cgit