ugh

This reverts commit cec2bccd

frontend/.prettierrc.mjs

@@ -1,36 +0,0 @@
-/** @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

@@ -1,10 +1,9 @@
 {
   "recommendations": [
     "astro-build.astro-vscode",
-    "abusaidm.html-snippets",
-    "ecmel.vscode-html-css",
-    "mblode.pretty-formatter",
-    "formulahendry.auto-close-tag"
-  ],
+        "abusaidm.html-snippets",
+        "ecmel.vscode-html-css",
+        "mblode.pretty-formatter",
+        "formulahendry.auto-close-tag"],
   "unwantedRecommendations": []
 }

frontend/.vscode/settings.json

@@ -1,4 +1,7 @@
 {
-  "cSpell.words": ["bsod", "kanban"],
-  "compile-hero.disable-compile-files-on-did-save-code": true
+    "cSpell.words": [
+        "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",
-  integrations: [mdx(), compressor(), sitemap()],
+  outDir: './build',
+  integrations: [mdx(), compressor(), sitemap()]
 });
 // min and compressor always last!

frontend/nelle.observer-frontend.code-workspace

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

frontend/public/scripts/api.js

@@ -1,55 +1,55 @@
 function handleErrors(response) {
-  if (!response.ok) {
-    throw Error(response.statusText);
-  }
-  return response;
+    if (!response.ok) {
+        throw Error(response.statusText);
+    }
+    return response;
 }
 
 function sendMeow(endpoint) {
-  const request = new XMLHttpRequest();
-  request.open("POST", endpoint);
-  request.send("superSecret=null");
-  console.warn(request.response.text);
+    const request = new XMLHttpRequest();
+    request.open("POST", endpoint);
+    request.send("superSecret=null");
+    console.warn(request.response.text);
 }  
   
 async function getMeowTimeout(endpoint) {
-  const response = await fetch(endpoint);
-  if (response.status === 423) {
-    meowButton.disabled = true;
-    meowButton.innerHTML = "<span>sleeping...</span>";
-    console.warn("MEOW TIMED OUT");
-  }
-  if (response.status === 100) {
-    meowButton.disabled = false;
-    meowButton.innerHTML = "<span>meow</span>";
-    console.warn("MEOW NOT TIMED OUT");
-  }
+    const response = await fetch(endpoint)
+    if (response.status === 423) {
+        meowButton.disabled=true;
+        meowButton.innerHTML = "<span>sleeping...</span>";
+        console.warn("MEOW TIMED OUT")
+    }
+    if (response.status === 100) {
+        meowButton.disabled=false;
+        meowButton.innerHTML = "<span>meow</span>";
+        console.warn("MEOW NOT TIMED OUT")
+    }
 }
   
 async function getBeepTimeout(endpoint) {
-  const response = await fetch(endpoint);
-  if (response.status === 423) {
-    beepButton.disabled = true;
-    beepButton.innerHTML = "<span>sleeping...</span>";
-    console.warn("BEEP TIMED OUT");
-  }
-  if (response.status === 100) {
-    beepButton.disabled = false;
-    beepButton.innerHTML = "<span>meow</span>";
-    console.warn("BEEP NOT TIMED OUT");
-  }
+    const response = await fetch(endpoint)
+    if (response.status === 423) {
+        beepButton.disabled=true;
+        beepButton.innerHTML = "<span>sleeping...</span>";
+        console.warn("BEEP TIMED OUT")
+    }
+    if (response.status === 100) {
+        beepButton.disabled=false;
+        beepButton.innerHTML = "<span>meow</span>";
+        console.warn("BEEP NOT TIMED OUT")
+    }
 }
 
 async function getKaomojiTimeout(endpoint) {
-  const response = await fetch(endpoint);
-  if (response.status === 423) {
-    kaomojiButton.disabled = true;
-    kaomojiButton.innerHTML = "<span>sleeping...</span>";
-    console.warn("KAOMOJI TIMED OUT");
-  }
-  if (response.status === 100) {
-    kaomojiButton.disabled = false;
-    kaomojiButton.innerHTML = "<span>meow</span>";
-    console.warn("KAOMOJI NOT TIMED OUT");
-  }
+    const response = await fetch(endpoint)
+    if (response.status === 423) {
+        kaomojiButton.disabled=true;
+        kaomojiButton.innerHTML = "<span>sleeping...</span>";
+        console.warn("KAOMOJI TIMED OUT")
+    }
+    if (response.status === 100) {
+        kaomojiButton.disabled=false;
+        kaomojiButton.innerHTML = "<span>meow</span>";
+        console.warn("KAOMOJI NOT TIMED OUT")
+    }
 }

frontend/public/scripts/clipboard.js

@@ -1 +1,3 @@
-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) {
@@ -69,42 +69,44 @@ const kaomojiButton = document.getElementById("kaomoji-button");
 
 // on send meow button click
 async function meowClick() {
-  meowButton.disabled = true;
+  meowButton.disabled=true;
   meowButton.innerHTML = "<span>sleeping...</span>";
-  sendMeow(meowEndpoint);
+    sendMeow(meowEndpoint);
 }
 
 // on send beep button click
 async function beepClick() {
-  beepButton.disabled = true;
+  beepButton.disabled=true;
   beepButton.innerHTML = "<span>sleeping...</span>";
-  sendMeow(beepEndpoint);
+    sendMeow(beepEndpoint);
 }
 
 // on send kaomoji button click
 async function kaomojiClick() {
-  kaomojiButton.disabled = true;
+  kaomojiButton.disabled=true;
   kaomojiButton.innerHTML = "<span>sleeping...</span>";
   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;
   }
 }
@@ -112,31 +114,29 @@ 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")
-  ) {
-    getTheme();
+  if (!sessionStorage.getItem("themeOrange") && !sessionStorage.getItem("themeGreen")) {
+    getTheme()
   }
 }
 
@@ -342,9 +342,10 @@ function setOrange() {
 function getTheme() {
   if (colorBool) {
     // if true: green
-    setGreen();
-  } else {
+    setGreen()
+  }
+  else {
     // if false: orange
-    setOrange();
+    setOrange()
   }
 }

frontend/public/scripts/ntfy.js

@@ -32,10 +32,11 @@ 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()
   }
 });
 
@@ -192,15 +193,15 @@ function sendAll(endpoint, title, message, attachment, click) {
 
 // send notification
 function sendNotification() {
-  sendAll(
-    ntfyEndpoint,
-    ntfyTitle.value,
-    ntfyMessage.value,
-    ntfyAttach.value,
-    ntfyClickAction.value,
-  );
-  ntfyTitle.value = "";
-  ntfyMessage.value = "";
-  ntfyAttach.value = "";
-  ntfyClickAction.value = "";
+    sendAll(
+      ntfyEndpoint,
+      ntfyTitle.value,
+      ntfyMessage.value,
+      ntfyAttach.value,
+      ntfyClickAction.value
+    );
+    ntfyTitle.value = "";
+    ntfyMessage.value = "";
+    ntfyAttach.value = "";
+    ntfyClickAction.value = "";
 }

frontend/public/scripts/sound.js

@@ -1,12 +1,14 @@
-const clickSound = new Audio("/assets/sounds/ui/zapsplat_button_click_2.mp3");
+const clickSound = new Audio(
+  "/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
@@ -26,6 +28,7 @@ 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", () => {
@@ -68,6 +71,7 @@ image.forEach((button) => {
   */
 });
 
