Link overhaul, services page, site-info page
This commit is contained in:
parent
d06eb0156c
commit
deb462de21
12 changed files with 153 additions and 256 deletions
|
|
@ -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>→</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>
|
||||
|
|
@ -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>→</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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
|
|
@ -18,6 +18,13 @@ 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"
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
<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" class="link-card-grid">
|
||||
<BlogCard
|
||||
href={`/blog/${post.slug}/`}
|
||||
title={post.data.title} />
|
||||
<ul role="list">
|
||||
<li>
|
||||
<a href={`/blog/${post.slug}/`}>{post.data.title}</a>
|
||||
</li>
|
||||
</ul>
|
||||
</>
|
||||
))
|
||||
}
|
||||
</main>
|
||||
</div>
|
||||
</main>
|
||||
</div>
|
||||
</Layout>
|
||||
|
|
@ -1,6 +1,5 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout.astro";
|
||||
import Card from "../components/Card.astro";
|
||||
---
|
||||
|
||||
<Layout>
|
||||
|
|
|
|||
|
|
@ -1,6 +1,5 @@
|
|||
---
|
||||
import Layout from "../layouts/Layout-nochrome.astro";
|
||||
import Card from "../components/Card-noimg.astro";
|
||||
---
|
||||
|
||||
<Layout title="LimePot">
|
||||
|
|
|
|||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
|
|
@ -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
33
src/pages/services.astro
Normal 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>
|
||||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in a new issue