From 418b5d5f886837cbde9a587a362d827195df6cf5 Mon Sep 17 00:00:00 2001
From: LimePotato <bm01@limepot.xyz>
Date: Fri, 18 Aug 2023 04:26:40 -0600
Subject: [PATCH] Revamp Projects Page

---
 src/components/Card.astro |   8 +-
 src/pages/projects.astro  | 186 +++++++++++++++++++++++++++-----------
 2 files changed, 139 insertions(+), 55 deletions(-)

diff --git a/src/components/Card.astro b/src/components/Card.astro
index bd6d597..fb5d4e3 100644
--- a/src/components/Card.astro
+++ b/src/components/Card.astro
@@ -3,14 +3,16 @@ interface Props {
 	title: string;
 	body: string;
 	href: string;
+	source: string;
 }
 
-const { href, title, body } = Astro.props;
+const { href, title, body, source } = Astro.props;
 ---
 
 <li class="link-card">
-	<a href={href}>
+	<a href={href} class="informational">
 		<h2>
+			<img src={source} width="24" height="24">
 			{title}
 			<span>&rarr;</span>
 		</h2>
@@ -21,7 +23,7 @@ const { href, title, body } = Astro.props;
 </li>
 <style>
 	.link-card {
-		list-style: none;
+		list-style:none;
 		display: flex;
 		padding: 1px;
 		background-color: #23262d;
diff --git a/src/pages/projects.astro b/src/pages/projects.astro
index 36fc565..59d2ab1 100644
--- a/src/pages/projects.astro
+++ b/src/pages/projects.astro
@@ -5,58 +5,140 @@ import Card from '../components/Card.astro';
 
 <Layout title="LimePot - Projects ">
 	<main>
+    
         <div class="content">
-            <!--<h1 class="title">
-              <marquee behavior=scroll direction="left" scrollamount="15"><a href="https://up.ouroboros.gay"><u>My infra is undergoing maintenance, these links may die frequently</u></a></marquee> 
-              </h1>-->
-            <!--GITEA-->
-            <h1 class="title"><image src="/assets/icons/Forgejo_logo.svg" width="24" height="24"><a href="https://git.ouroboros.group/LimePotato/"><u>Forgejo</u></a><a href="./rss/forgejorss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-    
-            <!--CODEBERG-->
-            <h1 class="title"><image src="/assets/icons/codeberg-svgrepo-com.svg" width="24" height="24"><a href="https://codeberg.org/LimePotato"><u>Codeberg</u></a><a href="./rss/codebergrss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-    
-            <!--MODRINTH-->
-            <h1 class="title"><image src="https://avatars.githubusercontent.com/u/67560307?s=200&v=4" width="24" height="24"><a href="https://modrinth.com/user/limepotato"><u>Modrinth</u></a></h1>
-            
-            
-            <br><br>
-            <!--NULLAFATI.XYZ-->
-            <h1 class="title"><image src="https://nullafati.xyz/assets/branding/obo-icon.png" width="24" height="24"><a href="https://nullafati.xyz"><u>The Library</u></a><a href="./rss/nullafatixyzrss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> --></h1>
-            <h3 class="subtitle">The Library is a self-hosted Archive.</h3>
-           
-            <!--STELLARWORKS-->
-            <h1 class="title"><image src="https://git.ouroboros.group/LimePotato/Stellarworks/raw/branch/Latest/src/main/resources/assets/stellarworks/icon.png" width="24" height="24"><a href="https://modrinth.com/mod/stellarworks"><u>Stellarworks</u></a><a href="./rss/stellarworksrss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-            <h3 class="subtitle">A Minecraft mod, built for Quilt Loader, Reviving the ideas of my favorite classic tech and space mods.</h3>
-           
-            <!--ROSES MOD-->
-            <h1 class="title"><image src="https://git.ouroboros.group/LimePotato/roses-mod/raw/branch/Latest/src/main/resources/assets/roses_mod/icon.png" width="24" height="24"><a href="https://modrinth.com/mod/roses-quilt"><u>Roses</u></a><a href="./rss/roses-modrss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-            <h3 class="subtitle">A Minecraft mod, built for Quilt Loader, bringing back the Roses and Cyan Roses of old.</h3>
-    
-            <!--YUMMY! MOD-->
-            <h1 class="title"><image src="https://git.ouroboros.group/LimePotato/Yummy/raw/branch/1.20.1/src/main/resources/assets/yummy/icon.png" width="24" height="24"><!--<a href="https://modrinth.com/mod/yummy!">--><a href="https://codeberg.org/LimePotato/Yummy"><u>Yummy!</u></a><a href="./rss/yummyrss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-            <h3 class="subtitle">Adds various food related items to Minecraft, mostly inspired off of the promised/mentioned ideas from Mojang themselves.</h3>
-    
-            <!--EVEN MORE BOUNTIFUL MOD-->
-            <h1 class="title"><image src="https://git.ouroboros.group/repo-avatars/0db9a3f788caaefcd40020db2010c5ba004522636b5e2dabfafc4c4e1fea94ea" width="24" height="24"><!--<a href="https://modrinth.com/mod/even-more-bountiful">--><a href="https://git.ouroboros.group/LimePotato/even-more-bountiful"><u>Even More Bountiful</u></a><a href="./rss/embrss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-            <h3 class="subtitle">A Legacy Fabric mod for 1.7.10, exploring a timeline where minecrafts development took a different direction before 1.8</h3>
-            
-            <!--QUILT TEMPLATE MOD-->
-            <h1 class="title"><image src="https://git.ouroboros.group/LimePotato/quilt-template-mod/raw/branch/1.20.1/src/main/resources/assets/example_mod/icon.png" width="24" height="24"></image><a href="https://codeberg.org/LimePotato/limepot-quilt-template-mod"><u>Custom Quilt Template Mod</u></a><a href="./rss/quilt-template-modrss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-            <h3 class="subtitle">A fork of the quilt template mod, with an interactive setup script, and other nice-to-haves.</h3>
-    
-            <!--LEGACY CODER PACK-->
-            <h1 class="title"><!--<image src="https://codeberg.org/LimePotato/quilt-template-mod/raw/branch/1.20.1/src/main/resources/assets/example_mod/icon.png" width="24" height="24"></image>--><a href="https://codeberg.org/LimePotato/LCP"><u>Legacy Coder Pack - LCP</u></a><a href="./rss/LCPRSS.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-            <h3 class="subtitle">In the spirit of MCP, but for older versions of alpha (initially just for a1.0.16_02)</h3>
-    
-            <!--GD RETRO TEMPLATE-->
-            <h1 class="title"><image src="https://git.ouroboros.group/LimePotato/Godot-Retro-Template/raw/branch/main/Assets/Branding/Gameplay_logo.png" width="24" height="24"></image><a href="https://git.ouroboros.group/LimePotato/Godot-Retro-Template"><u>Godot Retro Template</u></a><a href="./rss/godottempproj.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-            <h3 class="subtitle">A template godot project for retro (PSX/2, GC, N64, Dreamcast, etc.) styled games.</h3>
-    
-            <!--PIXELFED PORTFOLIO-->
-            <h1 class="title"><image src="https://portfolio.pixelfed.social/img/favicon.png?v=2" width="24" height="24"><a href="https://portfolio.pixelfed.social/LimePotato"><u>Photography</u></a><a href="./rss/pixelfedrss.html"><!-- <image src="assets/rss.png" width="15" height="15"></image></a></h1> -->
-            <h3 class="subtitle">Some of my photography, until I have it on my archive.</h3>
-            
-           
+          <center><p class="instructions"><strong>Profiles/Portfolios</strong></p></center><br>
+          <ul role="list" class="link-card-grid">
+            <Card
+            source=/assets/icons/Forgejo_logo.svg
+            href="https://git.ouroboros.group/LimePotato/"
+            title="ForgeJo"
+            />
+            <Card
+            source=/assets/icons/codeberg-svgrepo-com.svg
+            href="https://codeberg.org/LimePotato"
+            title="Codeberg"
+            />
+            <Card
+            source=https://avatars.githubusercontent.com/u/67560307?s=200&v=4
+            href="https://modrinth.com/user/limepotato"
+            title="Modrinth"
+            />
+            <Card
+            source=https://portfolio.pixelfed.social/img/favicon.png?v=2
+            href="https://portfolio.pixelfed.social/LimePotato"
+            title="Photography - PixelFed"
+            />
+          </ul>
+          <br><br><br>
+          <center><p class="instructions"><strong>Individual Projects</strong></p></center>
+          <ul role="list" class="link-card-grid">
+            <Card
+            source=https://nullafati.xyz/assets/branding/obo-icon.png
+            href="https://nullafati.xyz"
+            title="The Library"
+            body="The Library is a self-hosted Archive."
+            />
+            <Card
+            source=https://git.ouroboros.group/LimePotato/Stellarworks/raw/branch/Latest/src/main/resources/assets/stellarworks/icon.png
+            href="https://modrinth.com/mod/stellarworks"
+            title="Stellarworks"
+            body="A Minecraft mod, built for Quilt Loader, Reviving the ideas of my favorite classic tech and space mods."
+            />
+            <Card
+            source=https://git.ouroboros.group/LimePotato/roses-mod/raw/branch/Latest/src/main/resources/assets/roses_mod/icon.png
+            href="https://modrinth.com/mod/roses-quilt"
+            title="Roses"
+            body="A Minecraft mod, built for Quilt Loader, bringing back the Roses and Cyan Roses of old."
+            />
+            <Card
+            source=https://git.ouroboros.group/LimePotato/Yummy/raw/branch/1.20.1/src/main/resources/assets/yummy/icon.png
+            href="https://codeberg.org/LimePotato/Yummy"
+            title="Yummy"
+            body="Adds various food related items to Minecraft, mostly inspired off of the promised/mentioned ideas from Mojang themselves."
+            />
+            <Card
+            source=https://git.ouroboros.group/repo-avatars/0db9a3f788caaefcd40020db2010c5ba004522636b5e2dabfafc4c4e1fea94ea
+            href="https://git.ouroboros.group/LimePotato/even-more-bountiful"
+            title="Even More Bountiful"
+            body="A Legacy Fabric mod for 1.7.10, exploring a timeline where minecrafts development took a different direction before 1.8"
+            />
+            <Card
+            source=https://git.ouroboros.group/LimePotato/quilt-template-mod/raw/branch/1.20.1/src/main/resources/assets/example_mod/icon.png
+            href="https://codeberg.org/LimePotato/limepot-quilt-template-mod"
+            title="Custom Quilt Template Mod"
+            body="A fork of the quilt template mod, with an interactive setup script, and other nice-to-haves."
+            />
+            <Card
+            href="https://codeberg.org/LimePotato/LCP"
+            title="Legacy Coder Pack - LCP"
+            body="In the spirit of MCP, but for older versions of alpha (initially just for a1.0.16_02)"
+            />
+            <Card
+            source=https://git.ouroboros.group/LimePotato/Godot-Retro-Template/raw/branch/main/Assets/Branding/Gameplay_logo.png
+            href="https://git.ouroboros.group/LimePotato/Godot-Retro-Template"
+            title="Godot Retro Template"
+            body="A template godot project for retro (PSX/2, GC, N64, Dreamcast, etc.) styled games."
+            />
+          </ul>
             </div>
     </main>
-</Layout>
\ No newline at end of file
+</Layout>
+<style>
+	main {
+		margin: auto;
+		padding: 1rem;
+		width: 800px;
+		max-width: calc(100% - 2rem);
+		color: white;
+		font-size: 20px;
+		line-height: 1.6;
+	}
+	.astro-a {
+		position: absolute;
+		top: -32px;
+		left: 50%;
+		transform: translatex(-50%);
+		width: 220px;
+		height: auto;
+		z-index: -1;
+	}
+	h1 {
+		font-size: 4rem;
+		font-weight: 700;
+		line-height: 1;
+		text-align: center;
+		margin-bottom: 1em;
+	}
+	.text-gradient {
+		background-image: var(--accent-gradient);
+		-webkit-background-clip: text;
+		-webkit-text-fill-color: transparent;
+		background-size: 400%;
+		background-position: 0%;
+	}
+	.instructions {
+		margin-bottom: 2rem;
+		border: 1px solid rgba(var(--accent-light), 25%);
+		background: linear-gradient(rgba(var(--accent-dark), 66%), rgba(var(--accent-dark), 33%));
+		padding: 1.5rem;
+		border-radius: 8px;
+	}
+	.instructions code {
+		font-size: 0.8em;
+		font-weight: bold;
+		background: rgba(var(--accent-light), 12%);
+		color: rgb(var(--accent-light));
+		border-radius: 4px;
+		padding: 0.3em 0.4em;
+	}
+	.instructions strong {
+		color: rgb(var(--accent-light));
+	}
+	.link-card-grid {
+		display: grid;
+		grid-template-columns: repeat(auto-fit, minmax(24ch, 1fr));
+		gap: 2rem;
+		padding: 0;
+	}
+</style>
\ No newline at end of file