+
 phonewave.addEventListener("click", () => {
   phonewaveSound.play();
   setTimeout(() => {

frontend/public/styles/css/bsod.css

@@ -1,53 +1,53 @@
 @font-face {
-  font-family: ms-segoeui;
-  src: url(/fonts/segoeui.ttf);
+    font-family: ms-segoeui;
+    src: url(/fonts/segoeui.ttf);
 }
 
 :root {
-  background-color: #0078d7;
-  color: #ffffff;
-  font-family: ms-segoeui;
+    background-color: #0078d7;
+    color: #ffffff;
+    font-family: ms-segoeui;
 }
 
 a:link {
-  color: #ffffff;
+    color: #ffffff
 }
 
 a:visited {
-  color: #ffffff;
+    color: #ffffff
 }
 
 a:hover {
-  color: #ffffff;
+    color: #ffffff
 }
 
 .frown {
-  font-size: 200px;
-  margin-left: 200px;
-  margin-bottom: 0px;
-  margin-top: 100px;
+    font-size: 200px;
+    margin-left: 200px;
+    margin-bottom: 0px;
+    margin-top: 100px;
 }
 
 .subtext1 {
-  font-size: 42px;
-  margin-left: 200px;
-  margin-bottom: 0px;
-  margin-top: 0px;
-  margin-right: 600px;
+    font-size: 42px;
+    margin-left: 200px;
+    margin-bottom: 0px;
+    margin-top: 0px;
+    margin-right: 600px;
 }
 
 .qr {
-  margin-left: 200px;
-  margin-bottom: 0px;
-  margin-top: 50px;
+    margin-left: 200px;
+    margin-bottom: 0px;
+    margin-top: 50px;
 }
 
 .container {
-  display: flex;
+    display: flex;
 }
 
 .error-text {
-  margin-top: 0px;
-  margin-left: 10px;
-  font-size: 20px;
+    margin-top: 0px;
+    margin-left: 10px;
+    font-size: 20px;
 }

frontend/public/styles/css/classes.css

@@ -1,139 +1,139 @@
 @import "nav-buttons.css";
 
 .container {
-  display: flex;
-  align-content: center;
-  gap: 10px;
+    display: flex;
+    align-content: center;
+    gap: 10px;
 }
 
 .content {
-  width: 90%;
-  max-width: 75em;
+    width: 90%;
+    max-width: 75em;
 
-  margin: auto;
-  padding: 0.5em;
-  margin-top: 1em;
-  margin-bottom: 1em;
+    margin: auto;
+    padding: 0.5em;
+    margin-top: 1em;
+    margin-bottom: 1em;
 
-  border: 2.5px solid var(--accent);
-  border-radius: 3px;
+    border: 2.5px solid var(--accent);
+    border-radius: 3px;
 
-  opacity: 0.9;
-  background: var(--content-gradient);
+    opacity: 0.9;
+    background: var(--content-gradient);
 
-  -webkit-box-shadow: 0 0 8px var(--accent);
-  -moz-box-shadow: 0 0 8px var(--accent);
-  box-shadow: 0 0 8px var(--accent);
+    -webkit-box-shadow: 0 0 8px var(--accent);
+    -moz-box-shadow: 0 0 8px var(--accent);
+    box-shadow: 0 0 8px var(--accent);
 }
 
 .nav {
-  width: 50%;
-  max-width: 75em;
+    width: 50%;
+    max-width: 75em;
 
-  margin: auto;
-  padding: 0.5em;
-  margin-top: 1em;
-  margin-bottom: 1em;
+    margin: auto;
+    padding: 0.5em;
+    margin-top: 1em;
+    margin-bottom: 1em;
 
-  border: 2.5px solid var(--accent);
-  border-radius: 3px;
+    border: 2.5px solid var(--accent);
+    border-radius: 3px;
 
-  opacity: 0.9;
-  background: var(--content-gradient);
+    opacity: 0.9;
+    background: var(--content-gradient);
 
-  -webkit-box-shadow: 0 0 8px var(--accent);
-  -moz-box-shadow: 0 0 8px var(--accent);
-  box-shadow: 0 0 8px var(--accent);
+    -webkit-box-shadow: 0 0 8px var(--accent);
+    -moz-box-shadow: 0 0 8px var(--accent);
+    box-shadow: 0 0 8px var(--accent);
 }
 
 .center {
-  text-align: center;
+    text-align: center;
 }
 
 h1::before {
-  content: "> ";
+    content: "> ";
 }
 
 h1 {
-  font-size: 42px;
+    font-size: 42px;
 
-  background-image: var(--accent-gradient);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-size: 400%;
-  background-position: 0%;
+    background-image: var(--accent-gradient);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-size: 400%;
+    background-position: 0%;
 }
 
 a:link {
-  color: var(--link);
+    color: var(--link);
 }
 
 a:visited {
-  color: var(--visited);
+    color: var(--visited);
 }
 
 a:hover {
-  color: var(--hover);
+    color: var(--hover);
 }
 
 textarea {
-  -webkit-box-shadow: 0 0 20px var(--accent-color);
-  -moz-box-shadow: 0 0 20px var(--accent-color);
-  box-shadow: 0 0 20px var(--accent-color);
-  resize: vertical;
+    -webkit-box-shadow: 0 0 20px var(--accent-color);
+    -moz-box-shadow: 0 0 20px var(--accent-color);
+    box-shadow: 0 0 20px var(--accent-color);
+    resize: vertical;
 }
 
 textarea,
 select {
-  width: 82%;
-  outline: none;
-  font-family: inherit;
-  color: inherit;
-  border-bottom: 1px solid currentColor;
-  border-radius: 10px;
-  background: var(--content-gradient);
+    width: 82%;
+    outline: none;
+    font-family: inherit;
+    color: inherit;
+    border-bottom: 1px solid currentColor;
+    border-radius: 10px;
+    background: var(--content-gradient);
 }
 
 button {
-  font-family: inherit;
+    font-family: inherit;
 }
 
 hr {
-  width: 32%;
-  color: var(--gray);
+    width: 32%;
+    color: var(--gray);
 }
 
 .ntfyForm {
-  display: flex;
-  justify-content: space-between;
+    display: flex;
+    justify-content: space-between;
 }
 
 .badgeContainer {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: center;
-  gap: 5px;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    gap: 5px;
 }
 
 .badge {
-  image-rendering: pixelated;
+    image-rendering: pixelated;
 }
 
 .ntfyOpts {
-  -webkit-box-shadow: 0 0 20px var(--accent-color);
-  -moz-box-shadow: 0 0 20px var(--accent-color);
-  box-shadow: 0 0 20px var(--accent-color);
-  border: 2.5px solid var(--accent);
-  border-radius: 3px;
-  display: inherit;
-  margin-left: 35%;
-  margin-right: 35%;
-  margin-bottom: -4%;
-  margin-top: 2%;
+    -webkit-box-shadow: 0 0 20px var(--accent-color);
+    -moz-box-shadow: 0 0 20px var(--accent-color);
+    box-shadow: 0 0 20px var(--accent-color);
+    border: 2.5px solid var(--accent);
+    border-radius: 3px;
+    display: inherit;
+    margin-left: 35%;
+    margin-right: 35%;
+    margin-bottom: -4%;
+    margin-top: 2%;
 }
 
 .beep-buttons {
-  width: 25%;
-  margin-top: 4%;
-  margin-bottom: 2%;
+    width: 25%;
+    margin-top: 4%;
+    margin-bottom: 2%;
 }

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

@@ -1,103 +1,94 @@
 /* default */
 :root {
-  --text: #f5efef;
-  --background: #030303;
-  --primary: #9a9a9a;
-  --secondary: #505050;
-  /*--accent: #232323;*/
-  --accent: var(--accent-500);
+    --text: #f5efef;
+    --background: #030303;
+    --primary: #9a9a9a;
+    --secondary: #505050;
+    /*--accent: #232323;*/
+    --accent: var(--accent-500);
 
-  --content-gradient: linear-gradient(
-    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%
-  );
+    --content-gradient: linear-gradient(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);
-  --hover: var(--accent-500);
+    --link: var(--accent-300);
+    --visited: var(--accent-400);
+    --hover: var(--accent-500);
 
-  --text-50: #f5efef;
-  --text-100: #ebe0e0;
-  --text-200: #d8c0c0;
-  --text-300: #c4a1a1;
-  --text-400: #b08282;
-  --text-500: #9d6262;
-  --text-600: #7d4f4f;
-  --text-700: #5e3b3b;
-  --text-800: #3f2727;
-  --text-900: #1f1414;
-  --text-950: #100a0a;
+    --text-50: #f5efef;
+    --text-100: #ebe0e0;
+    --text-200: #d8c0c0;
+    --text-300: #c4a1a1;
+    --text-400: #b08282;
+    --text-500: #9d6262;
+    --text-600: #7d4f4f;
+    --text-700: #5e3b3b;
+    --text-800: #3f2727;
+    --text-900: #1f1414;
+    --text-950: #100a0a;
 
-  --background-50: #f2f2f2;
-  --background-100: #e6e6e6;
-  --background-200: #cccccc;
-  --background-300: #b3b3b3;
-  --background-400: #999999;
-  --background-500: #808080;
-  --background-600: #666666;
-  --background-700: #4d4d4d;
-  --background-800: #333333;
-  --background-900: #1a1a1a;
-  --background-950: #0d0d0d;
+    --background-50: #f2f2f2;
+    --background-100: #e6e6e6;
+    --background-200: #cccccc;
+    --background-300: #b3b3b3;
+    --background-400: #999999;
+    --background-500: #808080;
+    --background-600: #666666;
+    --background-700: #4d4d4d;
+    --background-800: #333333;
+    --background-900: #1a1a1a;
+    --background-950: #0d0d0d;
 
-  --primary-50: #f2f2f2;
-  --primary-100: #e6e6e6;
-  --primary-200: #cccccc;
-  --primary-300: #b3b3b3;
-  --primary-400: #999999;
-  --primary-500: #808080;
-  --primary-600: #666666;
-  --primary-700: #4d4d4d;
-  --primary-800: #333333;
-  --primary-900: #1a1a1a;
-  --primary-950: #0d0d0d;
+    --primary-50: #f2f2f2;
+    --primary-100: #e6e6e6;
+    --primary-200: #cccccc;
+    --primary-300: #b3b3b3;
+    --primary-400: #999999;
+    --primary-500: #808080;
+    --primary-600: #666666;
+    --primary-700: #4d4d4d;
+    --primary-800: #333333;
+    --primary-900: #1a1a1a;
+    --primary-950: #0d0d0d;
 
-  --secondary-50: #f2f2f2;
-  --secondary-100: #e6e6e6;
-  --secondary-200: #cccccc;
-  --secondary-300: #b3b3b3;
-  --secondary-400: #999999;
-  --secondary-500: #808080;
-  --secondary-600: #666666;
-  --secondary-700: #4d4d4d;
-  --secondary-800: #333333;
-  --secondary-900: #1a1a1a;
-  --secondary-950: #0d0d0d;
+    --secondary-50: #f2f2f2;
+    --secondary-100: #e6e6e6;
+    --secondary-200: #cccccc;
+    --secondary-300: #b3b3b3;
+    --secondary-400: #999999;
+    --secondary-500: #808080;
+    --secondary-600: #666666;
+    --secondary-700: #4d4d4d;
+    --secondary-800: #333333;
+    --secondary-900: #1a1a1a;
+    --secondary-950: #0d0d0d;
 
-  --accent-50: #f2f2f2;
-  --accent-100: #e6e6e6;
-  --accent-200: #cccccc;
-  --accent-300: #b3b3b3;
-  --accent-400: #999999;
-  --accent-500: #808080;
-  --accent-600: #666666;
-  --accent-700: #4d4d4d;
-  --accent-800: #333333;
-  --accent-900: #1a1a1a;
-  --accent-950: #0d0d0d;
+    --accent-50: #f2f2f2;
+    --accent-100: #e6e6e6;
+    --accent-200: #cccccc;
+    --accent-300: #b3b3b3;
+    --accent-400: #999999;
+    --accent-500: #808080;
+    --accent-600: #666666;
+    --accent-700: #4d4d4d;
+    --accent-800: #333333;
+    --accent-900: #1a1a1a;
+    --accent-950: #0d0d0d;
 
-  --alt-accent: #677967;
+    --alt-accent: #677967;
 
-  --glitch-1: var(--alt-accent-200);
-  --glitch-2: var(--alt-accent-300);
-  --glitch-3: var(--alt-accent-400);
+    --glitch-1: var(--alt-accent-200);
+    --glitch-2: var(--alt-accent-300);
+    --glitch-3: var(--alt-accent-400);
 
-  --alt-accent-50: #ebffe6;
-  --alt-accent-100: #d7ffcc;
-  --alt-accent-200: #affe9a;
-  --alt-accent-300: #88fe67;
-  --alt-accent-400: #60fe34;
-  --alt-accent-500: #38fe01;
-  --alt-accent-600: #2dcb01;
-  --alt-accent-700: #229801;
-  --alt-accent-800: #166501;
-  --alt-accent-900: #0b3300;
-  --alt-accent-950: #061900;
+    --alt-accent-50: #ebffe6;
+    --alt-accent-100: #d7ffcc;
+    --alt-accent-200: #affe9a;
+    --alt-accent-300: #88fe67;
+    --alt-accent-400: #60fe34;
+    --alt-accent-500: #38fe01;
+    --alt-accent-600: #2dcb01;
+    --alt-accent-700: #229801;
+    --alt-accent-800: #166501;
+    --alt-accent-900: #0b3300;
+    --alt-accent-950: #061900;
 }

frontend/public/styles/css/fonts.css

@@ -1,16 +1,16 @@
 @import "https://www.nerdfonts.com/assets/css/webfont.css";
 
 @font-face {
-  font-family: terminess-nf;
-  src: url(../fonts/TerminessNerdFont-Regular.ttf);
+    font-family: terminess-nf;
+    src: url(../fonts/TerminessNerdFont-Regular.ttf);
 }
 
 @font-face {
-  font-family: standardGalactic;
-  src: url(../fonts/galactic.ttf);
+    font-family: standardGalactic;
+    src: url(../fonts/galactic.ttf);
 }
 
 @font-face {
-  font-family: departure-mono;
-  src: url(../fonts/DepartureMono-Regular.otf);
+    font-family: departure-mono;
+    src: url(../fonts/DepartureMono-Regular.otf)
 }

frontend/public/styles/css/glitch.css

@@ -1,7 +1,5 @@
 .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);
@@ -29,9 +27,7 @@
 }
 
 .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);
@@ -59,51 +55,37 @@
 
 @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/main.css

@@ -5,15 +5,15 @@
 @import "mobile.css";
 
 :root {
-  font-size: 18px;
-  font-family: departure-mono, system-ui;
+    font-size: 18px;
+    font-family: departure-mono, system-ui;
 
-  padding: 1rem;
-  width: 1000px;
-  max-width: calc(100% - 2rem);
-  line-height: 1.4;
-  margin: auto;
+    padding: 1rem;
+    width: 1000px;
+    max-width: calc(100% - 2rem);
+    line-height: 1.4;
+    margin: auto;
 
-  color: var(--text);
-  background-color: var(--background);
+    color: var(--text);
+    background-color: var(--background);
 }

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

@@ -1,26 +1,27 @@
-@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;
-  color: #ffffff;
-  font-family: "Titillium Web";
-  width: 100%;
-  height: 100%;
+    background-color: #ce3426;
+    color: #ffffff;
+    font-family: "Titillium Web";
+    width: 100%;
+    height: 100%;
 }
 
 a:link {
-  color: #ffffff;
+    color: #ffffff
 }
 
 a:visited {
-  color: #ffffff;
+    color: #ffffff
 }
 
 a:hover {
-  color: #ffffff;
+    color: #ffffff
 }
 
 .icon {
-  width: 40%;
-  margin-top: 15%;
+    width: 40%;
+    margin-top: 15%;
 }

