some basic skeleton work

This commit is contained in:
nelle 2024-08-02 23:11:10 -06:00
parent 67c6619d06
commit 874ce0bfe8
8 changed files with 176 additions and 13 deletions

View file

View file

@ -0,0 +1,8 @@
@font-face {
font-family: terminess-nf;
src: url(../fonts/TerminessNerdFont-Regular.ttf);
}
:root {
font-family: terminess-nf
}

Binary file not shown.

93
src/components/Footer.astro Executable file
View file

@ -0,0 +1,93 @@
---
const today = new Date();
---
<br>
<footer class="footer">
<div class="content">
<!--Badges-->
<a href="/buttons"><u>Mine Buttons</u></a>
<br>
<a href="https://limepot.xyz/"><image src="/assets/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars" loading="lazy"/></a>
<br>
<a href="https://ouroboros.gay/"><image src="/assets/badges/mine/ouroboros.gay.png"></a>
<image style="cursor:pointer;" onclick="toggleTheme()" src="/assets/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy"/>
<br/>
<hr>
<hr>
<span style="font-size: smaller;">Every coin counts!</span>
<br>
<a href="https://ko-fi.com/limepot"><image src="/assets/badges/kofi.gif"></a>
<br/><hr><hr>
<a>Friendly Buttons</a>
<br>
<a href="https://zvava.org/"><image src="/assets/badges/friends/zvava.org.png" alt="black background, with a slanted dark purple grid, and a purple outline, pink text saying 'zvava.org'" loading="lazy"></a>
<a href="https://elke.cafe/"><image src="/assets/badges/friends/elke.cafe.gif" alt="dark static background, on the left side, a triquetra, in yellow/orange text 'elke.cafe'" loading="lazy"></a>
<a href="https://azumanga.gay/"><image src="/assets/badges/friends/kaitbutton.png" alt="kait" loading="lazy"></a>
<a href="https://lilysthings.org/"><image src="/assets/badges/friends/lilysthings.png" alt="the word 'lily!!' next to a microwave" loading="lazy"></a>
<a href="https://void.rehab/"><image src="/assets/badges/friends/void.rehab.png" alt="black background, with white, uh, thingies, on the sides 'void.rehab'" loading="lazy"></a>
<a href="https://void.lgbt/"><image src="/assets/badges/friends/void.lgbt.gif" alt="gray static background, left void.lgbt icon, text on the right in black 'The Void'" loading="lazy"></a>
<a href="https://csillagpor.net"><image src="/assets/badges/friends/mira-button.png" alt="miras button'" loading="lazy"></a>
<a href="https://voltrina.net"><image src="/assets/badges/friends/voltrina_badge.png" alt="volted rina" loading="lazy"></a>
<a href="https://labyrinth.zone/users/yassie_j"><image src="/assets/badges/friends/wide_yas.png" alt="wide yaseen" loading="lazy"></a>
<br>
<a href="https://disarray.sh/"><image src="/assets/badges/friends/disarray.sh.png" alt="jade disarray site" loading="lazy"></a>
<a href="https://astrid.tech/"><image src="/assets/badges/friends/astrid.tech.png" alt="astrid dot tech" loading="lazy"></a>
<a href="https://constellatory.net/"><image src="/assets/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>
<a href="https://labyrinth.zone/"><image src="/assets/badges/friends/labyrinth_zone.gif" alt="constellatory" loading="lazy"></a>
<a href="https://enby.space/"><image src="/assets/badges/friends/nbsp.gif" alt="ralsei clapping next to the text 'nbsp'" loading="lazy"></a>
<a href="https://asahixp.pages.gay/"><image src="/assets/badges/friends/kel.webp" alt="Kel DeSoto" loading="lazy"></a>
<a href="https://micro.pages.gay/"><image src="/assets/badges/friends/niko.png" alt="prototype from oneshot giviing a :3c expression with a darker background and Micro in purple 500 from tailwindcss on the right with dithering between the two sections" loading="lazy"></a>
<a href="https://loveshock.xyz/"><image src="/assets/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'" loading="lazy"></a>
<br/>
<hr>
<a>Other Buttons</a>
<br><!-- First Line is activism stuff -->
<a href="https://jointhefediverse.net/"><image src="/assets/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'" loading="lazy"/></a>
<a href="https://www.anera.org/"><image src="/assets/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>
<a href="https://fuckoffgoogle.de/"><image src="/assets/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!" loading="lazy"/></a>
<a href="https://privacytests.org/"><image src="/assets/badges/chrmevil.gif" alt="Google Chrome is Evil!" loading="lazy"/></a>
<a href="https://en.wikipedia.org/wiki/Right_to_repair"><image src="/assets/badges/right2repair.gif" alt="I support right to repair" loading="lazy"/></a>
<a href="https://privacytests.org/"><image src="/assets/badges/anythingbut.gif" alt="Anything But Chrome" loading="lazy"/></a>
<image src="/assets/badges/p2w.gif" alt="pay to win badge"></image>
<image src="/assets/badges/transnow2.gif" alt="Trans rights now!" loading="lazy"/>
<a href="https://archive.org/"><image src="/assets/badges/preserve.gif" alt="Preserve, internet archive" loading="lazy"/></a>
<br><!-- Second line is made with stuff -->
<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><image src="/assets/badges/validator.w3.org.png" alt="Invalid w3c html" loading="lazy"/></a>
<a href="https://www.w3.org/TR/CSS/#css"><image src="/assets/badges/made-with-css.gif" alt="Made with CSS" loading="lazy"/></a>
<a href="https://www.w3.org/TR/CSS/#css"><image src="/assets/badges/css-is-difficult.gif" alt="CSS is Difficult" loading="lazy"/></a>
<a href="https://vscodium.com/"><image src="/assets/badges/vscodium.com.png" alt="Made with Vscodium" loading="lazy"/></a>
<a href="https://gnu.org"><image src="/assets/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'" loading="lazy"/></a>
<a href="https://www.aseprite.org/"><image src="/assets/badges/ase-logo.gif" alt="Made with Aseprite" loading="lazy"/></a>
<a href="https://store.steampowered.com/app/70/HalfLife"><image src="/assets/badges/hl.gif" alt="Half-Life" loading="lazy"/></a>
<image src="/assets/badges/blink.gif" alt="Anime girl blinking" loading="lazy"/>
<a href="https://minecraft.net/"><image src="/assets/badges/minecraft.gif" alt="Minecraft" loading="lazy"/></a>
<br><!-- Memes -->
<a href="https://www.noaa.gov/"><image src="/assets/badges/noaa.gif" alt="NOAA" loading="lazy"/></a>
<a href="https://www.java.com/"><image src="/assets/badges/get_java.gif" alt="Get Java Now" loading="lazy"/></a>
<iframe src="//incr.easrng.net/badge?key=limepot" style="background: url(//incr.easrng.net/bg.gif)" title="increment badge" width="88" height="31" frameborder="0"></iframe>
<image src="/assets/badges/win7startup.gif" alt="Windows 7 Startup"></image>
<a href="https://archlinux.org/"><image src="/assets/badges/archlinux.gif" alt="Archlinux badge" loading="lazy"/></a>
<a style="margin-top: 10px;"><image src="/assets/badges/youtube-dl.gif" alt="youtube-dl badge"></a>
<a href="https://godotengine.org/"><image src="/assets/badges/godot.png" alt="Godot game engine"></a>
<image src="/assets/badges/queerpride.gif" alt="Queer Pride!" loading="lazy"/>
<a href="https://transfemscience.org/"><image src="/assets/badges/transfemscience.org.gif" alt="Trans Your Gender" loading="lazy"/></a>
<br><!-- Flags -->
<a href="https://new.lgbtqia.wiki/wiki/LGBT"><image src="/assets/badges/rainbow_bev.gif" alt="Rainbow" loading="lazy"/></a>
<a href="https://new.lgbtqia.wiki/wiki/Demigender#Subgenders"><image src="/assets/badges/demigirl.png" alt="Demigirl flag"></a>
<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><image src="/assets/badges/lesbian.png" alt="Lesbian flag"></a>
<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><image src="/assets/badges/nonbinary.png" alt="Nonbinary flag"></a>
<a href="https://new.lgbtqia.wiki/wiki/Transgender"><image src="/assets/badges/trans.png" alt="Trans flag"></a>
<hr>
<a>Web Rings</a>
<br>
<a href="https://fediring.net/previous?host=limepot.xyz" style="font-size: 50px"><i class="nf nf-cod-arrow_left"></i></a>
<a href="https://fediring.net/"><image src="/assets/badges/fediring-badge.gif" alt="Fediring badge" loading="lazy"></a>
<a href="https://fediring.net/next?host=limepot.xyz" style="font-size: 50px"><i class="nf nf-cod-arrow_right"></i></a>
<br>
<a href="https://applianceri.ng/next?host=limepot.xyz"><img alt="Future Gadget 204 - A Functional Time Machine" src="/assets/webrings/FG204.png" width="100px"></a>
</div>
<div class="content">
<p class="small-quote">El. Psy. Kongroo.</p>
<a class="small-quote" href="/site-info">Site Info</a>
</div>
</footer>

