Revamp Projects Page
This commit is contained in:
parent
31beeeda2c
commit
418b5d5f88
2 changed files with 139 additions and 55 deletions
|
|
@ -3,14 +3,16 @@ interface Props {
|
||||||
title: string;
|
title: string;
|
||||||
body: string;
|
body: string;
|
||||||
href: string;
|
href: string;
|
||||||
|
source: string;
|
||||||
}
|
}
|
||||||
|
|
||||||
const { href, title, body } = Astro.props;
|
const { href, title, body, source } = Astro.props;
|
||||||
---
|
---
|
||||||
|
|
||||||
<li class="link-card">
|
<li class="link-card">
|
||||||
<a href={href}>
|
<a href={href} class="informational">
|
||||||
<h2>
|
<h2>
|
||||||
|
<img src={source} width="24" height="24">
|
||||||
{title}
|
{title}
|
||||||
<span>→</span>
|
<span>→</span>
|
||||||
</h2>
|
</h2>
|
||||||
|
|
@ -21,7 +23,7 @@ const { href, title, body } = Astro.props;
|
||||||
</li>
|
</li>
|
||||||
<style>
|
<style>
|
||||||
.link-card {
|
.link-card {
|
||||||
list-style: none;
|
list-style:none;
|
||||||
display: flex;
|
display: flex;
|
||||||
padding: 1px;
|
padding: 1px;
|
||||||
background-color: #23262d;
|
background-color: #23262d;
|
||||||
|
|
|
||||||
|
|
@ -5,58 +5,140 @@ import Card from '../components/Card.astro';
|
||||||
|
|
||||||
<Layout title="LimePot - Projects ">
|
<Layout title="LimePot - Projects ">
|
||||||
<main>
|
<main>
|
||||||
|
|
||||||
<div class="content">
|
<div class="content">
|
||||||
<!--<h1 class="title">
|
<center><p class="instructions"><strong>Profiles/Portfolios</strong></p></center><br>
|
||||||
<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>
|
<ul role="list" class="link-card-grid">
|
||||||
</h1>-->
|
<Card
|
||||||
<!--GITEA-->
|
source=/assets/icons/Forgejo_logo.svg
|
||||||
<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> -->
|
href="https://git.ouroboros.group/LimePotato/"
|
||||||
|
title="ForgeJo"
|
||||||
<!--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> -->
|
<Card
|
||||||
|
source=/assets/icons/codeberg-svgrepo-com.svg
|
||||||
<!--MODRINTH-->
|
href="https://codeberg.org/LimePotato"
|
||||||
<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>
|
title="Codeberg"
|
||||||
|
/>
|
||||||
|
<Card
|
||||||
<br><br>
|
source=https://avatars.githubusercontent.com/u/67560307?s=200&v=4
|
||||||
<!--NULLAFATI.XYZ-->
|
href="https://modrinth.com/user/limepotato"
|
||||||
<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>
|
title="Modrinth"
|
||||||
<h3 class="subtitle">The Library is a self-hosted Archive.</h3>
|
/>
|
||||||
|
<Card
|
||||||
<!--STELLARWORKS-->
|
source=https://portfolio.pixelfed.social/img/favicon.png?v=2
|
||||||
<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> -->
|
href="https://portfolio.pixelfed.social/LimePotato"
|
||||||
<h3 class="subtitle">A Minecraft mod, built for Quilt Loader, Reviving the ideas of my favorite classic tech and space mods.</h3>
|
title="Photography - PixelFed"
|
||||||
|
/>
|
||||||
<!--ROSES MOD-->
|
</ul>
|
||||||
<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> -->
|
<br><br><br>
|
||||||
<h3 class="subtitle">A Minecraft mod, built for Quilt Loader, bringing back the Roses and Cyan Roses of old.</h3>
|
<center><p class="instructions"><strong>Individual Projects</strong></p></center>
|
||||||
|
<ul role="list" class="link-card-grid">
|
||||||
<!--YUMMY! MOD-->
|
<Card
|
||||||
<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> -->
|
source=https://nullafati.xyz/assets/branding/obo-icon.png
|
||||||
<h3 class="subtitle">Adds various food related items to Minecraft, mostly inspired off of the promised/mentioned ideas from Mojang themselves.</h3>
|
href="https://nullafati.xyz"
|
||||||
|
title="The Library"
|
||||||
<!--EVEN MORE BOUNTIFUL MOD-->
|
body="The Library is a self-hosted Archive."
|
||||||
<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>
|
<Card
|
||||||
|
source=https://git.ouroboros.group/LimePotato/Stellarworks/raw/branch/Latest/src/main/resources/assets/stellarworks/icon.png
|
||||||
<!--QUILT TEMPLATE MOD-->
|
href="https://modrinth.com/mod/stellarworks"
|
||||||
<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> -->
|
title="Stellarworks"
|
||||||
<h3 class="subtitle">A fork of the quilt template mod, with an interactive setup script, and other nice-to-haves.</h3>
|
body="A Minecraft mod, built for Quilt Loader, Reviving the ideas of my favorite classic tech and space mods."
|
||||||
|
/>
|
||||||
<!--LEGACY CODER PACK-->
|
<Card
|
||||||
<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> -->
|
source=https://git.ouroboros.group/LimePotato/roses-mod/raw/branch/Latest/src/main/resources/assets/roses_mod/icon.png
|
||||||
<h3 class="subtitle">In the spirit of MCP, but for older versions of alpha (initially just for a1.0.16_02)</h3>
|
href="https://modrinth.com/mod/roses-quilt"
|
||||||
|
title="Roses"
|
||||||
<!--GD RETRO TEMPLATE-->
|
body="A Minecraft mod, built for Quilt Loader, bringing back the Roses and Cyan Roses of old."
|
||||||
<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>
|
<Card
|
||||||
|
source=https://git.ouroboros.group/LimePotato/Yummy/raw/branch/1.20.1/src/main/resources/assets/yummy/icon.png
|
||||||
<!--PIXELFED PORTFOLIO-->
|
href="https://codeberg.org/LimePotato/Yummy"
|
||||||
<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> -->
|
title="Yummy"
|
||||||
<h3 class="subtitle">Some of my photography, until I have it on my archive.</h3>
|
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>
|
</div>
|
||||||
</main>
|
</main>
|
||||||
</Layout>
|
</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>
|
||||||
Loading…
Reference in a new issue