frontend/public/styles/css/mobile.css

@@ -1,32 +1,32 @@
 @media (max-width: 768px) {
-  :root {
-    font-size: 12px;
-  }
+    :root {
+        font-size: 12px;
+    }
 
-  h1 {
-    font-size: 30px;
-  }
+    h1 {
+        font-size: 30px;
+    }
 
-  h2 {
-    font-size: 20px;
-  }
+    h2 {
+        font-size: 20px;
+    }
 
-  .ntfyOpts {
-    margin: initial;
-  }
+   .ntfyOpts {
+        margin: initial;
+    }
 
-  .ntfyForm {
-    display: flex;
-    gap: 5px;
-    margin-top: -8%;
-    margin-bottom: 8%;
-  }
+    .ntfyForm {
+        display: flex;
+        gap: 5px;
+        margin-top: -8%;
+        margin-bottom: 8%;
+    }
 
-  .btn-1 {
-    margin-bottom: 5px;
-  }
+    .btn-1 {
+        margin-bottom: 5px;
+    }
 
-  .beep-buttons {
-    min-width: 42%;
-  }
+    .beep-buttons {
+        min-width: 42%;
+    }
 }

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

@@ -1,110 +1,109 @@
 .custom-btn {
-  width: 130px;
-  height: 40px;
-  color: --text;
-  border-radius: 5px;
-  padding: 10px 25px;
-  font-weight: 500;
-  background: transparent;
-  cursor: pointer;
-  transition: all 0.3s ease;
-  position: relative;
-  display: inline-block;
-  box-shadow:
-    inset 2px 2px 2px 0px rgba(255, 255, 255, 0.5),
-    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);
-  -moz-box-shadow: 0 0 10px var(--accent);
-  box-shadow: 0 0 10px var(--accent);
+    width: 130px;
+    height: 40px;
+    color: --text;
+    border-radius: 5px;
+    padding: 10px 25px;
+    font-weight: 500;
+    background: transparent;
+    cursor: pointer;
+    transition: all 0.3s ease;
+    position: relative;
+    display: inline-block;
+    box-shadow: inset 2px 2px 2px 0px rgba(255, 255, 255, .5),
+        7px 7px 20px 0px rgba(0, 0, 0, .1),
+        4px 4px 5px 0px rgba(0, 0, 0, .1);
+    outline: none;
+    font-size: large;
+    -webkit-box-shadow: 0 0 10px var(--accent);
+    -moz-box-shadow: 0 0 10px var(--accent);
+    box-shadow: 0 0 10px var(--accent);
 }
 
 /* 8 */
 .btn-1 {
-  background-color: var(--background);
-  background-image: linear-gradient(315deg, var(--text) 0%, var(--accent) 74%);
-  line-height: 42px;
-  padding: 0;
-  border: none;
+    background-color: var(--background);
+    background-image: linear-gradient(315deg, var(--text) 0%, var(--accent) 74%);
+    line-height: 42px;
+    padding: 0;
+    border: none;
 }
 
 .btn-1 span {
-  position: relative;
-  display: block;
-  width: 100%;
-  height: 100%;
+    position: relative;
+    display: block;
+    width: 100%;
+    height: 100%;
 }
 
 .btn-1:before,
 .btn-1:after {
-  position: absolute;
-  content: "";
-  right: 0;
-  bottom: 0;
-  background: var(--accent);
-  /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
+    position: absolute;
+    content: "";
+    right: 0;
+    bottom: 0;
+    background: var(--accent);
+    /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
                 -4px -4px 6px 0 rgba(116, 125, 136, .2), 
       inset -4px -4px 6px 0 rgba(255,255,255,.5),
       inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
-  transition: all 0.3s ease;
+    transition: all 0.3s ease;
 }
 
 .btn-1:before {
-  height: 0%;
-  width: 2px;
+    height: 0%;
+    width: 2px;
 }
 
 .btn-1:after {
-  width: 0%;
-  height: 2px;
+    width: 0%;
+    height: 2px;
 }
 
 .btn-1:hover:before {
-  height: 100%;
+    height: 100%;
 }
 
 .btn-1:hover:after {
-  width: 100%;
+    width: 100%;
 }
 
 .btn-1:hover {
-  background: transparent;
+    background: transparent;
 }
 
 .btn-1 span:hover {
-  color: var(--accent);
+    color: var(--accent);
 }
 
 .btn-1 span:before,
 .btn-1 span:after {
-  position: absolute;
-  content: "";
-  left: 0;
-  top: 0;
-  background: var(--accent);
-  /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
+    position: absolute;
+    content: "";
+    left: 0;
+    top: 0;
+    background: var(--accent);
+    /*box-shadow:  4px 4px 6px 0 rgba(255,255,255,.5),
                 -4px -4px 6px 0 rgba(116, 125, 136, .2), 
       inset -4px -4px 6px 0 rgba(255,255,255,.5),
       inset 4px 4px 6px 0 rgba(116, 125, 136, .3);*/
-  transition: all 0.3s ease;
+    transition: all 0.3s ease;
 }
 
 .btn-1 span:before {
-  width: 2px;
-  height: 0%;
+    width: 2px;
+    height: 0%;
 }
 
 .btn-1 span:after {
-  height: 2px;
-  width: 0%;
+    height: 2px;
+    width: 0%;
 }
 
 .btn-1 span:hover:before {
-  height: 100%;
+    height: 100%;
 }
 
 .btn-1 span:hover:after {
-  width: 100%;
+    width: 100%;
 }

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

