update build script

build.sh

@@ -27,6 +27,7 @@ read -p "$(echo -e ${FRONTEND_Q})" choice
 if [ "$choice" = "y" ]; then
     echo -e "${BUILDING_FRONT}"
     cd frontend
+    rm -r ./build
     pnpm i
     pnpm run build
     cd ../
@@ -42,8 +43,6 @@ if [ "$choice" = "y" ]; then
             cd ../
         elif [ "$choice" = "n" ]; then
             echo -e "${EXITING}"
-        elif [ "$choice" = "c" ]; then
-            echo -e "${BUILD_CANCELLED}"
         else
             echo -e "${NO_CHOICE}"
         fi

frontend/.prettierrc.mjs

@@ -0,0 +1,36 @@
+/** @type {import("prettier").Config} */
+export default {
+  plugins: ["prettier-plugin-astro"],
+  overrides: [
+    {
+      files: "*.astro",
+      options: {
+        parser: "astro",
+      },
+    },
+    {
+      files: ["*.html"],
+      options: {
+        parser: "html",
+      },
+    },
+    {
+      files: ["*.md"],
+      options: {
+        parser: "mdx",
+      },
+    },
+    {
+      files: ["*.css"],
+      options: {
+        parser: "css",
+      },
+    },
+    {
+      files: ["*.ts"],
+      options: {
+        parser: "typescript",
+      },
+    },
+  ],
+};

frontend/.vscode/extensions.json

@@ -4,6 +4,7 @@
     "abusaidm.html-snippets",
     "ecmel.vscode-html-css",
     "mblode.pretty-formatter",
-        "formulahendry.auto-close-tag"],
+    "formulahendry.auto-close-tag"
+  ],
   "unwantedRecommendations": []
 }

frontend/.vscode/settings.json

@@ -1,7 +1,4 @@
 {
-    "cSpell.words": [
+  "cSpell.words": ["bsod", "kanban"],
-        "bsod",
-        "kanban"
-    ],
   "compile-hero.disable-compile-files-on-did-save-code": true
 }

frontend/astro.config.mjs

@@ -7,7 +7,7 @@ import sitemap from "@astrojs/sitemap";
 // https://astro.build/config
 export default defineConfig({
   site: "https://nelle.observer",
-  outDir: './build',
+  outDir: "./build",
-  integrations: [mdx(), compressor(), sitemap()]
+  integrations: [mdx(), compressor(), sitemap()],
 });
 // min and compressor always last!

frontend/nelle.observer-frontend.code-workspace

@@ -1,10 +1,10 @@
 {
   "folders": [
     {
-			"path": "."
+      "path": ".",
-		}
+    },
   ],
   "settings": {
-		"compile-hero.disable-compile-files-on-did-save-code": true
+    "compile-hero.disable-compile-files-on-did-save-code": true,
-	}
+  },
 }

frontend/package.json

@@ -14,7 +14,7 @@
     "@astrojs/mdx": "^3.1.3",
     "@astrojs/rss": "^4.0.7",
     "@astrojs/sitemap": "^3.2.1",
-    "astro": "^4.13.1",
+    "astro": "4.16.1",
     "astro-compressor": "^0.4.1",
     "astro-font": "^0.0.81"
   },

frontend/public/scripts/api.js

@@ -13,43 +13,43 @@ function sendMeow(endpoint) {
 }
 
 async function getMeowTimeout(endpoint) {
-    const response = await fetch(endpoint)
+  const response = await fetch(endpoint);
   if (response.status === 423) {
     meowButton.disabled = true;
     meowButton.innerHTML = "<span>sleeping...</span>";
-        console.warn("MEOW TIMED OUT")
+    console.warn("MEOW TIMED OUT");
   }
   if (response.status === 100) {
     meowButton.disabled = false;
     meowButton.innerHTML = "<span>meow</span>";
-        console.warn("MEOW NOT TIMED OUT")
+    console.warn("MEOW NOT TIMED OUT");
   }
 }
 
 async function getBeepTimeout(endpoint) {
-    const response = await fetch(endpoint)
+  const response = await fetch(endpoint);
   if (response.status === 423) {
     beepButton.disabled = true;
     beepButton.innerHTML = "<span>sleeping...</span>";
-        console.warn("BEEP TIMED OUT")
+    console.warn("BEEP TIMED OUT");
   }
   if (response.status === 100) {
     beepButton.disabled = false;
     beepButton.innerHTML = "<span>meow</span>";
-        console.warn("BEEP NOT TIMED OUT")
+    console.warn("BEEP NOT TIMED OUT");
   }
 }
 
 async function getKaomojiTimeout(endpoint) {
-    const response = await fetch(endpoint)
+  const response = await fetch(endpoint);
   if (response.status === 423) {
     kaomojiButton.disabled = true;
     kaomojiButton.innerHTML = "<span>sleeping...</span>";
-        console.warn("KAOMOJI TIMED OUT")
+    console.warn("KAOMOJI TIMED OUT");
   }
   if (response.status === 100) {
     kaomojiButton.disabled = false;
     kaomojiButton.innerHTML = "<span>meow</span>";
-        console.warn("KAOMOJI NOT TIMED OUT")
+    console.warn("KAOMOJI NOT TIMED OUT");
   }
 }

frontend/public/scripts/clipboard.js

@@ -1,3 +1 @@
-function copyLink(link) {
+function copyLink(link) {}
-    
-}

frontend/public/scripts/main.js

