some basic skeleton work
This commit is contained in:
parent
67c6619d06
commit
874ce0bfe8
8 changed files with 176 additions and 13 deletions
0
public/styles/css/color-scheme.css
Normal file
0
public/styles/css/color-scheme.css
Normal file
8
public/styles/css/main.css
Normal file
8
public/styles/css/main.css
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
@font-face {
|
||||||
|
font-family: terminess-nf;
|
||||||
|
src: url(../fonts/TerminessNerdFont-Regular.ttf);
|
||||||
|
}
|
||||||
|
|
||||||
|
:root {
|
||||||
|
font-family: terminess-nf
|
||||||
|
}
|
||||||
BIN
public/styles/fonts/TerminessNerdFont-Regular.ttf
Normal file
BIN
public/styles/fonts/TerminessNerdFont-Regular.ttf
Normal file
Binary file not shown.
93
src/components/Footer.astro
Executable file
93
src/components/Footer.astro
Executable 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
48
src/components/Head.astro
Executable 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
5
src/consts.ts
Normal 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
16
src/layouts/Layout.astro
Executable 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>
|
||||||
|
|
@ -1,16 +1,9 @@
|
||||||
---
|
---
|
||||||
|
import Layout from "../layouts/Layout.astro";
|
||||||
|
---
|
||||||
|
|
||||||
---
|
<Layout>
|
||||||
|
<main>
|
||||||
<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>
|
|
||||||
<h1>nelle observer</h1>
|
<h1>nelle observer</h1>
|
||||||
</body>
|
</main>
|
||||||
</html>
|
</Layout>
|
||||||
Loading…
Reference in a new issue