frontend/src/components/Head.astro

@@ -2,20 +2,20 @@
 import { SITE_DESCRIPTION } from "../consts";
 
 interface Props {
-  title: string;
+	title: string;
 }
 
 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"
-  type="application/rss+xml"
-  title={title}
-  href={new URL("rss.xml", Astro.site)}
+    rel="alternate"
+    type="application/rss+xml"
+    title={title}
+    href={new URL("rss.xml", Astro.site)}
 />
 
 <!-- Global Metadata -->
@@ -51,7 +51,7 @@ const { title } = Astro.props;
 <link href="https://ouroboros.gay/@limepot" rel="me" />
 
 <!-- fuck dark reader -->
-<meta name="darkreader-lock" />
+<meta name="darkreader-lock"/>
 
 <!-- sitemap -->
 <link rel="sitemap" href="/sitemap-index.xml" />

frontend/src/components/Header.astro

@@ -7,7 +7,10 @@
     onmouseout="StopSound('hoverSound')" -->
 <section class="center nav">
   <nav class="menu">
-    <button class="custom-btn btn-1" type="button" onclick="location.href='/'">
+    <button
+      class="custom-btn btn-1"
+      type="button"
+      onclick="location.href='/'">
       <span>home</span>
     </button>
     <!-- 
@@ -22,8 +25,7 @@
     <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,12 +1,11 @@
 ---