48
src/components/Head.astro Executable file
View file

@ -0,0 +1,48 @@
---
import { SITE_TITLE, SITE_DESCRIPTION } from "../consts";
const page = Astro.url.pathname;
---
<link rel="stylesheet" href="/styles/css/main.css" />
<!--
<link
rel="alternate"
type="application/rss+xml"
title="nelle observer"
href={new URL("rss.xml", Astro.site)}
/>-->
<!-- Global Metadata -->
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<!-- <link rel="icon" type="image/svg+xml" href="/assets/favicon.svg" />-->
<meta name="generator" content={Astro.generator} />
<meta name="robots" content={"noindex, nofollow"} />
<!-- Canonical URL --><!--
<link rel="canonical" href={canonicalURL} />-->
<!-- Primary Meta Tags -->
<title>{SITE_TITLE} {page}</title>
<meta name="title" content={SITE_TITLE} />
<meta name="description" content={SITE_DESCRIPTION} />
<!-- Open Graph / Facebook -->
<meta property="og:type" content="website" />
<meta property="og:url" content={Astro.url} />
<meta property="og:title" content={SITE_TITLE} />
<meta property="og:description" content={SITE_DESCRIPTION} />
<meta property="og:profile:gender" content="woman(ish)" />
<!-- Twitter -->
<meta property="twitter:card" content="summary_large_image" />
<meta property="twitter:url" content={Astro.url} />
<meta property="twitter:title" content={SITE_TITLE} />
<meta property="twitter:description" content={SITE_DESCRIPTION} />
<!-- Other -->
<meta content="she/they" property="pronouns" />
<link href="https://ouroboros.gay/@limepot" rel="me" />

5
src/consts.ts Normal file
View file

@ -0,0 +1,5 @@
// Place any global data in this file.
// You can import this data from anywhere in your site by using the `import` keyword.
export const SITE_TITLE = 'nelle observer';
export const SITE_DESCRIPTION = 'personal site of nelle';

16
src/layouts/Layout.astro Executable file
View file

@ -0,0 +1,16 @@
---
import Head from "../components/Head.astro";
import Footer from "../components/Footer.astro";
---
<!doctype html>
<html lang="en">
<head>
<Head />
</head>
<body onload="onload()" id="body">
<slot /><!--
<Footer />
-->
</body>
</html>

View file

@ -1,16 +1,9 @@
---
import Layout from "../layouts/Layout.astro";
---
---
<html lang="en">
<head>
<meta charset="utf-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width" />
<meta name="generator" content={Astro.generator} />
<title>nelle observer</title>
</head>
<body>
<Layout>
<main>
<h1>nelle observer</h1>
</body>
</html>
</main>
</Layout>