From 2dda71f216ed8e06c2ebeb4bdcf9cd3d19519c47 Mon Sep 17 00:00:00 2001
From: LynithDev <61880709+LynithDev@users.noreply.github.com>
Date: Wed, 27 Dec 2023 13:26:11 +0100
Subject: Slight changes to mods page

---
 apps/website/src/pages/mods.astro               | 36 +++++++++++++++++++++++++
 apps/website/src/pages/projects/oneconfig.astro |  4 +--
 2 files changed, 38 insertions(+), 2 deletions(-)

(limited to 'apps/website/src/pages')

diff --git a/apps/website/src/pages/mods.astro b/apps/website/src/pages/mods.astro
index 8553c7a..4409583 100644
--- a/apps/website/src/pages/mods.astro
+++ b/apps/website/src/pages/mods.astro
@@ -1,8 +1,44 @@
 ---
+import Card from '@components/base/Card.astro';
+import Header from '@components/base/Header.astro';
+import Section from '@components/base/Section.astro';
+import Slider from '@components/base/Slider.astro';
 import Layout from '@layouts/Layout.astro';
 
 ---
 
 <Layout>
 
+	<Section maxWidth="1920px" wFull={true} wrapperClass="h-3/5" class="h-full mt-32 md:mt-28 flex flex-col justify-center items-center px-0">
+		<div class="flex flex-col justify-center items-center max-w-full overflow-hidden">
+			<div class="flex flex-col justify-between items-center overflow-hidden h-auto md:h-[280px] max-w-[1920px] relative">
+				<div class="absolute bottom-0 w-full h-full md:h-1/2 z-10" style="background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), rgb(240, 242, 244));" />
+				<Slider wrapperClass="-mb-40 pb-4 max-sm:hidden" 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" 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>
+
+		<div class="flex flex-col justify-start items-center max-w-full mt-6 md:mt-10">
+			<Header align="center" size="xxl" class="text-navy-peony max-w-xl">Redefining modding, one mod at a time</Header>
+		</div>
+	</Section>
+
 </Layout>
diff --git a/apps/website/src/pages/projects/oneconfig.astro b/apps/website/src/pages/projects/oneconfig.astro
index dc3367a..6ad725b 100644
--- a/apps/website/src/pages/projects/oneconfig.astro
+++ b/apps/website/src/pages/projects/oneconfig.astro
@@ -135,7 +135,7 @@ import { Code } from 'astro:components';
 		<!-- TODO: add more 3rd party mods, like DSM PSS and Neu maybe -->
 		<div class="flex flex-col justify-center items-center bg-blue-100 pb-10 max-w-full overflow-hidden">
 			<div class="flex flex-col justify-between items-center overflow-hidden h-[280px] max-w-[1920px]">
-				<Slider wrapperClass="-mb-40 pb-4" childrenNum={8}>
+				<Slider wrapperClass="-mb-40 pb-4 bg-blue-100" childrenNum={8}>
 					<Card text="Chatting" icon="chatting"/>
 					<Card text="PolySprint" icon="polysprint"/>
 					<Card text="VanillaHUD" icon="vanillahud"/>
@@ -145,7 +145,7 @@ import { Code } from 'astro:components';
 					<Card text="PolyWeather" icon="polyweather"/>
 					<Card text="Keystrokes" icon="keystrokes"/>
 				</Slider>
-				<Slider dir="right" childrenNum={8}>
+				<Slider dir="right" wrapperClass="bg-blue-100" childrenNum={8}>
 					<Card text="Chatting" icon="chatting"/>
 					<Card text="PolySprint" icon="polysprint"/>
 					<Card text="VanillaHUD" icon="vanillahud"/>
-- 
cgit