-import MyButtons from "./mybuttons.astro";
-import FriendlyButtons from "./friendly-buttons.astro";
-import OtherButtons from "./other-buttons.astro";
+import MyButtons from "./mybuttons.astro"
+import FriendlyButtons from "./friendly-buttons.astro"
+import OtherButtons from "./other-buttons.astro"
 ---
-
-<h3>88x31 buttons <a href="#buttons"><i class="nf nf-oct-link"></i></a></h3>
+<h3>88x31 buttons  <a href="#buttons"><i class="nf nf-oct-link"></i></span></a></h3>
 <MyButtons />
-<hr />
+<hr>
 <FriendlyButtons />
-<hr />
+<hr>
 <OtherButtons />

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

@@ -1,155 +1,22 @@
 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://azumanga.gay/"
-    ><img
-      class="badge"
-      src="/assets/images/badges/friends/kaitbutton.png"
-      alt="kait"
-      loading="lazy"
-    /></a
-  >
-  <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
-  >
-  <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
-  >
+<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://azumanga.gay/"><img class="badge" src="/assets/images/badges/friends/kaitbutton.png" alt="kait" loading="lazy"></a>
+<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>
+<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,50 +1,12 @@
 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://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"
-  />
+<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://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 />
-<a href="https://ko-fi.com/limepot"
-  ><img class="badge" src="/assets/images/badges/kofi.gif" /></a
->
-<br />
+<br>
+<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,466 +1,56 @@
 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://www.anera.org/"
-    ><img
-      class="badge"
-      width="88"
-      height="31"
-      src="/assets/images/badges/anera.org.png"
-      alt="Free palestine"
-      loading="lazy"
-    /></a
-  >
-  <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
-  >
-  <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
-  >
-  <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
-  >
-  <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
-  >
-  <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
->
+<!-- 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://www.anera.org/"><img class="badge" width="88" height="31" src="/assets/images/badges/anera.org.png" alt="Free palestine" loading="lazy"/></a>
+<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>
+<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>
+<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>
+<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>
+<img class="badge" width="88" height="31" src="/assets/images/badges/p2w.gif" alt="pay to win badge"></img>
+<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"
-/>
+<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
->
+<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"></img>
+<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
->
+<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>
+</div>

frontend/src/components/footer/webrings.astro

@@ -1,20 +1,7 @@
 Web Rings
