limepotato/limepot-xyz
1
0
Fork 0
Code Issues 3 Pull requests Activity

Link overhaul, services page, site-info page

Browse source
This commit is contained in:
nelle 2024-07-04 16:04:41 -06:00
parent d06eb0156c
commit deb462de21
12 changed files with 153 additions and 256 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

61
src/components/Card-noimg.astro
View file

@ -1,61 +0,0 @@
---
interface Props {
title: string;
body: string;
href: string;
}
const { href, title, body } = Astro.props;
---
<li class="link-card">
<a href={href} class="informational">
<h2>
{title}
<span>&rarr;</span>
</h2>
<p>
{body}
</p>
</a>
</li>
<style>
.link-card {
list-style: none;
display: flex;
padding: 1px;
background-color: #23262d;
background-image: none;
background-size: 400%;
border-radius: 7px;
background-position: 100%;
transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.link-card > a {
width: 100%;
text-decoration: none;
line-height: 1.4;
padding: calc(1.5rem - 1px);
border-radius: 8px;
color: white;
background-color: #23262d;
opacity: 0.8;
}
h2 {
margin: 0;
font-size: 1.25rem;
transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
p {
margin-top: 0.5rem;
margin-bottom: 0;
}
.link-card:is(:hover, :focus-within) {
background-position: 0;
background-image: var(--accent-gradient);
}
.link-card:is(:hover, :focus-within) h2 {
color: rgb(var(--accent-light));
}
</style>

66
src/components/Card.astro
View file

@ -1,66 +0,0 @@
---
interface Props {
title: string;
body: string;
href: string;
source: string;
alt: string;
}
const { href, title, body, source, alt } = Astro.props;
---
<li class="link-card">
<a href={href} class="informational">
<h2>
<img src={source} width="24" height="24" alt={alt} />
{title}
<span>&rarr;</span>
</h2>
<p>
{body}
</p>
</a>
</li>
<style>
.link-card {
align-items: center;
list-style: none;
display: flex;
padding: 1px;
background-color: #23262d;
background-image: none;
background-size: 400%;
border-radius: 7px;
background-position: 100%;
transition: background-position 0.6s cubic-bezier(0.22, 1, 0.36, 1);
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}
.link-card > a {
align-items: center;
width: 100%;
text-decoration: none;
line-height: 1.4;
padding: calc(1.5rem - 1px);
border-radius: 8px;
color: white;
background-color: #23262d;
opacity: 0.8;
}
h2 {
margin: 0;
font-size: 1.25rem;
transition: color 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}
p {
margin-top: 0.5rem;
margin-bottom: 0;
}
.link-card:is(:hover, :focus-within) {
background-position: 0;
background-image: var(--accent-gradient);
}
.link-card:is(:hover, :focus-within) h2 {
color: rgb(var(--accent-light));
}
</style>

1
src/components/Footer.astro
View file

@ -71,5 +71,6 @@ const today = new Date();
</div>
<div class="content">
<p class="small-quote">El. Psy. Kongroo.</p>
<a class="small-quote" href="/site-info">Site Info</a>
</div>
</footer>

9
src/components/Header.astro
View file

@ -18,11 +18,18 @@ import { SITE_TITLE } from "../consts";
<span>Projects</span>
</button>
<button
class="custom-btn btn-1"
type="button"
onclick="location.href='/services'">
<span>Services</span>
</button>
<button
class="custom-btn btn-1"
type="button"
onclick="location.href='/blog'">
<span>Blog</span>
</button>
</button>
</nav>
<br>

56
src/pages/blog/index.astro
View file

@ -1,6 +1,4 @@
---
import BlogCard from "../../components/Card-Blog.astro";
import Card from "../../components/Card.astro"
import Layout from "../../layouts/Layout.astro";
import { getCollection } from "astro:content";
@ -9,36 +7,32 @@ const posts = (await getCollection("blog")).sort(
);
---
<Layout title="LimePot - Blog">
<div class="content">
<main>
<center>
<h1 class="title">The Blog Posts</h1>
<h2 class="subtitle">This is where I post things and stuff, eventually...</h2>
<h3>This list is in chronological order oldest first, newest last</h3>
<h4>I think I may add a button that shows latest post at the top under rss, we'll see.</h4>
</center>
<hr>
<ul role="list" class="link-card-grid">
<Card
href="/rss.xml"
title="RSS Feed"
source="/assets/rss.png"
/>
</ul>
<hr>
{
posts.map((post) => (
<>
<ul role="list" class="link-card-grid">
<BlogCard
href={`/blog/${post.slug}/`}
title={post.data.title} />
</ul>
</>
))
}
</main>
</div>
<h1 class="title" style="text-align: center;">The Blog Posts</h1>
<h2 class="subtitle" style="text-align: center;">
This is where I post things and stuff, eventually...
</h2>
<h3 style="text-align: center;">This list is in chronological order oldest first, newest last</h3>
<h4 style="text-align: center;">
I think I may add a button that shows latest post at the top under
rss, we'll see.
</h4>
<hr />
<a href="/rss.xml"><h3 style="text-align: center;">RSS Feed</h3></a>
<hr />
{
posts.map((post) => (
<>
<ul role="list">
<li>
<a href={`/blog/${post.slug}/`}>{post.data.title}</a>
</li>
</ul>
</>
))
}
</main>
</div>
</Layout>

1
src/pages/boilerplate.astro
View file

@ -1,6 +1,5 @@
---
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
---
<Layout>

1
src/pages/buttons.astro
View file

@ -1,6 +1,5 @@
---
import Layout from "../layouts/Layout-nochrome.astro";
import Card from "../components/Card-noimg.astro";
---
<Layout title="LimePot">

5
src/pages/index.astro
View file

@ -1,6 +1,5 @@
---
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
---
<Layout title="LimePot">
@ -9,12 +8,12 @@ import Card from "../components/Card.astro";
<marquee Behavior="Alternate">
<h2 class="title">LimePotato</h2>
</marquee>
<h3 class="subtitle" style="text-align: center;">Welcome to my weird little spot of the universe :3</h3>
<h3 class="subtitle" style="text-align: center;">Welcome to my weird little spot of the internet :3</h3>
</div>
<br>
<div class="content">
<figure>
<figcaption>
<h2 class="subtitle" style="text-align: center;">Some Ambience?</h2>
<span style="font-size: small;">
<a href="/assets/sounds/ambience/383506__klankbeeld__pinewood-in-memoriam-febr-05-nl-giersbergen-33db-170215_1085.flac">

56
src/pages/nochrome.astro
View file

@ -1,41 +1,53 @@
---
import Layout from "../layouts/Layout-nochrome.astro";
import Card from "../components/Card-noimg.astro";
---
<Layout title="LimePot">
<main>
<div class="content" style="text-align: center;">
<h1 class="title">You Are Using a Chromium-based Browser.</h1>
<h2 class="subtitle">
<div class="content">
<h1 class="title" style="text-align: center;">You Are Using a Chromium-based Browser.</h1>
<h2 class="subtitle" style="text-align: center;">
There are many reasons not to use chrome (as well as base firefox),
consider using an alternative browser.
</h2>
<hr />
<ul role="list" class="link-card-grid">
<Card href="https://fuckoffgoogle.de/" title="Google is Evil" />
<Card href="https://privacytests.org/" title="Browser Privacy Tests" />
<ul role="list">
<li>
<a href="https://fuckoffgoogle.de/">Google is Evil</a>
</li>
<br>
<li>
<a href="https://privacytests.org/">Browser Privacy Tests</a>
</li>
</ul>
<hr />
<h2 class="subtitle">Some Recommendations</h2>
<ul role="list" class="link-card-grid">
<Card href="https://librewolf.net/" title="*Librewolf" />
<Card href="https://mullvad.net/en/browser" title="Mullvad Browser" />
<Card href="https://www.waterfox.net/" title="Waterfox" />
<Card href="https://www.netsurf-browser.org/" title="Netsurf" />
<Card
href="https://awesomekling.github.io/Ladybird-a-new-cross-platform-browser-project/"
title="Ladybird"
/>
<Card
href="https://www.microsoft.com/en-us/download/internet-explorer"
title="Internet Explorer"
/>
<h2 class="subtitle" style="text-align: center;">Some Recommendations</h2>
<ul role="list">
<li>
<a href="https://librewolf.net/">Librewolf</a>
</li>
<br>
<li>
<a href="https://mullvad.net/en/browser">Mullvad Browser</a>
</li>
<br>
<li>
<a href="https://www.waterfox.net/">Waterfox</a>
</li>
<br>
<li>
<a href="https://www.netsurf-browser.org/">Netsurf</a>
</li>
<br>
<li>
<a href="https://www.microsoft.com/en-us/download/internet-explorer">Internet Explorer</a>
</li>
<br>
</ul>
<hr />
<a
href="https://chromewebstore.google.com/detail/user-agent-switcher-and-m/bhchdcejhohfmigjafbampogmaanbfkg"
><h2>
><h2 style="text-align: center;">
If you are really dead-set on using chromium to browse this website,
you can use a user-agent switcher
</h2></a

92
src/pages/projects.astro
View file

@ -1,6 +1,5 @@
---
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
---
<Layout title="LimePot - Projects ">
@ -16,19 +15,14 @@ import Card from "../components/Card.astro";
<strong>Profiles/Portfolios</strong>
</p>
</center>
<ul role="list" class="link-card-grid">
<Card
source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/LimePotato/"
title="Git"
alt="Forgejo Logo"
/>
<Card
source="https://avatars.githubusercontent.com/u/67560307?s=200&v=4"
href="https://modrinth.com/user/limepotato"
title="Modrinth Profile"
alt="Modrinth Logo"
/>
<ul role="list">
<!--
https://avatars.githubusercontent.com/u/67560307?s=200&v=4
/assets/icons/Forgejo_logo.svg
-->
<li><a href="https://modrinth.com/user/limepotato">Modrinth Profile</a></li>
<br>
<li><a href="https://git.nullafati.xyz/LimePotato/">Git Forge</a></li>
</ul>
<br /><br />
<center>
@ -36,58 +30,24 @@ import Card from "../components/Card.astro";
<br />
<p class="instructions">
<strong>Individual Projects</strong>
</p></center
>
<ul role="list" class="link-card-grid">
<Card
source="https://ouroboros.gay/files/ecfdc63b-d5a0-47ad-8ec4-8892342ddbda"
href="https://ouroboros.group/"
title="Ouroboros Group"
body="A directory of everything I host."
alt="Ouroboros Icon"
/>
<Card
source="https://git.nullafati.xyz/LimePotato/roses-mod/raw/branch/main/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."
alt="Two minecraft roses, one red one cyan"
/>
<Card
source="https://git.nullafati.xyz/limepotato/yummy/raw/branch/main/src/main/resources/assets/yummy/icon.png"
href="https://git.nullafati.xyz/limepotato/yummy"
title="Yummy"
body="A Minecraft mod, all about food (WIP)."
alt="Pixel art smiling yummy face"
/>
<Card
source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/limepotato/edibleBlocks"
title="Edible Blocks"
body="A Minecraft mod, that lets you.... eat block items????"
alt="ForgeJo Logo"
/>
<Card
source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/limepotato/mc-badges"
title="Minecraft Badges"
body="A handful of 88x31 badges for all your minecraft related projects!"
alt="ForgeJo Logo"
/>
<Card
source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/Ouroboros/potrogue/"
title="potrogue"
body="A lil roguelike project built in Kotlin with cobalt/amethyst/zircon"
alt="ForgeJo Logo"
/>
<Card
source="/assets/icons/Forgejo_logo.svg"
href="https://git.nullafati.xyz/limepotato/kotRemote"
title="kotRemote"
body="SSHFS (and maybe other things later) Wrapper, in Kotlin with Jexer"
alt="ForgeJo Logo"
/>
</p></center>
<ul role="list">
<li><a href="https://modrinth.com/mod/roses-quilt">Roses Mod</a>: A Minecraft mod, built for Quilt Loader, bringing back the Roses and Cyan Roses of old.</li>
<br>
<li><a href="https://modrinth.com/project/yummy!">Yummy</a>: A Minecraft mod, all about food (WIP).</li>
<br>
<li><a href="https://modrinth.com/mod/edible-blocks">Edible Blocks</a>: A Minecraft mod, that lets you.... eat block items????</li>
<br>
<li><a href="https://limepot.xyz/blog/minecraft-badges/">Minecraft 88x31 Badges</a>: A handful of 88x31 badges for all your minecraft related projects!</li>
<br>
<li><a href="https://git.nullafati.xyz/limepotato/potrogue">Potrogue</a>: A lil roguelike project built in Kotlin with cobalt/amethyst/zircon.</li>
<br>
<li><a href="https://git.nullafati.xyz/limepotato/kotRemote">kotRemote</a>: SSHFS (and maybe other things later) Wrapper, in Kotlin with Jexer.</li>
<br>
<!--
https://git.nullafati.xyz/LimePotato/roses-mod/raw/branch/main/src/main/resources/assets/roses_mod/icon.png
https://git.nullafati.xyz/limepotato/yummy/raw/branch/main/src/main/resources/assets/yummy/icon.png"
/assets/icons/Forgejo_logo.svg-->
</ul>
</div>
</main>

33
src/pages/services.astro Normal file
View file

@ -0,0 +1,33 @@
---
import Layout from "../layouts/Layout.astro";
---
<Layout>
<main>
<div class="content">
<h2 class="title" style="text-align: center;">Services</h2>
<h3 class="subtitle" style="text-align: center;">Here is a list of services that I host, and can be used.</h3>
<h4 style="text-align: center;"><a href="https://up.ouroboros.group/status/obosgroup">Experiencing Downtimes?</a></h4>
<ul role="list">
<li>
<a href="https://git.nullafati.xyz/">ForgeJo</a>: Git forge, registrations are disabled
</li>
<li>
<a href="https://search.ouroboros.group/">SearXNG</a>: Search Engine
</li>
<li>
<a href="https://vid.ouroboros.group/">Invidious</a>: Youtube Frontend
</li>
<li>
<a href="https://translate.ouroboros.group/">LibreTranslate</a>: Translation Service
</li>
<li>
<a href="https://ntfy.ouroboros.group/">ntfy</a>: Push notification service
</li>
<li>
<a href="https://ouroboros.gay/">Iceshrimp</a>: Fediverse Instance
</li>
</ul>
</div>
</main>
</Layout>

26
src/pages/site-info.astro
View file

@ -1,8 +1,28 @@
---
import Layout from "../layouts/Layout.astro";
import Card from "../components/Card.astro";
---
<Layout title="LimePot - ">
<main></main>
<Layout>
<main>
<div class="content">
<h2 class="title" style="text-align: center;">Site Information</h2>
<hr>
<h2 class="subtitle">Credits</h2>
<ul>
<li><s>Uh, God And My Country</s></li>
<li>All the cool creatures in my <b>Friendly Buttons</b> section</li>
</ul>
<hr>
<h2 class="subtitle">Privacy</h2>
<ul>
<li>I dont do shit with your data!</li>
</ul>
<hr>
<h2 class="subtitle">Frameworks n' Stuff</h2>
<ul>
<li>Build System: <a href="https://astro.build/">Astro</a></li>
<li>Color Scheme: <a href="https://catppuccin.com">Catppuccin Mocha Peach</a></li>
</ul>
</div>
</main>
</Layout>