@@ -44,7 +44,7 @@ fetch(url)
 // Chrome Redirect
 function redirect() {
   const chromium = /Chrome|Chromium|OPR|Opera|Edge|UC|QQ/.test(
-    navigator.userAgent
+    navigator.userAgent,
   );
 
   if (navigator.brave) {
@@ -88,25 +88,23 @@ async function kaomojiClick() {
   sendMeow(kaomojiEndpoint);
 }
 
-
 // Show/Hide Info Boxes
 const posterInfoButton = document.getElementById("poster-info-button");
 const posterInfo = document.getElementById("poster-info");
-let isPosterInfoHidden = true
+let isPosterInfoHidden = true;
 
 const ntfyInfoButton = document.getElementById("ntfy-info-button");
 const ntfyInfo = document.getElementById("ntfy-info");
-let isNtfyInfoHidden = true
+let isNtfyInfoHidden = true;
 
 function showPosterInfo() {
   if (isPosterInfoHidden) {
     posterInfo.style.display = "initial";
-    posterInfoButton.innerHTML = "[hide more info]"
+    posterInfoButton.innerHTML = "[hide more info]";
     isPosterInfoHidden = false;
-  }
+  } else {
-  else {
     posterInfo.style.display = "none";
-    posterInfoButton.innerHTML = "[show more info]"
+    posterInfoButton.innerHTML = "[show more info]";
     isPosterInfoHidden = true;
   }
 }
@@ -114,29 +112,31 @@ function showPosterInfo() {
 function showNtfyInfo() {
   if (isNtfyInfoHidden) {
     ntfyInfo.style.display = "initial";
-    ntfyInfoButton.innerHTML = "[hide more info]"
+    ntfyInfoButton.innerHTML = "[hide more info]";
     isNtfyInfoHidden = false;
-  }
+  } else {
-  else {
     ntfyInfo.style.display = "none";
-    ntfyInfoButton.innerHTML = "[show more info]"
+    ntfyInfoButton.innerHTML = "[show more info]";
     isNtfyInfoHidden = true;
   }
 }
 
 //// color scheme change
-const headTag = document.getElementsByTagName('head')[0];
+const headTag = document.getElementsByTagName("head")[0];
 const styleTag = document.createElement("style");
 
 function checkThemeStorage() {
   if (sessionStorage.getItem("themeGreen")) {
-    setGreen()
+    setGreen();
   }
   if (sessionStorage.getItem("themeOrange")) {
-    setOrange()
+    setOrange();
   }
-  if (!sessionStorage.getItem("themeOrange") && !sessionStorage.getItem("themeGreen")) {
+  if (
-    getTheme()
+    !sessionStorage.getItem("themeOrange") &&
+    !sessionStorage.getItem("themeGreen")
+  ) {
+    getTheme();
   }
 }
 
@@ -342,10 +342,9 @@ function setOrange() {
 function getTheme() {
   if (colorBool) {
     // if true: green
-    setGreen()
+    setGreen();
-  }
+  } else {
-  else {
     // if false: orange
-    setOrange()
+    setOrange();
   }
 }

frontend/public/scripts/ntfy.js

@@ -32,11 +32,10 @@ const msgPFX = "message: ";
 const attachPFX = "attachment: ";
 const clickPFX = "click-action: ";
 
-
 // Ctrl + Enter to send
 document.addEventListener("keydown", (event) => {
   if (event.ctrlKey && event.key === "Enter") {
-    ntfyClick()
+    ntfyClick();
   }
 });
 
@@ -198,7 +197,7 @@ function sendNotification() {
     ntfyTitle.value,
     ntfyMessage.value,
     ntfyAttach.value,
-      ntfyClickAction.value
+    ntfyClickAction.value,
   );
   ntfyTitle.value = "";
   ntfyMessage.value = "";

frontend/public/scripts/sound.js

@@ -1,14 +1,12 @@
-const clickSound = new Audio(
+const clickSound = new Audio("/assets/sounds/ui/zapsplat_button_click_2.mp3");
-  "/assets/sounds/ui/zapsplat_button_click_2.mp3"
-);
 const hoverSound = new Audio(
-  "/assets/sounds/ui/zapsplat_button_click_bright_2.mp3"
+  "/assets/sounds/ui/zapsplat_button_click_bright_2.mp3",
 );
 const phonewaveSound = new Audio(
-  "/assets/sounds/sciadv/phonewave/phonewave.ogg"
+  "/assets/sounds/sciadv/phonewave/phonewave.ogg",
 );
 const startLeapSound = new Audio(
-  "/assets/sounds/sciadv/phonewave/begin-leap.ogg"
+  "/assets/sounds/sciadv/phonewave/begin-leap.ogg",
 );
 
 // Sound effects
@@ -28,7 +26,6 @@ const links = document.querySelectorAll("a");
 const image = document.querySelectorAll("img");
 const phonewave = document.getElementById("phonewave");
 
-
 // biome-ignore lint/complexity/noForEach: <explanation>
 links.forEach((a) => {
   a.addEventListener("click", () => {
@@ -71,7 +68,6 @@ image.forEach((button) => {
   */
 });
 
-
 phonewave.addEventListener("click", () => {
   phonewaveSound.play();
   setTimeout(() => {

frontend/public/styles/css/bsod.css

@@ -10,15 +10,15 @@
 }
 
 a:link {
-    color: #ffffff
+  color: #ffffff;
 }
 
 a:visited {
-    color: #ffffff
+  color: #ffffff;
 }
 
 a:hover {
-    color: #ffffff
+  color: #ffffff;
 }
 
 .frown {

frontend/public/styles/css/color-scheme.css

@@ -7,8 +7,17 @@
   /*--accent: #232323;*/
   --accent: var(--accent-500);
 
-    --content-gradient: linear-gradient(to bottom right, var(--secondary-800), var(--primary-900));
+  --content-gradient: linear-gradient(
-    --accent-gradient: linear-gradient(to bottom right, var(--accent-300), var(--accent-200) 30%, var(--text) 60%);
+    to bottom right,
+    var(--secondary-800),
+    var(--primary-900)
+  );
+  --accent-gradient: linear-gradient(
+    to bottom right,
+    var(--accent-300),
+    var(--accent-200) 30%,
+    var(--text) 60%
+  );
 
   --link: var(--accent-300);
   --visited: var(--accent-400);

frontend/public/styles/css/fonts.css

@@ -12,5 +12,5 @@
 
 @font-face {
   font-family: departure-mono;
-    src: url(../fonts/DepartureMono-Regular.otf)
+  src: url(../fonts/DepartureMono-Regular.otf);
 }

frontend/public/styles/css/glitch.css

@@ -1,5 +1,7 @@
 .glitch {
-  text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2),
+  text-shadow:
+    0.05em 0 0 var(--glitch-1),
+    -0.03em -0.04em 0 var(--glitch-2),
     0.025em 0.04em 0 var(--glitch-3);
   animation: glitch 742ms infinite;
   color: var(--alt-accent-900);
@@ -27,7 +29,9 @@
 }
 
 .glitch-alt {
-  text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2),
+  text-shadow:
+    0.05em 0 0 var(--glitch-1),
+    -0.03em -0.04em 0 var(--glitch-2),
     0.025em 0.04em 0 var(--glitch-3);
   animation: glitch 742ms infinite;
   color: var(--alt-accent-900);
@@ -55,37 +59,51 @@
 
 @keyframes glitch {
   0% {
-    text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2),
+    text-shadow:
+      0.05em 0 0 var(--glitch-1),
+      -0.03em -0.04em 0 var(--glitch-2),
       0.025em 0.04em 0 var(--glitch-3);
   }
 
   15% {
-    text-shadow: 0.05em 0 0 var(--glitch-1), -0.03em -0.04em 0 var(--glitch-2),
+    text-shadow:
+      0.05em 0 0 var(--glitch-1),
+      -0.03em -0.04em 0 var(--glitch-2),
       0.025em 0.04em 0 var(--glitch-3);
   }
 
   16% {
-    text-shadow: -0.05em -0.025em 0 var(--glitch-1), 0.025em 0.035em 0 var(--glitch-2),
+    text-shadow:
+      -0.05em -0.025em 0 var(--glitch-1),
+      0.025em 0.035em 0 var(--glitch-2),
       -0.05em -0.05em 0 var(--glitch-3);
   }
 
   49% {
-    text-shadow: -0.05em -0.025em 0 var(--glitch-1), 0.025em 0.035em 0 var(--glitch-2),
+    text-shadow:
+      -0.05em -0.025em 0 var(--glitch-1),
+      0.025em 0.035em 0 var(--glitch-2),
       -0.05em -0.05em 0 var(--glitch-3);
   }
 
   50% {
-    text-shadow: 0.05em 0.035em 0 var(--glitch-1), 0.03em 0 0 var(--glitch-2),
+    text-shadow:
+      0.05em 0.035em 0 var(--glitch-1),
+      0.03em 0 0 var(--glitch-2),
       0 -0.04em 0 var(--glitch-3);
   }
 
   99% {
-    text-shadow: 0.05em 0.035em 0 var(--glitch-1), 0.03em 0 0 var(--glitch-2),
+    text-shadow:
+      0.05em 0.035em 0 var(--glitch-1),
+      0.03em 0 0 var(--glitch-2),
       0 -0.04em 0 var(--glitch-3);
   }
 
   100% {
-    text-shadow: -0.05em 0 0 var(--glitch-1), -0.025em -0.04em 0 var(--glitch-2),
+    text-shadow:
+      -0.05em 0 0 var(--glitch-1),
+      -0.025em -0.04em 0 var(--glitch-2),
       -0.04em -0.025em 0 var(--glitch-3);
   }
 }

frontend/public/styles/css/mobile-warn.css

@@ -1,5 +1,4 @@
-@import url('https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Titillium+Web&display=swap");
-
 
 :root {
   background-color: #ce3426;
@@ -10,15 +9,15 @@
 }
 
 a:link {
-    color: #ffffff
+  color: #ffffff;
 }
 
 a:visited {
-    color: #ffffff
+  color: #ffffff;
 }
 
 a:hover {
-    color: #ffffff
+  color: #ffffff;
 }
 
 .icon {

frontend/public/styles/css/nav-buttons.css

@@ -10,9 +10,10 @@
   transition: all 0.3s ease;
   position: relative;
   display: inline-block;
-    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
+  box-shadow:
-        7px 7px 20px 0px rgba(0, 0, 0, .1),
+    inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
-        4px 4px 5px 0px rgba(0, 0, 0, .1);
+    7px 7px 20px 0px rgba(0, 0, 0, 0.1),
+    4px 4px 5px 0px rgba(0, 0, 0, 0.1);
   outline: none;
   font-size: large;
   -webkit-box-shadow: 0 0 10px var(--accent);

frontend/public/styles/fonts/galactic-LICENSE.md

@@ -1,3 +1,3 @@
-***Note of the author***
+**_Note of the author_**
 
 From "Commander Keen"

frontend/src/components/Footer.astro

@@ -12,10 +12,6 @@ import WebRings from "../components/footer/webrings.astro";
   </section>
   <section class="content center">
     <p class="glitch-alt small-quote">El. Psy. Kongroo.</p>
-    <a
+    <a class="small-quote" href="/site-info">site info</a>
-      class="small-quote"
-      href="/site-info"
-      >site info</a
-    >
   </section>
 </footer>

frontend/src/components/Head.astro

@@ -9,7 +9,7 @@ const { title } = Astro.props;
 ---
 
 <link rel="stylesheet" href="/styles/css/main.css" />
-<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="viewport" content="width=device-width, initial-scale=1" />
 
 <link
   rel="alternate"

frontend/src/components/Header.astro

@@ -7,10 +7,7 @@
     onmouseout="StopSound('hoverSound')" -->
 <section class="center nav">
   <nav class="menu">
-    <button
+    <button class="custom-btn btn-1" type="button" onclick="location.href='/'">
-      class="custom-btn btn-1"
-      type="button"
-      onclick="location.href='/'">
       <span>home</span>
     </button>
     <!-- 
@@ -25,7 +22,8 @@
     <button
       class="custom-btn btn-1"
       type="button"
-      onclick="location.href='/blog'">
+      onclick="location.href='/blog'"
+    >
       <span>blog</span>
     </button>
   </nav>

frontend/src/components/footer/buttons.astro

@@ -1,11 +1,12 @@
 ---
-import MyButtons from "./mybuttons.astro"
+import MyButtons from "./mybuttons.astro";
-import FriendlyButtons from "./friendly-buttons.astro"
+import FriendlyButtons from "./friendly-buttons.astro";
-import OtherButtons from "./other-buttons.astro"
+import OtherButtons from "./other-buttons.astro";
 ---
-<h3>88x31 buttons  <a href="#buttons"><i class="nf nf-oct-link"></i></span></a></h3>
+
+<h3>88x31 buttons <a href="#buttons"><i class="nf nf-oct-link"></i></a></h3>
 <MyButtons />
-<hr>
+<hr />
 <FriendlyButtons />
-<hr>
+<hr />
 <OtherButtons />

frontend/src/components/footer/friendly-buttons.astro

@@ -1,22 +1,155 @@
 friendly buttons
 <div class="badgeContainer">
-<a href="https://elke.cafe/"><img class="badge" src="/assets/images/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://elke.cafe/"
-<a href="https://azumanga.gay/"><img class="badge" src="/assets/images/badges/friends/kaitbutton.png" alt="kait" loading="lazy"></a>
+    ><img
-<a href="https://lilysthings.org/"><img class="badge" src="/assets/images/badges/friends/lilysthings.png" alt="the word 'lily!!' next to a microwave" loading="lazy"></a>
+      class="badge"
-<a href="https://zvava.org/"><img class="badge" src="/assets/images/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>
+      src="/assets/images/badges/friends/elke.cafe.gif"
-<a href="https://void.rehab/"><img class="badge" src="/assets/images/badges/friends/void.rehab.png" alt="black background, with white, uh, thingies, on the sides 'void.rehab'" loading="lazy"></a>
+      alt="dark static background, on the left side, a triquetra, in yellow/orange text 'elke.cafe'"
-<a href="https://void.lgbt/"><img class="badge" src="/assets/images/badges/friends/void.lgbt.gif" alt="gray static background, left void.lgbt icon, text on the right in black 'The Void'" loading="lazy"></a>
+      loading="lazy"
-<a href="https://csillagpor.net"><img class="badge" src="/assets/images/badges/friends/mira-button.png" alt="miras button'" loading="lazy"></a>
+    /></a
-<a href="https://tempest.dev/"><img class="badge" src="/assets/images/badges/friends/tempest.dev.png" alt="badge for tempest.dev'" loading="lazy"></a>
+  >
-<a href="https://voltrina.net"><img class="badge" src="/assets/images/badges/friends/voltrina_badge.png" alt="volted rina" loading="lazy"></a>
+  <a href="https://azumanga.gay/"
-<a href="https://labyrinth.zone/users/yassie_j"><img class="badge" src="/assets/images/badges/friends/wide_yas.png" alt="wide yaseen" loading="lazy"></a>
+    ><img
-<a href="https://disarray.sh/"><img class="badge" src="/assets/images/badges/friends/disarray.sh.png" alt="jade disarray site" loading="lazy"></a>
+      class="badge"
-<a href="https://astrid.tech/"><img class="badge" src="/assets/images/badges/friends/astrid.tech.png" alt="astrid dot tech" loading="lazy"></a>
+      src="/assets/images/badges/friends/kaitbutton.png"
-<a href="https://constellatory.net/"><img class="badge" src="/assets/images/badges/friends/constellatory.net.png" alt="constellatory" loading="lazy"></a>
+      alt="kait"
-<a href="https://labyrinth.zone/"><img class="badge" src="/assets/images/badges/friends/labyrinth_zone.gif" alt="constellatory" loading="lazy"></a>
+      loading="lazy"
-<a href="https://enby.space/"><img class="badge" src="/assets/images/badges/friends/nbsp.gif" alt="ralsei clapping next to the text 'nbsp'" loading="lazy"></a>
+    /></a
-<a href="https://asahixp.pages.gay/"><img class="badge" src="/assets/images/badges/friends/kel.webp" alt="Kel DeSoto" loading="lazy"></a>
+  >
-<a href="https://micro.pages.gay/"><img class="badge" src="/assets/images/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://lilysthings.org/"
-<a href="https://loveshock.xyz/"><img class="badge" src="/assets/images/badges/friends/loveshock.gif" alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'" loading="lazy"></a>
+    ><img
-<a href="https://trypancakes.com/"><img class="badge" src="/assets/images/badges/friends/pancakes.png" alt="purple background, with a drawing of a cat, to the left of the cat is the underlined word 'pancakes'" loading="lazy"></a>
+      class="badge"
+      src="/assets/images/badges/friends/lilysthings.png"
+      alt="the word 'lily!!' next to a microwave"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://zvava.org/"
+    ><img
+      class="badge"
+      src="/assets/images/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://void.rehab/"
+    ><img
+      class="badge"
+      src="/assets/images/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/"
+    ><img
+      class="badge"
+      src="/assets/images/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"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/mira-button.png"
+      alt="miras button'"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://tempest.dev/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/tempest.dev.png"
+      alt="badge for tempest.dev'"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://voltrina.net"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/voltrina_badge.png"
+      alt="volted rina"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://labyrinth.zone/users/yassie_j"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/wide_yas.png"
+      alt="wide yaseen"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://disarray.sh/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/disarray.sh.png"
+      alt="jade disarray site"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://astrid.tech/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/astrid.tech.png"
+      alt="astrid dot tech"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://constellatory.net/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/constellatory.net.png"
+      alt="constellatory"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://labyrinth.zone/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/labyrinth_zone.gif"
+      alt="constellatory"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://enby.space/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/nbsp.gif"
+      alt="ralsei clapping next to the text 'nbsp'"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://asahixp.pages.gay/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/kel.webp"
+      alt="Kel DeSoto"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://micro.pages.gay/"
+    ><img
+      class="badge"
+      src="/assets/images/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/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/loveshock.gif"
+      alt="dark background, with a curved grid/web, with the text 'vist the jukebox at loveshock.xyz'"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://trypancakes.com/"
+    ><img
+      class="badge"
+      src="/assets/images/badges/friends/pancakes.png"
+      alt="purple background, with a drawing of a cat, to the left of the cat is the underlined word 'pancakes'"
+      loading="lazy"
+    /></a
+  >
 </div>

frontend/src/components/footer/mybuttons.astro

@@ -1,12 +1,50 @@
 buttons i created
 <div class="badgeContainer">
-<a href="https://nelle.observer/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/nelleobserver.gif" alt="animation of a bunch of twinkling stars (but amber)" loading="lazy"/></a>
+  <a href="https://nelle.observer/"
-<a href="https://limepot.xyz/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars (but purple)" loading="lazy"/></a>
+    ><img
-<a href="https://ouroboros.gay/"><img class="badge" width="88" height="31" src="/assets/images/badges/mine/ouroboros.gay.png" loading="lazy"></a>
+      class="badge"
-<img id="sgaButton" style="display: none;" width="88" height="31" style="cursor:pointer;" onclick="toggleTheme()" src="/assets/images/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars" loading="lazy"/>
+      width="88"
+      height="31"
+      src="/assets/images/badges/mine/nelleobserver.gif"
+      alt="animation of a bunch of twinkling stars (but amber)"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://limepot.xyz/"
+    ><img
+      class="badge"
+      width="88"
+      height="31"
+      src="/assets/images/badges/mine/limepotxyz.gif"
+      alt="animation of a bunch of twinkling stars (but purple)"
+      loading="lazy"
+    /></a
+  >
+  <a href="https://ouroboros.gay/"
+    ><img
+      class="badge"
+      width="88"
+      height="31"
+      src="/assets/images/badges/mine/ouroboros.gay.png"
+      loading="lazy"
+    /></a
+  >
+  <img
+    id="sgaButton"
+    style="display: none;"
+    width="88"
+    height="31"
+    style="cursor:pointer;"
+    onclick="toggleTheme()"
+    src="/assets/images/badges/mine/standard-galactic-alphabet.png"
+    alt="animation of a bunch of twinkling stars"
+    loading="lazy"
+  />
 </div>
-<hr>
+<hr />
 every coin counts!
-<br>
+<br />
-<a href="https://ko-fi.com/limepot"><img class="badge" src="/assets/images/badges/kofi.gif"></a>
+<a href="https://ko-fi.com/limepot"
+  ><img class="badge" src="/assets/images/badges/kofi.gif" /></a
+>
 <br />

frontend/src/components/footer/other-buttons.astro

@@ -1,56 +1,466 @@
 other buttons
 <div class="badgeContainer">
   <!-- First Line is activism stuff -->
-<a href="https://jointhefediverse.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/FEDERATE-NOW.jpg" alt="Fediverse icon 'Federate Now!'" loading="lazy"/></a>
+  <a href="https://jointhefediverse.net/"
-<a href="https://www.anera.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>
+    ><img
-<a href="https://fuckoffgoogle.de/"><img class="badge" width="88" height="31" src="/assets/images/badges/google_stand.gif" alt="Fight against monopolistic practices, stand up to google!" loading="lazy"/></a>
+      class="badge"
-<a href="https://privacytests.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/chrmevil.gif" alt="Google Chrome is Evil!" loading="lazy"/></a>
+      width="88"
-<a href="https://en.wikipedia.org/wiki/Right_to_repair"><img class="badge" width="88" height="31" src="/assets/images/badges/right2repair.gif" alt="I support right to repair" loading="lazy"/></a>
+      height="31"
-<a href="https://privacytests.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anythingbut.gif" alt="Anything But Chrome" loading="lazy"/></a>
+      src="/assets/images/badges/FEDERATE-NOW.jpg"
-<img class="badge" width="88" height="31" src="/assets/images/badges/p2w.gif" alt="pay to win badge"></img>
+      alt="Fediverse icon 'Federate Now!'"
-<img class="badge" width="88" height="31" src="/assets/images/badges/transnow2.gif" alt="Trans rights now!" loading="lazy"/>
+      loading="lazy"
-<a href="https://archive.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/preserve.gif" alt="Preserve, internet archive" loading="lazy"/></a>
+    /></a
-<!-- Second line is made with stuff -->
+  >
-<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"><img class="badge" width="88" height="31" src="/assets/images/badges/validator.w3.org.png" alt="Invalid w3c html" loading="lazy"/></a>
+  <a href="https://www.anera.org/"
-<a href="https://www.w3.org/TR/CSS/#css"><img class="badge" width="88" height="31" src="/assets/images/badges/made-with-css.gif" alt="Made with CSS" loading="lazy"/></a>
+    ><img
-<a href="https://www.w3.org/TR/CSS/#css"><img class="badge" width="88" height="31" src="/assets/images/badges/css-is-difficult.gif" alt="CSS is Difficult" loading="lazy"/></a>
+      class="badge"
-<a href="https://vscodium.com/"><img class="badge" width="88" height="31" src="/assets/images/badges/vscodium.com.png" alt="Made with Vscodium" loading="lazy"/></a>
+      width="88"
-<a href="https://gnu.org"><img class="badge" width="88" height="31" src="/assets/images/badges/gnu-linux.gif" alt="Tux mascott 'Made on GNU/Linux'" loading="lazy"/></a>
+      height="31"
-<a href="https://www.aseprite.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/ase-logo.gif" alt="Made with Aseprite" loading="lazy"/></a>
+      src="/assets/images/badges/anera.org.png"
-<a href="https://transfemscience.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/hrt-e2vial.gif" alt="powered by estrogen" loading="lazy"/></a>
+      alt="Free palestine"
-<img class="badge" width="88" height="31" src="/assets/images/badges/bestviewedcomp.gif" alt="best viewed with a computer" loading="lazy"/>
+      loading="lazy"
-<a href="https://store.steampowered.com/app/70/HalfLife"><img class="badge" width="88" height="31" src="/assets/images/badges/hl.gif" alt="Half-Life" loading="lazy"/></a>
+    /></a
-<a href="https://store.steampowered.com/app/400/Portal/"><img class="badge" width="88" height="31" src="/assets/images/badges/aperture_labs.jpg" alt="Aperture Labs" loading="lazy"/></a>
+  >
-<a href="https://steamcommunity.com/id/limepot/"><img class="badge" width="88" height="31" src="/assets/images/badges/steam.gif" alt="friend me on steam" loading="lazy"/></a>
+  <a href="https://fuckoffgoogle.de/"
-<a href="https://developer.valvesoftware.com/wiki/Source"><img class="badge" width="88" height="31" src="/assets/images/badges/source-poweredby-orange.png" alt="powered by source" loading="lazy"/></a>
+    ><img
-<img class="badge" width="88" height="31" src="/assets/images/badges/companion_cube.gif" alt="powered by source" loading="lazy"/>
+      class="badge"
-<a href="https://minecraft.net/"><img class="badge" width="88" height="31" src="/assets/images/badges/minecraft.gif" alt="Minecraft" loading="lazy"/></a>
+      width="88"
-<img class="badge" width="88" height="31" src="/assets/images/badges/drpepper.gif" alt="dr pepper" loading="lazy"/>
+      height="31"
-<img class="badge" width="88" height="31" src="/assets/images/badges/360.jpg" alt="xbox 360" loading="lazy"/>
+      src="/assets/images/badges/google_stand.gif"
-<img class="badge" width="88" height="31" src="/assets/images/badges/knbutton.gif" alt="KDE Now" loading="lazy"/>
+      alt="Fight against monopolistic practices, stand up to google!"
-<img class="badge" width="88" height="31" src="/assets/images/badges/blink.gif" alt="Anime girl blinking" loading="lazy"/>
+      loading="lazy"
-<img class="badge" width="88" height="31" src="/assets/images/badges/tiredalien.gif" alt="tired alien" loading="lazy"/>
+    /></a
-<a href="https://ooo.eeeee.ooo/"><img class="badge" width="88" height="31" src="/assets/images/badges/miku-approved.gif" alt="this site is miku approved" loading="lazy"/></a>
+  >
-<a href="https://www.last.fm/user/LimePotato"><img class="badge" width="88" height="31" src="/assets/images/badges/lastfm-01.png" alt="lastfm" loading="lazy"/></a>
+  <a href="https://privacytests.org/"
-<img class="badge" width="88" height="31" src="/assets/images/badges/2019.gif" alt="lastfmstill using buttons in 2019!" loading="lazy"/>
+    ><img
-<img class="badge" width="88" height="31" src="/assets/images/badges/n64.gif" alt="n64" loading="lazy"/>
+      class="badge"
-<a href="https://diekmann.github.io/wasm-fizzbuzz/doom/"><img class="badge" width="88" height="31" src="/assets/images/badges/doombut.gif" alt="doom" loading="lazy"/></a>
+      width="88"
-<a href="https://graphics.cs.utah.edu/teapot/"><img class="badge" width="88" height="31" src="/assets/images/badges/teapot.gif" alt="teapot utah now!" loading="lazy"/></a>
+      height="31"
-<img class="badge" width="88" height="31" src="/assets/images/badges/directxnow.gif" alt="DirectX Now" loading="lazy"/>
+      src="/assets/images/badges/chrmevil.gif"
-<!-- Memes -->
+      alt="Google Chrome is Evil!"
-<a href="https://www.noaa.gov/"><img class="badge" width="88" height="31" src="/assets/images/badges/noaa.gif" alt="NOAA" loading="lazy"/></a>
+      loading="lazy"
-<a href="https://www.java.com/"><img class="badge" width="88" height="31" src="/assets/images/badges/get_java.gif" alt="Get Java Now" loading="lazy"/></a>
+    /></a
-<iframe id="incrementButton" src="//incr.easrng.net/badge?key=nelle" style="background: url(//incr.easrng.net/bg.gif); border: 0; display: none;" title="increment badge" width="88" height="31" loading="lazy"></iframe>
+  >
-<img class="badge" width="88" height="31" src="/assets/images/badges/win7startup.gif" alt="Windows 7 Startup" loading="lazy"></img>
+  <a href="https://en.wikipedia.org/wiki/Right_to_repair"
-<a href="https://archlinux.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/archlinux.gif" alt="Archlinux badge" loading="lazy"/></a>
+    ><img
-<a href="https://github.com/yt-dlp/yt-dlp"><img class="badge" width="88" height="31" src="/assets/images/badges/youtube-dl.gif" alt="youtube-dl badge" loading="lazy"></a>
+      class="badge"
-<a href="https://godotengine.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/godot.png" alt="Godot game engine" loading="lazy"></a>
+      width="88"
-<img class="badge" width="88" height="31" src="/assets/images/badges/queerpride.gif" alt="Queer Pride!" loading="lazy"/>
+      height="31"
-<a href="https://transfemscience.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/transfemscience.org.gif" alt="Trans Your Gender" loading="lazy"/></a>
+      src="/assets/images/badges/right2repair.gif"
-<!-- Flags -->
+      alt="I support right to repair"
-<a href="https://new.lgbtqia.wiki/wiki/LGBT"><img class="badge" width="88" height="31" src="/assets/images/badges/rainbow_bev.gif" alt="Rainbow" loading="lazy"/></a>
+      loading="lazy"
-<a href="https://new.lgbtqia.wiki/wiki/Demigender#Subgenders"><img class="badge" width="88" height="31" src="/assets/images/badges/demigirl.png" alt="Demigirl flag" loading="lazy"></a>
+    /></a
-<a href="https://new.lgbtqia.wiki/wiki/Lesbian"><img class="badge" width="88" height="31" src="/assets/images/badges/lesbian.png" alt="Lesbian flag" loading="lazy"></a>
+  >
-<a href="https://new.lgbtqia.wiki/wiki/Non-Binary"><img class="badge" width="88" height="31" src="/assets/images/badges/nonbinary.png" alt="Nonbinary flag" loading="lazy"></a>
+  <a href="https://privacytests.org/"
-<a href="https://new.lgbtqia.wiki/wiki/Transgender"><img class="badge" width="88" height="31" src="/assets/images/badges/trans.png" alt="Trans flag" loading="lazy"></a>
+    ><img
+      class="badge"
+      width="88"
+      height="31"
+      src="/assets/images/badges/anythingbut.gif"
+      alt="Anything But Chrome"
+      loading="lazy"
+    /></a
+  >
+  <img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/p2w.gif"
+    alt="pay to win badge"
+  />
 </div>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/transnow2.gif"
+  alt="Trans rights now!"
+  loading="lazy"
+/>
+<a href="https://archive.org/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/preserve.gif"
+    alt="Preserve, internet archive"
+    loading="lazy"
+  /></a
+>
+<!-- Second line is made with stuff -->
+<a href="https://validator.w3.org/nu/?doc=https%3A%2F%2Flimepot.xyz%2F"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/validator.w3.org.png"
+    alt="Invalid w3c html"
+    loading="lazy"
+  /></a
+>
+<a href="https://www.w3.org/TR/CSS/#css"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/made-with-css.gif"
+    alt="Made with CSS"
+    loading="lazy"
+  /></a
+>
+<a href="https://www.w3.org/TR/CSS/#css"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/css-is-difficult.gif"
+    alt="CSS is Difficult"
+    loading="lazy"
+  /></a
+>
+<a href="https://vscodium.com/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/vscodium.com.png"
+    alt="Made with Vscodium"
+    loading="lazy"
+  /></a
+>
+<a href="https://gnu.org"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/gnu-linux.gif"
+    alt="Tux mascott 'Made on GNU/Linux'"
+    loading="lazy"
+  /></a
+>
+<a href="https://www.aseprite.org/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/ase-logo.gif"
+    alt="Made with Aseprite"
+    loading="lazy"
+  /></a
+>
+<a href="https://transfemscience.org/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/hrt-e2vial.gif"
+    alt="powered by estrogen"
+    loading="lazy"
+  /></a
+>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/bestviewedcomp.gif"
+  alt="best viewed with a computer"
+  loading="lazy"
+/>
+<a href="https://store.steampowered.com/app/70/HalfLife"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/hl.gif"
+    alt="Half-Life"
+    loading="lazy"
+  /></a
+>
+<a href="https://store.steampowered.com/app/400/Portal/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/aperture_labs.jpg"
+    alt="Aperture Labs"
+    loading="lazy"
+  /></a
+>
+<a href="https://steamcommunity.com/id/limepot/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/steam.gif"
+    alt="friend me on steam"
+    loading="lazy"
+  /></a
+>
+<a href="https://developer.valvesoftware.com/wiki/Source"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/source-poweredby-orange.png"
+    alt="powered by source"
+    loading="lazy"
+  /></a
+>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/companion_cube.gif"
+  alt="powered by source"
+  loading="lazy"
+/>
+<a href="https://minecraft.net/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/minecraft.gif"
+    alt="Minecraft"
+    loading="lazy"
+  /></a
+>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/drpepper.gif"
+  alt="dr pepper"
+  loading="lazy"
+/>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/360.jpg"
+  alt="xbox 360"
+  loading="lazy"
+/>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/knbutton.gif"
+  alt="KDE Now"
+  loading="lazy"
+/>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/blink.gif"
+  alt="Anime girl blinking"
+  loading="lazy"
+/>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/tiredalien.gif"
+  alt="tired alien"
+  loading="lazy"
+/>
+<a href="https://ooo.eeeee.ooo/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/miku-approved.gif"
+    alt="this site is miku approved"
+    loading="lazy"
+  /></a
+>
+<a href="https://www.last.fm/user/LimePotato"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/lastfm-01.png"
+    alt="lastfm"
+    loading="lazy"
+  /></a
+>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/2019.gif"
+  alt="lastfmstill using buttons in 2019!"
+  loading="lazy"
+/>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/n64.gif"
+  alt="n64"
+  loading="lazy"
+/>
+<a href="https://diekmann.github.io/wasm-fizzbuzz/doom/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/doombut.gif"
+    alt="doom"
+    loading="lazy"
+  /></a
+>
+<a href="https://graphics.cs.utah.edu/teapot/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/teapot.gif"
+    alt="teapot utah now!"
+    loading="lazy"
+  /></a
+>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/directxnow.gif"
+  alt="DirectX Now"
+  loading="lazy"
+/>
+<!-- Memes -->
+<a href="https://www.noaa.gov/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/noaa.gif"
+    alt="NOAA"
+    loading="lazy"
+  /></a
+>
+<a href="https://www.java.com/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/get_java.gif"
+    alt="Get Java Now"
+    loading="lazy"
+  /></a
+>
+<iframe
+  id="incrementButton"
+  src="//incr.easrng.net/badge?key=nelle"
+  style="background: url(//incr.easrng.net/bg.gif); border: 0; display: none;"
+  title="increment badge"
+  width="88"
+  height="31"
+  loading="lazy"></iframe>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/win7startup.gif"
+  alt="Windows 7 Startup"
+  loading="lazy"
+/>
+<a href="https://archlinux.org/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/archlinux.gif"
+    alt="Archlinux badge"
+    loading="lazy"
+  /></a
+>
+<a href="https://github.com/yt-dlp/yt-dlp"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/youtube-dl.gif"
+    alt="youtube-dl badge"
+    loading="lazy"
+  /></a
+>
+<a href="https://godotengine.org/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/godot.png"
+    alt="Godot game engine"
+    loading="lazy"
+  /></a
+>
+<img
+  class="badge"
+  width="88"
+  height="31"
+  src="/assets/images/badges/queerpride.gif"
+  alt="Queer Pride!"
+  loading="lazy"
+/>
+<a href="https://transfemscience.org/"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/transfemscience.org.gif"
+    alt="Trans Your Gender"
+    loading="lazy"
+  /></a
+>
+<!-- Flags -->
+<a href="https://new.lgbtqia.wiki/wiki/LGBT"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/rainbow_bev.gif"
+    alt="Rainbow"
+    loading="lazy"
+  /></a
+>
+<a href="https://new.lgbtqia.wiki/wiki/Demigender#Subgenders"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/demigirl.png"
+    alt="Demigirl flag"
+    loading="lazy"
+  /></a
+>
+<a href="https://new.lgbtqia.wiki/wiki/Lesbian"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/lesbian.png"
+    alt="Lesbian flag"
+    loading="lazy"
+  /></a
+>
+<a href="https://new.lgbtqia.wiki/wiki/Non-Binary"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/nonbinary.png"
+    alt="Nonbinary flag"
+    loading="lazy"
+  /></a
+>
+<a href="https://new.lgbtqia.wiki/wiki/Transgender"
+  ><img
+    class="badge"
+    width="88"
+    height="31"
+    src="/assets/images/badges/trans.png"
+    alt="Trans flag"
+    loading="lazy"
+  /></a
+>

frontend/src/components/footer/webrings.astro

@@ -1,7 +1,20 @@
 Web Rings
-<br> <!--href="https://applianceri.ng/next?host=nelle.observer" -->
+<br />
-<a id="phonewave" ><img alt="Future Gadget 8 - PhoneWave (name subject to change)" src="/assets/webrings/phonewave.png" width="100px"></a>
+<!--href="https://applianceri.ng/next?host=nelle.observer" -->
-<br>
+<a id="phonewave"
-<a href="https://stellophiliac.github.io/roboring/nelle/previous"><i class="nf nf-cod-arrow_left"></i></a>
+  ><img
-<a href="https://stellophiliac.github.io/roboring"><!-- <image src="/assets/badges/fediring-badge.gif" alt="Fediring badge" loading="lazy">-->roboring</a>
+    alt="Future Gadget 8 - PhoneWave (name subject to change)"
-<a href="https://stellophiliac.github.io/roboring/nelle/next"><i class="nf nf-cod-arrow_right"></i></a>
+    src="/assets/webrings/phonewave.png"
+    width="100px"
+  /></a
+>
+<br />
+<a href="https://stellophiliac.github.io/roboring/nelle/previous"
+  ><i class="nf nf-cod-arrow_left"></i></a
+>
+<a href="https://stellophiliac.github.io/roboring"
+  ><!-- <image src="/assets/badges/fediring-badge.gif" alt="Fediring badge" loading="lazy">-->roboring</a
+>
+<a href="https://stellophiliac.github.io/roboring/nelle/next"
+  ><i class="nf nf-cod-arrow_right"></i></a
+>

frontend/src/components/main-page/about.astro

@@ -1,30 +1,48 @@
 <section class="content center" id="about">
-    <h2>hello, creature. <a href="#about"><i class="nf nf-oct-link"></i></span></a></h2>
+  <h2>hello, creature. <a href="#about"><i class="nf nf-oct-link"></i></a></h2>
+</section>
 <p>
-          my name is <span class="glitch">nelle</span> (not Nelle, nelle), some call me <span class="glitch">[data expunged]</span>. 
+  my name is <span class="glitch">nelle</span> (not Nelle, nelle), some call me <span
-      <br>
+    class="glitch">[data expunged]</span
-          my prounouns are <span class="glitch"><plain>[she/her] ** [they/them]</plain></span>, see my <a href="https://pronouns.cc/@LimePotato">pronouns.cc page</a>.
+  >.
-      <br /><br>
+  <br />
-          i am a 20-something year old girl-thingamabob, <span class="glitch">[data expunged]</span>, who lives solely and entirely on the internet.
+  my prounouns are <span class="glitch"
-      <br>
+    ><plain>[she/her] ** [they/them]</plain></span
-      <br>
+  >, see my <a href="https://pronouns.cc/@LimePotato">pronouns.cc page</a>.
-          i like putting computers together and fixing them, i do linux sysadmin, sometimes i dabble in kotlin/java (usually minecraft mods), i love space and the science adventure series!!!!!
+  <br /><br />
-      <br>
+  i am a 20-something year old girl-thingamabob, <span class="glitch"
-      <br>
+    >[data expunged]</span
-          i host various services, mostly for myself and my friends. All of which can be found at <a href="https://ouroboros.group/">the uptime kuma page</a>. 
+  >, who lives solely and entirely on the internet.
-          among the things i host are a few fediverse instances 
+  <br />
-          <a href="https://ouroboros.gay/">ouroboros.gay</a>, <a href="https://limbo.town">limbo.town</a>, <a href="https://1.048596.observer">1.048596.observer</a>.
+  <br />
-          i also host my own <a href="https://git.nullafati.xyz/">git forge</a>, <a href="https://vid.ouroboros.group">invidious instance</a> and searxng instance, among various other things.
+  i like putting computers together and fixing them, i do linux sysadmin, sometimes
-          i really like the process of sysadmin, and i like hosting my own services/owning my own data/moderating social media my way.
+  i dabble in kotlin/java (usually minecraft mods), i love space and the science
-      <br>
+  adventure series!!!!!
-      <br>
+  <br />
-          i dont have many projects that are ongoing <i>and</i> ready to show to the public, but i have made a few minecraft mods. all of which can be seen on my
+  <br />
-          <a href="https://modrinth.com/user/limepotato">modrinth page</a>, my two current (admittedly small) public mods are
+  i host various services, mostly for myself and my friends. All of which can be
-          <a href="https://modrinth.com/mod/edible-blocks">Edible Blocks</a> and <a href="https://modrinth.com/mod/roses-quilt">Roses</a>.
+  found at <a href="https://ouroboros.group/">the uptime kuma page</a>. among
-      <br>
+  the things i host are a few fediverse instances
-      <br>
+  <a href="https://ouroboros.gay/">ouroboros.gay</a>, <a
+    href="https://limbo.town">limbo.town</a
+  >, <a href="https://1.048596.observer">1.048596.observer</a>. i also host my
+  own <a href="https://git.nullafati.xyz/">git forge</a>, <a
+    href="https://vid.ouroboros.group">invidious instance</a
+  > and searxng instance, among various other things. i really like the process of
+  sysadmin, and i like hosting my own services/owning my own data/moderating social
+  media my way.
+  <br />
+  <br />
+  i dont have many projects that are ongoing <i>and</i> ready to show to the public,
+  but i have made a few minecraft mods. all of which can be seen on my
+  <a href="https://modrinth.com/user/limepotato">modrinth page</a>, my two
+  current (admittedly small) public mods are
+  <a href="https://modrinth.com/mod/edible-blocks">Edible Blocks</a> and <a
+    href="https://modrinth.com/mod/roses-quilt">Roses</a
+  >.
+  <br />
+  <br />
   i will put more stuff here eventually.
-      <br>
+  <br />
   :3:3:3:3:3:3:3:3:3:3:3
 </p>
-  </section>

frontend/src/components/main-page/contact.astro

@@ -1,18 +1,41 @@
 <section class="content center" id="points-of-existence">
-    <h2>points of existence <a href="#points-of-existence"><i class="nf nf-oct-link"></i></span></a></h2>
+  <h2>
-    <p><a href="mailto:rzqqihgbo@mozmail.com"><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-md-email"></i> email</a></p>
+    points of existence <a href="#points-of-existence"
+      ><i class="nf nf-oct-link"></i></a
+    >
+  </h2>
+</section>
+<p>
+  <a href="mailto:rzqqihgbo@mozmail.com"
+    ><span style="color: var(--alt-accent-600);"
+      ><i class="nf nf-cod-arrow_right"></i></span
+    >
+    <i class="nf nf-md-email"></i> email</a
+  >
+</p>
 <p>
   <a href="https://www.youtube.com/channel/UCk_yKIpDnMv_DvuDb9RGfcA"
-        ><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-md-youtube"></i> youtube</a>
+    ><span style="color: var(--alt-accent-600);"
+      ><i class="nf nf-cod-arrow_right"></i></span
+    >
+    <i class="nf nf-md-youtube"></i> youtube</a
+  >
 </p>
 <p>
-      <a href="    https://git.nullafati.xyz/limepotato/"><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-linux-forgejo"></i> git forge</a><a
+  <a href="    https://git.nullafati.xyz/limepotato/"
-        href="https://jointhefediverse.net/"
+    ><span style="color: var(--alt-accent-600);"
-        ><span style="color: var(--alt-accent);">*</span></a>
+      ><i class="nf nf-cod-arrow_right"></i></span
+    >
+    <i class="nf nf-linux-forgejo"></i> git forge</a
+  ><a href="https://jointhefediverse.net/"
+    ><span style="color: var(--alt-accent);">*</span></a
+  >
 </p>
 <p>
-      <a href="https://ouroboros.gay/@limepot"><span style="color: var(--alt-accent-600);"><i class="nf nf-cod-arrow_right"></i></span> <i class="nf nf-seti-graphql"></i> the fediverse</a><a
+  <a href="https://ouroboros.gay/@limepot"
-        href="https://jointhefediverse.net/"
+    ><span style="color: var(--alt-accent-600);"
-        ></a>
+      ><i class="nf nf-cod-arrow_right"></i></span
+    >
+    <i class="nf nf-seti-graphql"></i> the fediverse</a
+  ><a href="https://jointhefediverse.net/"></a>
 </p>
-  </section>

frontend/src/components/main-page/silly-widgets.astro

@@ -5,8 +5,10 @@ import MEOW from "./widgets/meow.astro";
 ---
 
 <section class="content center" id="silly-widgets">
-  <h2>silly widgets <a href="#silly-widgets"><i class="nf nf-oct-link"></i></span></a></h2>
+  <h2>
+    silly widgets <a href="#silly-widgets"><i class="nf nf-oct-link"></i></a>
+  </h2>
+</section>
 <LastFM />
 <NTFY />
 <MEOW />
-</section>

frontend/src/components/main-page/widgets/lastfm.astro

@@ -1,6 +1,4 @@
-<div
+<div id="lastfm-widget" style="display: none;">
-  id="lastfm-widget"
-  style="display: none;">
   <div id="widget">
     <a href="https://www.last.fm/user/LimePotato"
       ><span style="color: var(--alt-accent-600);"
@@ -10,10 +8,7 @@
   </div>
   <div>
     <span style="font-size: small;"
-      >latest played song on <a
+      >latest played song on <a href="http://last.fm" target="_blank">last.fm</a
-        href="http://last.fm"
-        target="_blank"
-        >last.fm</a
       ></span
     >
   </div>

frontend/src/components/main-page/widgets/meow.astro

@@ -1,35 +1,50 @@
 <div class="funny-meow">
-    <br>
+  <br />
-    <hr>
+  <hr />
   <h3>meow/beep/etc.</h3>
-    <p>press the buttons bellow to make me meow/beep or post other random things on the fediverse,
+  <p>
-        there is a global timeout of anywhere between 10 and 180 minutes, and a separate timer for each button. if it says its sleeping, come back and try again later!</p>
+    press the buttons bellow to make me meow/beep or post other random things on
+    the fediverse, there is a global timeout of anywhere between 10 and 180
+    minutes, and a separate timer for each button. if it says its sleeping, come
+    back and try again later!
+  </p>
 
   <button
     class="custom-btn btn-1 beep-buttons"
     onclick="meowClick()"
-        id="meow-button">
+    id="meow-button"
+  >
     <span>meow</span>
   </button>
 
   <button
     class="custom-btn btn-1 beep-buttons"
     onclick="beepClick()"
-        id="beep-button">
+    id="beep-button"
+  >
     <span>beep</span>
   </button>
 
   <button
     class="custom-btn btn-1 beep-buttons"
     onclick="kaomojiClick()"
-            id="kaomoji-button">
+    id="kaomoji-button"
+  >
     <span>( ꈍᴗꈍ)</span>
   </button>
 
   <div id="poster-info" style="display: none;">
-            <br>you can POST to <span class="glitch">https://nelle.observer/api/meow</span> or <span class="glitch">https://nelle.observer/api/beep</span> or <span class="glitch">https://nelle.observer/api/kaomoji</span>
+    <br />you can POST to <span class="glitch"
+      >https://nelle.observer/api/meow</span
+    > or <span class="glitch">https://nelle.observer/api/beep</span> or <span
+      class="glitch">https://nelle.observer/api/kaomoji</span
+    >
     respectively, and GET at the same endpoints to check the status of the timer.
   </div>
-        <br>
+  <br />
-        <a onclick="showPosterInfo()"><span id="poster-info-button" class="glitch" style="cursor: pointer;">[show more info]</span></a>
+  <a onclick="showPosterInfo()"
+    ><span id="poster-info-button" class="glitch" style="cursor: pointer;"
+      >[show more info]</span
+    ></a
+  >
 </div>

frontend/src/components/main-page/widgets/ntfy.astro

@@ -1,58 +1,120 @@
 <div class="ntfy-box">
   <h3>ntfy box</h3>
   <!-- DISCLAIMER/INFO -->
-    <h4 style="margin-bottom: 0px;">send me a notification! type words and press send</h4>
+  <h4 style="margin-bottom: 0px;">
-    <p>music recommendations, questions, jokes, confessions of your sins, etc, welcome, I respond to all or most as vagueposts on the fediverse.</p>
+    send me a notification! type words and press send
+  </h4>
+  <p>
+    music recommendations, questions, jokes, confessions of your sins, etc,
+    welcome, I respond to all or most as vagueposts on the fediverse.
+  </p>
   <small style=" color: rgb(252, 76, 76);">
-      DESTROYED ON SIGHT: slurs, flirting, lewd or sexual comments/jokes without previous explicit permission.
+    DESTROYED ON SIGHT: slurs, flirting, lewd or sexual comments/jokes without
+    previous explicit permission.
   </small>
   <div id="ntfyWidgetContainer" style="display: none;">
-    <br>
+    <br />
-    <br>
+    <br />
     <!-- TEXT AREAS -->
     <div>
-    <textarea id="ntfy-title" placeholder="title: Title" rows=1 style="resize: none; display: none;"></textarea>
+      <textarea
-    <textarea id="ntfy-message" placeholder="message: message" rows=2></textarea>
+        id="ntfy-title"
-    <textarea id="ntfy-attach" placeholder="attachment: https://http.cat/images/100.jpg" rows=1 style="resize: none ;display: none;"></textarea>
+        placeholder="title: Title"
-    <textarea id="ntfy-click" placeholder="click: https://www.youtube.com/watch?v=dQw4w9WgXcQ" rows=1 style="resize: none; display: none;"></textarea>
+        rows="1"
+        style="resize: none; display: none;"></textarea>
+      <textarea id="ntfy-message" placeholder="message: message" rows="2"
+      ></textarea>
+      <textarea
+        id="ntfy-attach"
+        placeholder="attachment: https://http.cat/images/100.jpg"
+        rows="1"
+        style="resize: none ;display: none;"></textarea>
+      <textarea
+        id="ntfy-click"
+        placeholder="click: https://www.youtube.com/watch?v=dQw4w9WgXcQ"
+        rows="1"
+        style="resize: none; display: none;"></textarea>
     </div>
     <button
       class="custom-btn btn-1"
       style="width: 42%; margin-top: 2%"
       onclick="ntfyClick()"
-  id="ntfy-button">
+      id="ntfy-button"
+    >
       <span>Send</span>
     </button>
-  <br>
+    <br />
     <!-- OPTIONS BOXES -->
     <fieldset class="ntfyOpts">
       <div>
-          <input type="checkbox" id="optionsCheckbox" name="optionsCheckbox" onchange="toggleOptions()"/>
+        <input
+          type="checkbox"
+          id="optionsCheckbox"
+          name="optionsCheckbox"
+          onchange="toggleOptions()"
+        />
         <label for="optionsCheckbox">More Options</label>
       </div>
       <div>
-        <input type="checkbox" id="titleCheckbox" name="titleCheckbox" onchange="toggleTitle()" style="display: none;"/>
+        <input
-        <label  id="titleBoxLabel" style="display: none;" for="titleCheckbox">Add Title?</label>
+          type="checkbox"
+          id="titleCheckbox"
+          name="titleCheckbox"
+          onchange="toggleTitle()"
+          style="display: none;"
+        />
+        <label id="titleBoxLabel" style="display: none;" for="titleCheckbox"
+          >Add Title?</label
+        >
       </div>
       <div>
-          <input type="checkbox" id="attachmentCheckbox" name="attachmentCheckbox" onchange="toggleAttach()" style="display: none;"/>
+        <input
-          <label id="attachBoxLabel" style="display: none;" for="attachmentCheckbox">Add Attachment?</label>
+          type="checkbox"
+          id="attachmentCheckbox"
+          name="attachmentCheckbox"
+          onchange="toggleAttach()"
+          style="display: none;"
+        />
+        <label
+          id="attachBoxLabel"
+          style="display: none;"
+          for="attachmentCheckbox">Add Attachment?</label
+        >
       </div>
       <div>
-          <input type="checkbox" id="clickCheckbox" name="clickCheckbox" onchange="toggleClick()" style="display: none;"/>
+        <input
-          <label id="clickBoxLabel" style="display: none;" for="clickCheckbox">Add Click Action?</label>
+          type="checkbox"
+          id="clickCheckbox"
+          name="clickCheckbox"
+          onchange="toggleClick()"
+          style="display: none;"
+        />
+        <label id="clickBoxLabel" style="display: none;" for="clickCheckbox"
+          >Add Click Action?</label
+        >
       </div>
     </fieldset>
   </div>
-  <br>
+  <br />
-  <br>
+  <br />
   <!-- DISCLAIMER/INFO -->
 
   <div id="ntfy-info" style="display: none;">
-  <small>if it doesnt seem to be working/you cant see the field, or you have javascript disabled, 
+    <small
-    <br>you can POST to <span class="glitch">https://ntfy.ouroboros.group/pushy</span>.</small>
+      >if it doesnt seem to be working/you cant see the field, or you have
+      javascript disabled,
+      <br />you can POST to <span class="glitch"
+        >https://ntfy.ouroboros.group/pushy</span
+      >.</small
+    >
   </div>
 </div>
 
-  <br>
+<br />
-  <a onclick="showNtfyInfo()"><span id="ntfy-info-button" class="glitch" style="margin-bottom: 2%; cursor: pointer;">[show more info]</span></a>
+<a onclick="showNtfyInfo()"
+  ><span
+    id="ntfy-info-button"
+    class="glitch"
+    style="margin-bottom: 2%; cursor: pointer;">[show more info]</span
+  ></a
+>

frontend/src/components/scripts/nochrome-scripts.astro

@@ -1,5 +1,3 @@
-<!-- optimized -->
+<!-- optimized --><!-- unoptimized -->
-
-<!-- unoptimized -->
 <script is:inline src="/scripts/galactic-font.js"></script>
 <script is:inline src="/scripts/sound.js"></script>

frontend/src/components/scripts/normal-scripts.astro

@@ -1,4 +1,3 @@
-
 <!-- unoptimized -->
 <script is:inline src="/scripts/sound.js"></script>
 <script is:inline src="/scripts/sga.js"></script>

frontend/src/components/site-info/credits.astro

@@ -7,7 +7,8 @@
       href="https://github.com/biancarosa/lastfm-last-played"
       target="_blank"
     >
-      @biancarosa/lastfm-last-played</a>
+      @biancarosa/lastfm-last-played</a
+    >
   </li>
   <li>
     the <a

frontend/src/components/site-info/frameworks.astro

@@ -1,14 +1,13 @@
 <h2 class="subtitle">frameworks, hosts, colors n' Stuff</h2>
 <ul>
-  <li>built with: 
+  <li>
+    built with:
     <ul>
       <li><a href="https://ktor.io/">ktor</a></li>
       <li><a href="https://astro.build/">astro</a></li>
     </ul>
   </li>
-  <li>
+  <li>color scheme: custom made!</li>
-    color scheme: custom made!
-  </li>
   <li>domain registrar: <a href="https://porkbun.com/">porkbun</a></li>
   <li>host: <a href="/blog/my-setup/">me :3</a></li>
   <li>font: <a href="https://departuremono.com/">deparutre mono</a></li>

frontend/src/components/site-info/privacy.astro

@@ -2,8 +2,8 @@
 <ul>
   <li>i dont do shit with your data!</li>
   <li>
-    some javascript is used, just for fun little effects (and detering
+    some javascript is used, just for fun little effects (and detering chrome
-    chrome users), nothing is stored in cookies.
+    users), nothing is stored in cookies.
   </li>
   <li>
     various places i found 88x31 buttons
@@ -15,9 +15,7 @@
         <a href="https://neonaut.neocities.org/cyber/88x31">neonaut</a>
       </li>
       <li>stolen from friends websites. :3</li>
-      <li>
+      <li>most buttons are linked, but not necessarily to their creator.</li>
-        most buttons are linked, but not necessarily to their creator.
-      </li>
     </ul>
   </li>
 </ul>

frontend/src/consts.ts

@@ -1,5 +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_TITLE = "nelle observer";
-export const SITE_DESCRIPTION = 'personal site of nelle';
+export const SITE_DESCRIPTION = "personal site of nelle";

frontend/src/content/blog/cool-stuff.md

@@ -1,7 +1,7 @@
 ---
-title: 'cool stuff!'
+title: "cool stuff!"
-description: 'cool/interesting things i found on the internet.'
+description: "cool/interesting things i found on the internet."
-pubDate: 'July 10 2024'
+pubDate: "July 10 2024"
 ---
 
 ### be sure to check back for more

frontend/src/content/blog/minecraft-badges.md

@@ -1,7 +1,7 @@
 ---
-title: 'minecraft 88x31 badges'
+title: "minecraft 88x31 badges"
-description: '88x31 badges for your minecraft projects!'
+description: "88x31 badges for your minecraft projects!"
-pubDate: 'June 17 2024'
+pubDate: "June 17 2024"
 ---
 
 ## i made (and still am making), a few 88x31 badges for minecraft mods and such, in aseprite heres what i have so far

frontend/src/content/blog/my-setup.md

@@ -1,7 +1,7 @@
 ---
-title: 'my setup(s)!'
+title: "my setup(s)!"
-description: 'whats your setup like? i hear nobody asking, im glad you asked!'
+description: "whats your setup like? i hear nobody asking, im glad you asked!"
-pubDate: 'April 17 2024'
+pubDate: "April 17 2024"
 ---
 
 ## my personal machine currently has

frontend/src/content/blog/new-pc-entered-chat.md

@@ -1,7 +1,7 @@
 ---
-title: 'a new pc has entered the chat'
+title: "a new pc has entered the chat"
-description: 'i have received some free computers!'
+description: "i have received some free computers!"
-pubDate: 'June 30 2024'
+pubDate: "June 30 2024"
 ---
 
 recently i received two free computers, thanks to bryan of [l33t.codes](https://l33t.codes/), one was a thinkcentre, the other an old mediacenter.
@@ -32,7 +32,7 @@ this is a configure-to-order model, so ill need to check the parts ive already r
 
 i was really interested by this, I love ThinkPads, So i immediately took up the offer. When i got home i worked on pluggin it in and seeing if it worked, took me a bit to find the VGA cable hiding somewhere in storage but i was able to get it. This machine did not come with a drive, and was unable to post whatsoever.
 
-After a bit of testing (and a long search for DDR3 modules), i can confirm that something *other* than the memory is the issue (it tested fine in a known-good machine), so more testing will need to be done there.
+After a bit of testing (and a long search for DDR3 modules), i can confirm that something _other_ than the memory is the issue (it tested fine in a known-good machine), so more testing will need to be done there.
 
 i really want(ed) to shove my current main build inside this thing as it would be really funny, unfortunately, this only has one fan slot, and thats the loud and poor, outtake. definitely not enough for my modern computer, ill figure out what to do with it eventually!
 

frontend/src/content/config.ts

@@ -1,5 +1,5 @@
-import { defineCollection } from 'astro:content';
+import { defineCollection } from "astro:content";
-import { rssSchema } from '@astrojs/rss';
+import { rssSchema } from "@astrojs/rss";
 
 const blog = defineCollection({
   schema: rssSchema,

frontend/src/layouts/BlogPost.astro

@@ -31,7 +31,6 @@ const { title, description, pubDate, updatedDate } = Astro.props;
         <div class="content">
           <slot />
         </div>
-        </div>
       </article>
     </div>
   </main>

frontend/src/layouts/Layout.astro

@@ -24,9 +24,7 @@ const { title } = Astro.props;
     <slot />
     <Footer />
     <NormalScripts />
-    <audio
+    <audio id="clickSound" src="/assets/sounds/ui/zapsplat_button_click_2.mp3">
-      id="clickSound"
-      src="/assets/sounds/ui/zapsplat_button_click_2.mp3">
     </audio>
   </body>
 </html>

frontend/src/layouts/fuckchrome/Layout-nochrome.astro

@@ -25,6 +25,8 @@ const { title } = Astro.props;
     </section>
     <Footer />
     <NochromeScripts />
-    <script is:inline type="text/javascript">localStorage.setItem('disclaimerAccepted', 1);</script>
+    <script is:inline type="text/javascript">
+      localStorage.setItem("disclaimerAccepted", 1);
+    </script>
   </body>
 </html>

frontend/src/pages/blog/[...slug].astro

@@ -4,7 +4,7 @@ import BlogPost from "../../layouts/BlogPost.astro";
 
 export async function getStaticPaths() {
   const posts = await getCollection("blog");
-  return posts.map((post: { slug: any; }) => ({
+  return posts.map((post: { slug: any }) => ({
     params: { slug: post.slug },
     props: post,
   }));

frontend/src/pages/blog/index.astro

@@ -3,7 +3,8 @@ import Layout from "../../layouts/Layout.astro";
 import { getCollection } from "astro:content";
 
 const posts = (await getCollection("blog")).sort(
-  (a: { data: { pubDate: number; }; }, b: { data: { pubDate: number; }; }) => a.data.pubDate.valueOf() - b.data.pubDate.valueOf()
+  (a: { data: { pubDate: number } }, b: { data: { pubDate: number } }) =>
+    a.data.pubDate.valueOf() - b.data.pubDate.valueOf(),
 );
 ---
 
@@ -16,20 +17,22 @@ const posts = (await getCollection("blog")).sort(
       <h4 style="text-align: center;">
         This list is in chronological order oldest first, newest last.
       </h4>
-    </div>
+    </main>
     <section class="content">
       <hr />
       <a href="/rss.xml"><h3 style="text-align: center;">RSS Feed</h3></a>
       <hr />
       {
-        posts.map((post: { slug: any; data: { title: unknown; }; }) => (
+        posts.map((post: { slug: any; data: { title: unknown } }) => (
           <>
             <ul>
-                <li><a href={`/blog/${post.slug}/`}>{post.data.title}</a></li>
+              <li>
+                <a href={`/blog/${post.slug}/`}>{post.data.title}</a>
+              </li>
             </ul>
           </>
         ))
       }
     </section>
-    </main>
+  </div>
 </Layout>

frontend/src/pages/bsod.astro

@@ -1,20 +1,29 @@
 ---
 import Layout from "../layouts/fuckchrome/bsod.astro";
 ---
+
 <Layout>
   <main>
     <audio src="/assets/sounds/xp_error.mp3" autoplay="autoplay"></audio>
     <h1 class="frown">:(</h1>
-    <h2 class="subtext1">Your browser ran into a problem and needs to die. Please try a different browser that isn't Chrome, and try again later.</h2>
+    <h2 class="subtext1">
-    <br><br>
+      Your browser ran into a problem and needs to die. Please try a different
+      browser that isn't Chrome, and try again later.
+    </h2>
+    <br /><br />
     <h2 class="subtext1">100% Completely Shitty Browser</h2>
     <div class="container">
       <div class="qr">
-            <img src="/assets/images/bsod/rickroll-blue.png" height="142px">
+        <img src="/assets/images/bsod/rickroll-blue.png" height="142px" />
       </div>
       <div class="error-text">
-            <br>
+        <br />
-            <p>For more information about this issue and possible fixes,  and to never be redirected again, visit <a href="/nochrome" style="color=#ffffff;">https://nelle.observer/nochrome</a></p>
+        <p>
+          For more information about this issue and possible fixes, and to never
+          be redirected again, visit <a href="/nochrome" style="color=#ffffff;"
+            >https://nelle.observer/nochrome</a
+          >
+        </p>
         <p>If you contact me about this, please give me this error:</p>
         <p>Stop Code: EW_CHROME_YUCK</p>
       </div>

frontend/src/pages/index.astro

@@ -1,8 +1,8 @@
 ---
 import Layout from "../layouts/Layout.astro";
-import About from "../components/main-page/about.astro"
+import About from "../components/main-page/about.astro";
-import Contact from "../components/main-page/contact.astro"
+import Contact from "../components/main-page/contact.astro";
-import SillyWidgets from "../components/main-page/silly-widgets.astro"
+import SillyWidgets from "../components/main-page/silly-widgets.astro";
 ---
 
 <Layout title="nelle.observer">

frontend/src/pages/mobile-warn.astro

@@ -1,13 +1,19 @@
 ---
 import Layout from "../layouts/fuckchrome/mobile-warn.astro";
 ---
+
 <Layout>
   <main>
-    <img class="icon" src="/assets/images/mobile-warn/report-material.svg">
+    <img class="icon" src="/assets/images/mobile-warn/report-material.svg" />
     <h1>The site ahead is afraid of Chromium browsers</h1>
-    <p>The website on <span style="font-weight: bold;">nelle.observer</span> is scared of chromium-based browsers, which yours seems to be of.</p>
+    <p>
+      The website on <span style="font-weight: bold;">nelle.observer</span> is scared
+      of chromium-based browsers, which yours seems to be of.
+    </p>
     <p style="font-size: smaller;">NET::EW_CHROME_YUCK</p>
-    <br>
+    <br />
-    <a href="/nochrome">Proceed to information (unsafe) and to never be redirected again</a>
+    <a href="/nochrome"
+      >Proceed to information (unsafe) and to never be redirected again</a
+    >
   </main>
 </Layout>

frontend/src/pages/nochrome.astro

@@ -9,8 +9,8 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
         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
+        there are many reasons not to use chrome (as well as base firefox),
-                firefox), consider using an alternative browser.
+        consider using an alternative browser.
       </h2>
       <hr />
       <ul role="list">
@@ -19,25 +19,22 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
         </li>
         <br />
         <li>
-                    <a href="https://privacytests.org/">Browser Privacy Tests</a
+          <a href="https://privacytests.org/">Browser Privacy Tests</a>
-                    >
         </li>
       </ul>
       <hr />
-            <h2 class="subtitle" style="text-align: center;">
+      <h2 class="subtitle" style="text-align: center;">Some Recommendations</h2>
-                Some Recommendations
-            </h2>
       <ul role="list">
         <li>
           <a href="https://librewolf.net/">Librewolf</a>
-                    - A fork of Firefox, with a lot of privacy enhancing features.
+          - A fork of Firefox, with a lot of privacy enhancing features. I highly
-                    I highly recommend.
+          recommend.
         </li>
         <br />
         <li>
           <a href="https://mullvad.net/en/browser">Mullvad Browser</a>
-                    - Fork of Firefox made by the Mullvad team, in collaboration
+          - Fork of Firefox made by the Mullvad team, in collaboration with the Tor
-                    with the Tor team.
+          team.
         </li>
         <br />
         <li>
@@ -47,8 +44,8 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
         <br />
         <li>
           <a href="https://servo.org/">Servo</a>
-                    - An up and coming browser built on its own rendering engine,
+          - An up and coming browser built on its own rendering engine, managed by
-                    managed by the Linux Foundation.
+          the Linux Foundation.
         </li>
         <br />
         <li>
@@ -59,10 +56,8 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
         </li>
         <br />
         <li>
-                    <a
+          <a href="https://www.microsoft.com/en-us/download/internet-explorer"
-                        href="https://www.microsoft.com/en-us/download/internet-explorer"
+            ><span style="color: #e64553;">Internet Explorer</span></a
-                        ><span style="color: #e64553;">Internet Explorer</span
-                        ></a
           >
           - Highly dependable, and long-lasting browser made by Microsoft.
         </li>
@@ -72,37 +67,33 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
             href="https://www.ncsa.illinois.edu/research/project-highlights/ncsa-mosaic/"
             ><span style="color: #e64553;">NCSA Mosaic</span></a
           >
-                    - Probably the best browser you could be using in the modern
+          - Probably the best browser you could be using in the modern day.
-                    day.
         </li>
         <br />
         <li>
           <a
             href="https://www.nintendo.com/en-gb/Wii/Wii-Channels/Internet-Channel/Internet-Channel-631781.html"
-                        ><span style="color: #e64553;"
+            ><span style="color: #e64553;">Nintendo Internet Channel</span></a
-                            >Nintendo Internet Channel</span
-                        ></a
           >
-                    - The Internet Channel brings the web to your TV and makes surfing
+          - The Internet Channel brings the web to your TV and makes surfing a social
-                    a social experience!
+          experience!
         </li>
         <br />
         <li>
           <a href="https://kmeleonbrowser.org/"
-                        ><span style="color: #e64553;">K-Meleon Browser</span
+            ><span style="color: #e64553;">K-Meleon Browser</span></a
-                        ></a
           >
-                    - K-Meleon is a lightweight, customizable, open-source web browser.
+          - K-Meleon is a lightweight, customizable, open-source web browser. It's
-                    It's designed for Microsoft Windows (Win32) operating systems.
+          designed for Microsoft Windows (Win32) operating systems.
         </li>
         <br />
         <li>
           <a href="https://www.youtube.com/watch?v=grCAPm3yIaU"
             ><span style="color: #e64553;">Omori</span></a
           >
-                    - Explore a strange world full of colorful friends and foes.
+          - Explore a strange world full of colorful friends and foes. When the time
-                    When the time comes, the path you’ve chosen will determine your
+          comes, the path you’ve chosen will determine your fate... and perhaps the
-                    fate... and perhaps the fate of others as well.
+          fate of others as well.
         </li>
         <br />
         <li>
@@ -114,13 +105,11 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
         </li>
         <br />
         <li>
-                    <a
+          <a href="https://www.amazon.com/Nintendo-DS-Browser/dp/B001DLFAA0/"
-                        href="https://www.amazon.com/Nintendo-DS-Browser/dp/B001DLFAA0/"
+            ><span style="color: #e64553;">Nintendo DS Browser</span></a
-                        ><span style="color: #e64553;">Nintendo DS Browser</span
-                        ></a
           >
-                    - With the Nintendo DS Browser, anyone can enjoy quick, easy
+          - With the Nintendo DS Browser, anyone can enjoy quick, easy and portable
-                    and portable access to the World Wide Web on the DS Lite.
+          access to the World Wide Web on the DS Lite.
         </li>
         <br />
         <li>
@@ -135,8 +124,8 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
       <a
         href="https://chromewebstore.google.com/detail/user-agent-switcher-and-m/bhchdcejhohfmigjafbampogmaanbfkg"
         ><h2 style="text-align: center;">
-                    If you are really dead-set on using chromium to browse this
+          If you are really dead-set on using chromium to browse this website,
-                    website, you can use a user-agent switcher
+          you can use a user-agent switcher
         </h2></a
       >
     </div>

frontend/src/pages/robots.txt.ts

@@ -1,4 +1,4 @@
-import type { APIRoute } from 'astro';
+import type { APIRoute } from "astro";
 
 const getRobotsTxt = (sitemapURL: URL) => `
 
@@ -101,6 +101,6 @@ Disallow: /
 `;
 
 export const GET: APIRoute = ({ site }) => {
-    const sitemapURL = new URL('sitemap-index.xml', site);
+  const sitemapURL = new URL("sitemap-index.xml", site);
   return new Response(getRobotsTxt(sitemapURL));
 };

frontend/src/pages/site-info.astro

@@ -14,9 +14,14 @@ import Frameworks from "../components/site-info/frameworks.astro";
       <hr />
       <Frameworks />
       <p style="text-align: center;">
-      <a href="https://git.nullafati.xyz/limepotato/nelle-observer/src/branch/main/LICENSE">license</a>
+        <a
-      <br>
+          href="https://git.nullafati.xyz/limepotato/nelle-observer/src/branch/main/LICENSE"
-      licensed under the <a href="https://thufie.lain.haus/NPL.html">nvpl-na</a>
+          >license</a
+        >
+        <br />
+        licensed under the <a href="https://thufie.lain.haus/NPL.html"
+          >nvpl-na</a
+        >
       </p>
       <a href="https://git.nullafati.xyz/limepotato/nelle-observer"
         ><p style="text-align: center;">source code</p></a