-<br />
-<!--href="https://applianceri.ng/next?host=nelle.observer" -->
-<a id="phonewave"
-  ><img
-    alt="Future Gadget 8 - PhoneWave (name subject to change)"
-    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
->
+<br> <!--href="https://applianceri.ng/next?host=nelle.observer" -->
+<a id="phonewave" ><img alt="Future Gadget 8 - PhoneWave (name subject to change)" 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,48 +1,30 @@
 <section class="content center" id="about">
-  <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
-  >.
-  <br />
-  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 />
-  i am a 20-something year old girl-thingamabob, <span class="glitch"
-    >[data expunged]</span
-  >, who lives solely and entirely on the internet.
-  <br />
-  <br />
-  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 />
-  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>. among
-  the things i host are a few fediverse instances
-  <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 />
-  :3:3:3:3:3:3:3:3:3:3:3
-</p>
+    <h2>hello, creature. <a href="#about"><i class="nf nf-oct-link"></i></a></h2>
+    <p>
+          my name is <span class="glitch">nelle</span> (not Nelle, nelle), some call me <span class="glitch">[data expunged]</span>. 
+      <br>
+          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>
+          i am a 20-something year old girl-thingamabob, <span class="glitch">[data expunged]</span>, who lives solely and entirely on the internet.
+      <br>
+      <br>
+          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>
+          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>. 
+          among the things i host are a few fediverse instances 
+          <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>
+      :3:3:3:3:3:3:3:3:3:3:3
+    </p>
+  </section>

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

@@ -1,41 +1,18 @@
 <section class="content center" id="points-of-existence">
-  <h2>
-    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
-  >
-</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 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 href="https://jointhefediverse.net/"></a>
-</p>
+    <h2>points of existence <a href="#points-of-existence"><i class="nf nf-oct-link"></i></span></a></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>
+    <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>
+    </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
+        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
+        href="https://jointhefediverse.net/"
+        ></a>
+    </p>
+  </section>

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

@@ -4,11 +4,9 @@ import NTFY from "./widgets/ntfy.astro";
 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></a>
-  </h2>
+<section class="content center" id="silly-widgets" >
+  <h2>silly widgets <a href="#silly-widgets"><i class="nf nf-oct-link"></i></span></a></h2>
+  <LastFM />
+  <NTFY />
+  <MEOW />
 </section>
-<LastFM />
-<NTFY />
-<MEOW />

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

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

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

@@ -1,50 +1,35 @@
 <div class="funny-meow">
-  <br />
-  <hr />
-  <h3>meow/beep/etc.</h3>
-  <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>
+    <br>
+    <hr>
+    <h3>meow/beep/etc. </h3>
+    <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"
-  >
-    <span>meow</span>
-  </button>
+        <button
+        class="custom-btn btn-1 beep-buttons"
+        onclick="meowClick()"
+        id="meow-button">
+        <span>meow</span>
+        </button>
 
-  <button
-    class="custom-btn btn-1 beep-buttons"
-    onclick="beepClick()"
-    id="beep-button"
-  >
-    <span>beep</span>
-  </button>
+        <button
+        class="custom-btn btn-1 beep-buttons"
+        onclick="beepClick()"
+        id="beep-button">
+        <span>beep</span>
+        </button>
 
-  <button
-    class="custom-btn btn-1 beep-buttons"
-    onclick="kaomojiClick()"
-    id="kaomoji-button"
-  >
-    <span>( ꈍᴗꈍ)</span>
-  </button>
+    <button
+            class="custom-btn btn-1 beep-buttons"
+            onclick="kaomojiClick()"
+            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
-    >
-    respectively, and GET at the same endpoints to check the status of the timer.
-  </div>
-  <br />
-  <a onclick="showPosterInfo()"
-    ><span id="poster-info-button" class="glitch" style="cursor: pointer;"
-      >[show more info]</span
-    ></a
-  >
+        <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>
+            respectively, and GET at the same endpoints to check the status of the timer.
+        </div>
+        <br>
+        <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,120 +1,58 @@
 <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>
-  <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.
-  </small>
-  <div id="ntfyWidgetContainer" style="display: none;">
-    <br />
-    <br />
-    <!-- TEXT AREAS -->
+    <h4 style="margin-bottom: 0px;">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.
+    </small>
+    <div id="ntfyWidgetContainer" style="display: none;">
+    <br>
+    <br>
+  <!-- TEXT AREAS -->
     <div>
-      <textarea
-        id="ntfy-title"
-        placeholder="title: Title"
-        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"
-    >
-      <span>Send</span>
-    </button>
-    <br />
+    <textarea id="ntfy-title" placeholder="title: Title" 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">
+  <span>Send</span>
+  </button>
+  <br>
     <!-- OPTIONS BOXES -->
     <fieldset class="ntfyOpts">
+        <div>
+          <input type="checkbox" id="optionsCheckbox" name="optionsCheckbox" onchange="toggleOptions()"/>
+          <label for="optionsCheckbox">More Options</label>
+        </div>
       <div>
-        <input
-          type="checkbox"
-          id="optionsCheckbox"
-          name="optionsCheckbox"
-          onchange="toggleOptions()"
-        />
-        <label for="optionsCheckbox">More Options</label>
+        <input 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="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;"
-        />
-        <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;"
-        />
-        <label id="clickBoxLabel" style="display: none;" for="clickCheckbox"
-          >Add Click Action?</label
-        >
-      </div>
-    </fieldset>
-  </div>
-  <br />
-  <br />
+        <div>
+          <input 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;"/>
+          <label id="clickBoxLabel" style="display: none;" for="clickCheckbox">Add Click Action?</label>
+        </div>
+      </fieldset>
+    </div>
+  <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,
-      <br />you can POST to <span class="glitch"
-        >https://ntfy.ouroboros.group/pushy</span
-      >.</small
-    >
+  <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>
-</div>
 
-<br />
-<a onclick="showNtfyInfo()"
-  ><span
-    id="ntfy-info-button"
-    class="glitch"
-    style="margin-bottom: 2%; cursor: pointer;">[show more info]</span
-  ></a
->
+  <br>
+  <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,3 +1,5 @@
-<!-- optimized --><!-- unoptimized -->
+<!-- optimized -->
+
+<!-- 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,3 +1,4 @@
+
 <!-- 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,8 +7,7 @@
       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,13 +1,14 @@
 <h2 class="subtitle">frameworks, hosts, colors n' Stuff</h2>
 <ul>
-  <li>
-    built with:
-    <ul>
-      <li><a href="https://ktor.io/">ktor</a></li>
-      <li><a href="https://astro.build/">astro</a></li>
-    </ul>
+  <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>
+    color scheme: custom made!
   </li>
-  <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 chrome
-    users), nothing is stored in cookies.
+    some javascript is used, just for fun little effects (and detering
+    chrome users), nothing is stored in cookies.
   </li>
   <li>
     various places i found 88x31 buttons
@@ -15,7 +15,9 @@
         <a href="https://neonaut.neocities.org/cyber/88x31">neonaut</a>
       </li>
       <li>stolen from friends websites. :3</li>
-      <li>most buttons are linked, but not necessarily to their creator.</li>
+      <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_DESCRIPTION = "personal site of nelle";
+export const SITE_TITLE = 'nelle observer';
+export const SITE_DESCRIPTION = 'personal site of nelle';

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

@@ -1,7 +1,7 @@
 ---
-title: "cool stuff!"
-description: "cool/interesting things i found on the internet."
-pubDate: "July 10 2024"
+title: 'cool stuff!'
+description: 'cool/interesting things i found on the internet.'
+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"
-description: "88x31 badges for your minecraft projects!"
-pubDate: "June 17 2024"
+title: 'minecraft 88x31 badges'
+description: '88x31 badges for your minecraft projects!'
+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
@@ -16,4 +16,4 @@ pubDate: "June 17 2024"
 
 <img src="/assets/images/badges/mc-badges/made-with-neoforged.png" />
 
-<img src="/assets/images/badges/mc-badges/made-with-quilt.png" />
+<img src="/assets/images/badges/mc-badges/made-with-quilt.png"/>

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

@@ -1,7 +1,7 @@
 ---
-title: "my setup(s)!"
-description: "whats your setup like? i hear nobody asking, im glad you asked!"
-pubDate: "April 17 2024"
+title: 'my setup(s)!'
+description: 'whats your setup like? i hear nobody asking, im glad you asked!'
+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"
-description: "i have received some free computers!"
-pubDate: "June 30 2024"
+title: 'a new pc has entered the chat'
+description: 'i have received some free computers!'
+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 { rssSchema } from "@astrojs/rss";
+import { defineCollection } from 'astro:content';
+import { rssSchema } from '@astrojs/rss';
 
 const blog = defineCollection({
   schema: rssSchema,

frontend/src/layouts/BlogPost.astro

@@ -14,22 +14,23 @@ const { title, description, pubDate, updatedDate } = Astro.props;
       <article>
         <div class="prose">
           <div class="content" style="text-align: center;">
-            <h3>{description}</h3>
-            <div class="date">
-              <FormattedDate date={pubDate} />
-              {
-                updatedDate && (
-                  <div class="last-updated-on">
-                    Last updated on <FormattedDate date={updatedDate} />
-                  </div>
-                )
-              }
+              <h3>{description}</h3>
+              <div class="date">
+                <FormattedDate date={pubDate} />
+                {
+                  updatedDate && (
+                    <div class="last-updated-on">
+                      Last updated on <FormattedDate date={updatedDate} />
+                    </div>
+                  )
+                }
+              </div>
+              <hr />
             </div>
-            <hr />
           </div>
-        </div>
-        <div class="content">
-          <slot />
+          <div class="content">
+            <slot />
+          </div>
         </div>
       </article>
     </div>

frontend/src/layouts/Layout.astro

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

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

@@ -13,7 +13,7 @@ const { title } = Astro.props;
 <!doctype html>
 <html lang="en">
   <head>
-    <Head title={title} />
+    <Head title={title}/>
     <title>{title}</title>
   </head>
   <body onload="redirect()">
@@ -25,8 +25,6 @@ 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,8 +3,7 @@ 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()
 );
 ---
 
@@ -17,22 +16,20 @@ const posts = (await getCollection("blog")).sort(
       <h4 style="text-align: center;">
         This list is in chronological order oldest first, newest last.
       </h4>
-    </main>
-    <section class="content">
+    </div>
+      <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>
-            </ul>
+          <ul>
+                <li><a href={`/blog/${post.slug}/`}>{post.data.title}</a></li>
+                </ul>
           </>
         ))
       }
     </section>
-  </div>
+    </main>
 </Layout>

frontend/src/pages/bsod.astro

@@ -1,32 +1,23 @@
 ---
 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>
-    <br /><br />
+    <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>
+    <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" />
-      </div>
-      <div class="error-text">
-        <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>If you contact me about this, please give me this error:</p>
-        <p>Stop Code: EW_CHROME_YUCK</p>
-      </div>
+        <div class="qr">
+            <img src="/assets/images/bsod/rickroll-blue.png" height="142px">
+        </div>
+        <div class="error-text">
+            <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>If you contact me about this, please give me this error:</p>
+            <p>Stop Code: EW_CHROME_YUCK</p>
+        </div>
     </div>
   </main>
 </Layout>

frontend/src/pages/index.astro

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

frontend/src/pages/mobile-warn.astro

@@ -1,19 +1,13 @@
 ---
 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 />
-    <a href="/nochrome"
-      >Proceed to information (unsafe) and to never be redirected again</a
-    >
+    <br>
+    <a href="/nochrome">Proceed to information (unsafe) and to never be redirected again</a>
   </main>
 </Layout>

frontend/src/pages/nochrome.astro

@@ -3,131 +3,142 @@ import Layout from "../layouts/fuckchrome/Layout-nochrome.astro";
 ---
 
 <Layout title="chrome bad">
-  <main>
-    <div class="content">
-      <h1 class="title" style="text-align: center;">
-        you are using a chromium-based Browser.
-      </h1>
-      <h2 class="subtitle" style="text-align: center;">
-        there are many reasons not to use chrome (as well as base firefox),
-        consider using an alternative browser.
-      </h2>
-      <hr />
-      <ul role="list">
-        <li>
-          <a href="https://fuckoffgoogle.de/">Google is Evil</a>
-        </li>
-        <br />
-        <li>
-          <a href="https://privacytests.org/">Browser Privacy Tests</a>
-        </li>
-      </ul>
-      <hr />
-      <h2 class="subtitle" style="text-align: center;">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. I highly
-          recommend.
-        </li>
-        <br />
-        <li>
-          <a href="https://mullvad.net/en/browser">Mullvad Browser</a>
-          - Fork of Firefox made by the Mullvad team, in collaboration with the Tor
-          team.
-        </li>
-        <br />
-        <li>
-          <a href="https://www.waterfox.net/">Waterfox</a>
-          - Also a fork of Firefox.
-        </li>
-        <br />
-        <li>
-          <a href="https://servo.org/">Servo</a>
-          - An up and coming browser built on its own rendering engine, managed by
-          the Linux Foundation.
-        </li>
-        <br />
-        <li>
-          <a href="https://www.netsurf-browser.org/"
-            ><span style="color: #e64553;">Netsurf</span></a
-          >
-          - Browser for RISC-OS.
-        </li>
-        <br />
-        <li>
-          <a href="https://www.microsoft.com/en-us/download/internet-explorer"
-            ><span style="color: #e64553;">Internet Explorer</span></a
-          >
-          - Highly dependable, and long-lasting browser made by Microsoft.
-        </li>
-        <br />
-        <li>
-          <a
-            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 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;">Nintendo Internet Channel</span></a
-          >
-          - The Internet Channel brings the web to your TV and makes surfing a social
-          experience!
-        </li>
-        <br />
-        <li>
-          <a href="https://kmeleonbrowser.org/"
-            ><span style="color: #e64553;">K-Meleon Browser</span></a
-          >
-          - K-Meleon is a lightweight, customizable, open-source web browser. It's
-          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. When the time
-          comes, the path you’ve chosen will determine your fate... and perhaps the
-          fate of others as well.
-        </li>
-        <br />
-        <li>
-          <a
-            href="https://www.haiku-os.org/docs/userguide/en/applications/webpositive.html"
-            ><span style="color: #e64553;">WebPositive</span></a
-          >
-          - WebPositive, or Web+ for short, is Haiku's native web browser.
-        </li>
-        <br />
-        <li>
-          <a href="https://www.amazon.com/Nintendo-DS-Browser/dp/B001DLFAA0/"
-            ><span style="color: #e64553;">Nintendo DS Browser</span></a
-          >
-          - With the Nintendo DS Browser, anyone can enjoy quick, easy and portable
-          access to the World Wide Web on the DS Lite.
-        </li>
-        <br />
-        <li>
-          <a
-            href="https://www.nintendo.com/en-gb/Support/Wii/Usage/Wii-Menus/Accessing-the-Wii-Menu-and-System-Settings/Accessing-the-Wii-Menu-and-System-Settings-242881.html"
-            ><span style="color: #e64553;">Wii Menu</span></a
-          >
-          - Wii Menu and System Settings, being Opera
-        </li>
-      </ul>
-      <hr />
-      <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 website,
-          you can use a user-agent switcher
-        </h2></a
-      >
-    </div>
-  </main>
+    <main>
+        <div class="content">
+            <h1 class="title" style="text-align: center;">
+                you are using a chromium-based Browser.
+            </h1>
+            <h2 class="subtitle" style="text-align: center;">
+                there are many reasons not to use chrome (as well as base
+                firefox), consider using an alternative browser.
+            </h2>
+            <hr />
+            <ul role="list">
+                <li>
+                    <a href="https://fuckoffgoogle.de/">Google is Evil</a>
+                </li>
+                <br />
+                <li>
+                    <a href="https://privacytests.org/">Browser Privacy Tests</a
+                    >
+                </li>
+            </ul>
+            <hr />
+            <h2 class="subtitle" style="text-align: center;">
+                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.
+                    I highly recommend.
+                </li>
+                <br />
+                <li>
+                    <a href="https://mullvad.net/en/browser">Mullvad Browser</a>
+                    - Fork of Firefox made by the Mullvad team, in collaboration
+                    with the Tor team.
+                </li>
+                <br />
+                <li>
+                    <a href="https://www.waterfox.net/">Waterfox</a>
+                    - Also a fork of Firefox.
+                </li>
+                <br />
+                <li>
+                    <a href="https://servo.org/">Servo</a>
+                    - An up and coming browser built on its own rendering engine,
+                    managed by the Linux Foundation.
+                </li>
+                <br />
+                <li>
+                    <a href="https://www.netsurf-browser.org/"
+                        ><span style="color: #e64553;">Netsurf</span></a
+                    >
+                    - Browser for RISC-OS.
+                </li>
+                <br />
+                <li>
+                    <a
+                        href="https://www.microsoft.com/en-us/download/internet-explorer"
+                        ><span style="color: #e64553;">Internet Explorer</span
+                        ></a
+                    >
+                    - Highly dependable, and long-lasting browser made by Microsoft.
+                </li>
+                <br />
+                <li>
+                    <a
+                        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
+                    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;"
+                            >Nintendo Internet Channel</span
+                        ></a
+                    >
+                    - The Internet Channel brings the web to your TV and makes surfing
+                    a social experience!
+                </li>
+                <br />
+                <li>
+                    <a href="https://kmeleonbrowser.org/"
+                        ><span style="color: #e64553;">K-Meleon Browser</span
+                        ></a
+                    >
+                    - K-Meleon is a lightweight, customizable, open-source web browser.
+                    It's 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.
+                    When the time comes, the path you’ve chosen will determine your
+                    fate... and perhaps the fate of others as well.
+                </li>
+                <br />
+                <li>
+                    <a
+                        href="https://www.haiku-os.org/docs/userguide/en/applications/webpositive.html"
+                        ><span style="color: #e64553;">WebPositive</span></a
+                    >
+                    - WebPositive, or Web+ for short, is Haiku's native web browser.
+                </li>
+                <br />
+                <li>
+                    <a
+                        href="https://www.amazon.com/Nintendo-DS-Browser/dp/B001DLFAA0/"
+                        ><span style="color: #e64553;">Nintendo DS Browser</span
+                        ></a
+                    >
+                    - With the Nintendo DS Browser, anyone can enjoy quick, easy
+                    and portable access to the World Wide Web on the DS Lite.
+                </li>
+                <br />
+                <li>
+                    <a
+                        href="https://www.nintendo.com/en-gb/Support/Wii/Usage/Wii-Menus/Accessing-the-Wii-Menu-and-System-Settings/Accessing-the-Wii-Menu-and-System-Settings-242881.html"
+                        ><span style="color: #e64553;">Wii Menu</span></a
+                    >
+                    - Wii Menu and System Settings, being Opera
+                </li>
+            </ul>
+            <hr />
+            <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
+                    website, you can use a user-agent switcher
+                </h2></a
+            >
+        </div>
+    </main>
 </Layout>

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);
-  return new Response(getRobotsTxt(sitemapURL));
+    const sitemapURL = new URL('sitemap-index.xml', site);
+    return new Response(getRobotsTxt(sitemapURL));
 };

frontend/src/pages/site-info.astro

@@ -14,15 +14,10 @@ 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
-        >
-        <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/src/branch/main/LICENSE">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
       >