update links

2024-07-10 22:14:34 -04:00 · 2024-07-10 22:14:34 -04:00 · 0b160e941c
commit 0b160e941c
parent 406d09f69e
13 changed files with 1272 additions and 360 deletions
--- a/.prettierrc.mjs
+++ b/.prettierrc.mjs
@ -0,0 +1,5 @@
+// .prettierrc.mjs
+/** @type {import("prettier").Config} */
+export default {
+  plugins: ['prettier-plugin-astro'],
+};
--- a/package.json
+++ b/package.json
@ -37,6 +37,12 @@
    "sass": "^1.68.0"
  },
  "devDependencies": {
-    "typescript": "^5.4.5"
+    "@eslint/js": "^9.6.0",
+    "eslint": "9.x",
+    "globals": "^15.8.0",
+    "prettier": "^3.3.2",
+    "prettier-plugin-astro": "^0.14.0",
+    "typescript": "^5.4.5",
+    "typescript-eslint": "^7.16.0"
  }
 }
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/content/blog/_drafts/hypercomplex-interest.md
+++ b/src/content/blog/_drafts/hypercomplex-interest.md
--- a/src/content/blog/_drafts/monogatari.md
+++ b/src/content/blog/_drafts/monogatari.md
@ -0,0 +1,189 @@
+- [ ] A Bronx Tale
+- [ ] Hachiko Monogatari
+- [x] Hyakumonogatari
+- [ ] Kamikaze Girls
+- [ ] King Arthur and the Knights of the Round Table
+- [ ] River City Ransom
+- [ ] Star Wars: Ewoks
+- [ ] Taketori Monogatari/ Kaguya-hime no Monogatari
+- [x] The City of Ember
+- [x] The Neverending Story
+- [ ] The Tales of Hoffmann
+- [x] A Tale of Two Cities
+- [x] Bakemonogatari
+- [x] Black Beauty
+- [x] Cave Story
+- [x] Chronicles of Narnia
+- [x] Decameron
+- [x] Genji Monogatari
+- [x] Hanamonogatari
+- [x] Harvest Moon
+- [x] Heike Monogatari
+- [x] Joseph: King of Dreams
+- [x] Katanagatari
+- [x] Kirby's Adventure
+- [x] Kizumonogatari
+- [x] Lady and the Tramp
+- [x] Little Women
+- [x] Maus
+- [x] Nekomonogatari (Black)
+- [x] Nekomonogatari (White)
+- [x] NiGHTS Journey of Dreams
+- [x] Nisemonogatari
+- [x] Nisemonogatari
+- [x] One Thousand and One Nights
+- [x] Ore Monogatari
+- [x] Otoyomegatari
+- [x] Ovid's Metamophoses
+- [x] Owarimonogatari
+- [x] Pokemon: Minna no Monogatari
+- [x] Tatsuro Yamashita - Machi Monogatari
+- [x] The Canturbury Tales
+- [x] The Handmaid's Tale
+- [x] The Lord of the Rings
+- [x] The Notebook
+- [x] The Silmarillion
+- [x] The Tales of Beedle the Bard
+- [x] The Yearling
+- [x] The d'Artagnan Romances
+- [x] To Kill a Mockingbird
+- [x] Tsukimonogatari
+- [x] West Side Story
+- [x] Zoku Owarimonogatari
+
+```mermaid
+---
+title: Monogatari Watch Order
+---
+flowchart TB
+katana["Katanagatari"] --> S1_1
+subgraph S1_1["Season 1: Part 1"]
+Bakemonogatari -->
+Kizumonogatari
+end
+S1_1 --> ore["Ore Monogatari!!"] --> S1_2
+subgraph S1_2["Season 1: Part 2"]
+Nisemonogatari -->
+kuro["Nekomonogatari (Black)"]
+end
+S1_2 --> S2_1
+subgraph S2_1["Season 2: Part 1"]
+shiro["Nekomonogatari (White)"] -->
+Kabukimonogatari
+end
+S2_1 -->
+Hanamonogatari --> S2_2
+subgraph S2_2["Season 2: Part 2"]
+Otorimonogatari -->
+Onimonogatari -->
+Koimonogatari
+end
+S2_2 --> S3 --> off --> monster
+subgraph S3["Final Season"]
+Tsukimonogatari -->
+Koyomimonogatari -->
+Owarimonogatari -->
+zoku["Zoku Owarimonogatari"]
+end
+subgraph off["Off Season"]
+Orokamonogatari -->
+Wazamonogatari -->
+Nademonogatari -->
+Musubimonogatari
+end
+subgraph monster["Monster Season"]
+Shinobumonogatari -->
+Yoimonogatari -->
+Amarimonogatari -->
+Ougimonogatari -->
+Shinomonogatari
+end
+silmarillion["The Silmarillion"]
+silmarillion --> lotr
+subgraph lotr["The Lord of the Rings"]
+fellowship["The Fellowship of the Ring"] -->
+towers["The Two Towers"] -->
+return["The Return of the King"]
+end
+notebook["The Notebook"] --> lw
+subgraph tkam["To Kill a Mockingbird"]
+tkam_1["To Kill a Mockingbird"] -->
+gsam["Go Set a Watchman"]
+tkam_1 --> x["To Pimp A Butterfly"]
+end
+beedle["The Tales of Beedle the Bard"]
+subgraph HP["Harry Potter"]
+hp1(["Philosopher's Stone"]) -->
+hp2(["Chamber of Secrets"]) -->
+hp3(["Prisoner of Azkaban"]) -->
+hp4(["Goblet of Fire"]) -->
+hp5(["Order of the Phoenix"]) -->
+hp6(["Half-Blood Prince"]) -->
+hp7(["Deathly Hallows"]) -->
+hp8(["Cursed Child"])
+end
+beedle --> HP --> hm --> silmarillion
+attc["A Tale of Two Cities"]
+garf(["Garfield"]) -->
+attk(["A Tale of Two Kitties"])
+attc --> attk -->
+Otoyomegatari -->
+handmaid["The Handmaid's Tale"]
+canturbury["The Canturbury Tales"] -->
+nights_0["1001 Arabian Nights"] -->
+nights_1(["NiGHTS Journey of Dreams"]) -->
+nights_2["NiGHTS Journey of Dreams"] --> kirby -->
+Maus
+subgraph kirby["Kirby Series"]
+dl(["Kirby's Dream Land"]) -->
+adv["Kirby's Adventure"]
+end
+kirby --> decameron
+decameron["The Decameron"] -->
+cs["Cave Story"] -->
+Genjimonogatari -->
+wss["West Side Story"] -->
+yearling["The Yearling"]
+subgraph musket["The d'Artagnan Romances"]
+ttm["The Three Musketeers"] -->
+tya["Twenty Years After"] -->
+tvb["The Vicomte of Bragelonne"]
+end
+subgraph lw["Little Women"]
+lw_1["Little Women"] -->
+lw_2["Little Men"] -->
+lw_3(["Jo's Boys"])
+end
+musket --> Heikemonogatari --> beedle
+bb["Black Beauty"]
+joseph["Joseph: King of Dreams"] -->
+pkmn["Pokémon the Movie: The Power of Us"] -->
+Metamorphoses
+tramp["Lady and the Tramp"]
+subgraph narnia["The Chronicles of Narnia"]
+n1["The Magician's Nephew"] -->
+n2["The Lion, the Witch and the Wardrobe"] -->
+n3["The Horse and His Boy"] -->
+n4["Prince Caspian"] -->
+n5["The Voyage of the Dawn Treader"] -->
+n6["The Silver Chair"] -->
+n7["The Last Battle"]
+end
+subgraph hm["Harvest Moon"]
+hm1["Harvest Moon"] -->
+hm2["Harvest Moon 2"] -->
+hmb["Harvest Moon: Back to Nature"] -->
+hm3["Harvest Moon 3"]
+end
+Hyakumonogatari
+ember["The City of Ember"] --> joseph
+neverending["The Neverending Story"] --> narnia -->
+rcr["River City Ransom"] --> bb --> ember
+lotr --> Hanamonogatari
+attk --> canturbury
+lw --> neverending
+Maus --> Hyakumonogatari --> tkam --> silmarillion
+Metamorphoses --> beedle
+tramp --> garf
+handmaid --> musket
+```
--- a/src/content/blog/_drafts/nonfree.md
+++ b/src/content/blog/_drafts/nonfree.md
@ -0,0 +1,41 @@
+# Non-FSF-Approved Software Licenses
+
+- [Aladdin Free Public License](https://spdx.org/licenses/Aladdin.html)
+  - Can't charge for distribution
+  - Makes it harder to ship Aladdin software with commercial software
+- [Anti-996 License](https://raw.githubusercontent.com/kattgu7/Anti-996-License/master/LICENSE)
+  - Modified from MIT License
+  - Requires users to comply with International Labour Organization standards and local labor laws
+- [Anti-Capitalist Software License](https://anticapitalist.software/)
+  - Does not require releasing source
+  - Allows for commercial use
+- [Artistic License 1]()
+- [Code Project Open License, v1.02]()
+- [Commons Clause]()
+- [CNRI Digital Object Repository License Agreement]()
+- [The Hippocratic License 1.1]()
+- [GPL for Computer Programs of the Public Administration]()
+- [Hacktivismo Enhanced-Source Software License Agreement]()
+- [Jahia Community Source License]()
+- [The JSON License]()
+- [License of Lha]()
+- [Microsoft's Shared Source CLI, C#, and Jscript License]()
+- [NASA Open Source Agreement]()
+- [Open Public License]()
+- [Peer-Production License]()
+- [Personal Public License v3a]()
+- [Reciprocal Public License]()
+- [Simple Machines License]()
+- [Sun Community Source License]()
+- [Sun Solaris Source Code]()
+- [Server Side Public License]("https://www.mongodb.com/licensing/server-side-public-license")
+  - Clarified version of AGPL used by MongoDB
+  - If software is offered as a service, the service stack source must be available
+- [Sybase Open Watcom Public License v1]()
+- [SystemC “Open Source” License, v3]()
+- [Truecrypt license 3]()
+- [University of Utah Research Foundation Public License]()
+- [YaST License]()
+- [Open Content License, v1](https://web.archive.org/web/19981206111937/http://www.opencontent.org/opl.shtml)
+- [CC-BY-NC](https://creativecommons.org/licenses/by-nc-nd/4.0/)
+- [CC-BY-ND](https://creativecommons.org/licenses/by-nc-nd/4.0/)
--- a/src/content/blog/_drafts/numbers.md
+++ b/src/content/blog/_drafts/numbers.md
@ -0,0 +1,61 @@
+# What the fuck is a number?
+
+Okay so like this *should* be an easy enough question to answer, but of course it isn't cause when is anything ever simple on this godforsaken plane of existence.
+
+## Naturals
+
+Let's start with the caveman shit, **Natural Numbers ($\mathbb{N}$)** (god I really hope latex renders here). This is the stuff every 3 year old knows, $1,2,3,\ldots$. Seems basic enough because it is.
+
+Just fucking kidding is $0$ a natural number? who knows, I sure as shit don't.
+
+Also, like what exactly _is_ $0$ or $1$?
+
+> I mean if we want to use the Zermelo-Fraenkel definition, $0 = \{\},  1 = \{0\},  2 = \{0,1\}, \dots$ ad absurdum
+
+## Ordinals
+
+Okay so baby steps, now that we have some semblance of a place to start, we can move onto the **ordinals**. The ordinals are basically numbers used for putting things in order. How are they different from the naturals? 
+
+Short answer: they aren't
+Long answer: ...for finite numbers
+
+## Cardinals
+
+### Aleph and Beth
+
+## Zero
+
+## Integers
+
+## Rationals
+
+## Algebraics?
+
+## Reals
+
+## Complex Numbers
+
+### Vectors
+
+### Matrices
+
+## 2D Hypercomplex
+
+## Quaternions
+
+## Octonions and Sedenions
+
+## RGB
+
+### Color Charge
+
+## Surreal Numbers
+
+## Algebraic Structures
+
+## p-adics
+
+# Conclusion
+
+> Q: What the fuck is a number?
+> A: A miserable pile of math
--- a/src/content/blog/_drafts/olc-codes.md
+++ b/src/content/blog/_drafts/olc-codes.md
@ -0,0 +1,3 @@
+- 87G8P632+H8X2Q262
+- 87000000+
+- P632+
--- a/src/content/blog/modern-unix.md
+++ b/src/content/blog/modern-unix.md
@ -0,0 +1,11 @@
+---
+title: "Lightning Talks: Welcome to the New Extreme"
+author: "ArgentumCation"
+layout: ../../layouts/Layout.astro
+pubDate: "14 Apr, 2023"
+slug: "modern-unix"
+draft: true
+---
+- fcp
+- ugrep
+- rg
--- a/src/content/blog/self-hosting.md
+++ b/src/content/blog/self-hosting.md
@ -0,0 +1,8 @@
+---
+title: "Lightning Talks: Self Hosting with Docker-Compose and Cloudflare"
+author: "ArgentumCation"
+layout: ../../layouts/Layout.astro
+pubDate: "14 Apr, 2023"
+slug: "self-hosting"
+draft: true
+---
--- a/src/pages/links.astro
+++ b/src/pages/links.astro
@ -17,7 +17,7 @@ let description =
 ---

 <script is:inline>
-const theme = (() => {
+  const theme = (() => {
    if (typeof localStorage !== "undefined" && localStorage.getItem("theme")) {
      return localStorage.getItem("theme");
    }
@ -25,14 +25,14 @@ const theme = (() => {
      return "lunar_witch";
    }
    return "Bluloco-Zsh-Light";
-})();
-window.localStorage.setItem("theme", theme);
-document.documentElement.classList.add(theme);
-document.getElementById(theme)?.setAttribute("selected", "true");
+  })();
+  window.localStorage.setItem("theme", theme);
+  document.documentElement.classList.add(theme);
+  document.getElementById(theme)?.setAttribute("selected", "true");
 </script>
 <html lang="en">
  <head>
-    <BaseHead title="ArgentumCation / Mira" description={description}/>
+    <BaseHead title="ArgentumCation / Mira" description={description} />
    <!-- Page Information
  –––––––––––––––––––––––––––––––––––––––––––––––––– -->
    <meta charset="utf-8" />
@ -54,15 +54,15 @@ document.getElementById(theme)?.setAttribute("selected", "true");

    <!-- Dynamic text Size -->
    <script is:inline>
-      window.onresize = () => {
+      const adjust = () => {
        console.log("resizing text");
        Array.from(document.getElementsByClassName("button")).map((el) => {
-          let magic = 375;
+          let magic = 370;
          if (
            el.innerText.length *
              (Number(window.getComputedStyle(el).fontSize.slice(0, -2)) +
                Number(
-                  window.getComputedStyle(el).letterSpacing.slice(0, -2)
+                  window.getComputedStyle(el).letterSpacing.slice(0, -2),
                )) >
            magic
          ) {
@ -70,8 +70,13 @@ document.getElementById(theme)?.setAttribute("selected", "true");
          }
        });
      };
+      window.onload = adjust;
+      window.onresize = adjust;
    </script>
    <style>
+      :root {
+        --page-width: 80em;
+      }
      .button,
      button {
        height: 3rem;
@ -80,9 +85,21 @@ document.getElementById(theme)?.setAttribute("selected", "true");
        font-weight: normal;
        line-height: 3rem;
      }
+
      .button {
        font-weight: normal;
      }
+      .grid-outer {
+        display: inline-flex;
+        flex-wrap: wrap;
+        margin: auto;
+      }
+      section {
+        margin: auto;
+      }
+      h2 {
+        padding: 0;
+      }
    </style>
  </head>

@ -103,7 +120,9 @@ document.getElementById(theme)?.setAttribute("selected", "true");

        <!-- Title -->
        <h1 class="logo">
-          <a href="/" style="color: var(--primary-color);background: none">ArgentumCation</a>
+          <a href="/" style="color: var(--primary-color);background: none"
+            >ArgentumCation</a
+          >
          <br /><br />
          <sub>she/they</sub>
          <br /><br /><br />
@ -113,291 +132,227 @@ document.getElementById(theme)?.setAttribute("selected", "true");
        <p>
          {description}
        </p>
-
+        <div class="grid-outer">
+          <section>
+            <h2>Social Media</h2>
            <div class="grid">
-          <!-- Blog -->
-          <Social
-            className="button-microblog"
-            href="/"
-            icon="/links/images/icons/blog.svg"
-            alt="Blog Logo"
-            text="Blog"
-          />
-          <!-- GitHub -->
-          <Social
-            className="button-github"
-            href="https://github.com/ArgentumCation"
-            icon="/links/images/icons/github.svg"
-            alt="GitHub Logo"
-            text="ArgentumCation"
-          />
+              {
+                [
+                  /* Twitter */ {
+                    className: "button-x",
+                    href: "https://twitter.com/ArgentumCation",
+                    icon: "/links/images/icons/x.svg",
+                    alt: "Twitter Logo",
+                    text: "ArgentumCation",
+                  },
+                  /* Mastodon */ {
+                    className: "button-mastodon",
+                    href: "https://tech.lgbt/@argentumcation",
+                    icon: "/links/images/icons/mastodon.svg",
+                    alt: "Mastodon Logo",
+                    text: "ArgentumCation@tech.lgbt",
+                  },
+                  /* Cohost */ {
+                    className: "button-cohost",
+                    href: "https://cohost.org/argentumcation",
+                    icon: "/links/images/icons/cohost.png",
+                    alt: "Cohost Logo",
+                    text: "@ArgentumCation",
+                  },
+                  /* Bluesky */ {
+                    className: "button-bluesky",
+                    href: "https://bsky.app/profile/argentumcation.bsky.social",
+                    icon: "/links/images/icons/bluesky.svg",
+                    alt: "Bluesky Logo",
+                    text: "argentumcation.bsky.social",
+                  },

-          <!-- Gitea -->
-          <Social
-            className="button-gitea"
-            href="https://gitea.argentumcation.com/mira"
-            icon="/links/images/icons/gitea.svg"
-            alt="Gitea Logo"
-            text="mira"
-          />
-          <!-- Matrix -->
-          <Social
-            className="button-matrix"
-            href="https://matrix.to/#/@argentumcation:cybre.space"
-            icon="/links/images/icons/matrix.svg"
-            alt="Matrix Logo"
-            text="argentumcation:cybre.space"
-          />
-          <!-- Twitter -->
-          <Social
-            className="button-twit"
-            href="https://twitter.com/ArgentumCation"
-            icon="/links/images/icons/twitter.svg"
-            alt="Twitter Logo"
-            text="ArgentumCation"
-          />
+                  /* Instagram */ {
+                    className: "button-instagram",
+                    href: "https://instagram.com/argentumcation/",
+                    icon: "/links/images/icons/instagram.svg",
+                    alt: "Instagram Logo",
+                    text: "ArgentumCation",
+                  },

-          <!-- Instagram -->
-          <Social
-            className="button-instagram"
-            href="https://www.instagram.com/argentumcation/"
-            icon="/links/images/icons/instagram.svg"
-            alt="Instagram Logo"
-            text="ArgentumCation"
-          />
+                  /* TikTok */ {
+                    className: "button-tiktok",
+                    href: "tiktok.com/@argentumcation",
+                    icon: "/links/images/icons/tiktok.svg",
+                    alt: "TikTok Logo",
+                    text: "ArgentumCation",
+                  },
+                  /* Tumblr */ {
+                    className: "button-tumb",
+                    href: "https://argentumcation.tumblr.com",
+                    icon: "/links/images/icons/tumblr.svg",
+                    alt: "Tumblr Logo",
+                    text: "argentumcation.tumblr.com",
+                  },
+                ].map((social) => <Social {...social} />)
+              }
+            </div>
+          </section>
+          <section>
+            <h2>Messaging</h2>
+            <div class="grid">
+              {
+                [
+                  /* Discord */ {
+                    className: "button-discord",
+                    href: "http://discord.com/users/215902078747410433",
+                    icon: "/links/images/icons/discord.svg",
+                    alt: "Discord Logo",
+                    text: "argentumcation",
+                  },
+                  /* Email */ {
+                    className: "button-default",
+                    href: "mailto:argentumcation(at)argentumcation.com",
+                    icon: "/links/images/icons/email.svg",
+                    alt: "Email Icon",
+                    text: "argentumcation@argentumcation.com",
+                  },
+                  /* Matrix */ {
+                    className: "button-matrix",
+                    href: "https://matrix.to/#/@argentumcation:cybre.space",
+                    icon: "/links/images/icons/matrix.svg",
+                    alt: "Matrix Logo",
+                    text: "argentumcation:cybre.space",
+                  },
+                ].map((social) => <Social {...social} />)
+              }
+            </div>
+          </section>
+          <section>
+            <h2>Code</h2>
+            <div class="grid">
+              {
+                [
+                  /* GitHub */ {
+                    className: "button-github",
+                    href: "https://github.com/ArgentumCation",
+                    icon: "/links/images/icons/github.svg",
+                    alt: "GitHub Logo",
+                    text: "ArgentumCation",
+                  },

-          <!-- YouTube -->
-          <Social
-            className="button-yt"
-            href="https://www.youtube.com/@ArgentumCation"
-            icon="/links/images/icons/youtube.svg"
-            alt="YouTube Logo"
-            text="ArgentumCation"
-          />
+                  /* Gitea */ {
+                    className: "button-gitea",
+                    href: "https://gitea.argentumcation.com/mira",
+                    icon: "/links/images/icons/gitea.svg",
+                    alt: "Gitea Logo",
+                    text: "mira",
+                  },
+                ].map((social) => <Social {...social} />)
+              }
+            </div>
+          </section>
+          <section>
+            <h2>Content</h2>
+            <div class="grid">
+              {
+                [
+                  /* Blog */ {
+                    className: "button-microblog",
+                    href: "/",
+                    icon: "/links/images/icons/blog.svg",
+                    alt: "Blog Logo",
+                    text: "Blog",
+                  },
+                  /* YouTube */ {
+                    className: "button-yt",
+                    href: "https://www.youtube.com/@ArgentumCation",
+                    icon: "/links/images/icons/youtube.svg",
+                    alt: "YouTube Logo",
+                    text: "ArgentumCation",
+                  },
+                  /* Twitch */ {
+                    className: "button-twitch",
+                    href: "https://www.twitch.tv/argentumcation",
+                    icon: "/links/images/icons/twitch.svg",
+                    alt: "Twitch Logo",
+                    text: "ArgentumCation",
+                  },

-          <!-- Discord -->
-          <Social
-            className="button-discord"
-            href="http://discord.com/users/215902078747410433"
-            icon="/links/images/icons/discord.svg"
-            alt="Discord Logo"
-            text="argentumcation"
-          />
+                  /* Reddit */ {
+                    className: "button-reddit",
+                    href: "https://reddit.com/u/ArgentumCation",
+                    icon: "/links/images/icons/reddit.svg",
+                    alt: "Reddit Logo",
+                    text: "u/ArgentumCation",
+                  },
+                  /* SoundCloud */ {
+                    className: "button-soundcloud",
+                    href: "https://soundcloud.com/argentumcation",
+                    icon: "/links/images/icons/soundcloud.svg",
+                    alt: "SoundCloud Logo",
+                    text: "ArgentumCation",
+                  },
+                  /* Bandcamp */ {
+                    className: "button-bandcamp",
+                    href: "https://argentumcation.bandcamp.com/",
+                    icon: "/links/images/icons/bandcamp.svg",
+                    alt: "Bandcamp Logo",
+                    text: "ArgentumCation",
+                  },
+                ].map((social) => <Social {...social} />)
+              }
+            </div>
+          </section>

-          <!-- Twitch -->
-          <Social
-            className="button-twitch"
-            href="https://www.twitch.tv/argentumcation"
-            icon="/links/images/icons/twitch.svg"
-            alt="Twitch Logo"
-            text="ArgentumCation"
-          />
-
-          <!-- Spotify -->
-          <!-- <a class="button button-spotify" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/spotify.svg" alt="Spotify Logo">Listen on Spotify</a>
-        <br> -->
-
-          <!-- YouTube Music -->
-          <!-- <a class="button button-yt" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/youtube-music.svg" alt="YouTube Music Logo">Listen on YouTube Music</a>
-        <br> -->
-
-          <!-- Apple Music -->
-          <!-- <a class="button button-apple-music" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/apple-music.svg" alt="Apple Music Logo">Listen on Apple Music</a>
-        <br> -->
-
-          <!-- Substack -->
-          <!-- <a class="button button-substack" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/substack.svg" alt="Substack Logo">Subscribe on Substack</a>
-        <br> -->
-
-          <!-- Reddit -->
-          <Social
-            className="button-reddit"
-            href="https://reddit.com/u/ArgentumCation"
-            icon="/links/images/icons/reddit.svg"
-            alt="Reddit Logo"
-            text="u/ArgentumCation"
-          />
-
-          <!-- Mastodon -->
-          <Social
-            className="button-mastodon"
-            href="https://tech.lgbt/@argentumcation"
-            icon="/links/images/icons/mastodon.svg"
-            alt="Mastodon Logo"
-            text="ArgentumCation@tech.lgbt"
-          />
-
-          <!-- TikTok -->
-          <Social
-            className="button-tiktok"
-            href="tiktok.com/@argentumcation"
-            icon="/links/images/icons/tiktok.svg"
-            alt="TikTok Logo"
-            text="ArgentumCation"
-          />
-
-          <!-- Email -->
-          <Social
-            className="button-default"
-            href="mailto:argentumcation(at)argentumcation.com"
-            icon="/links/images/icons/email.svg"
-            alt="Email Icon"
-            text="argentumcation@argentumcation.com"
-          />
-
-          <!-- SoundCloud -->
-          <Social
-            className="button-soundcloud"
-            href="https://soundcloud.com/argentumcation"
-            icon="/links/images/icons/soundcloud.svg"
-            alt="SoundCloud Logo"
-            text="ArgentumCation"
-          />
-
-          <!-- Telegram -->
-          <!-- <a class="button button-telegram" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/telegram.svg" alt="Telegram Logo">Telegram</a>
-        <br> -->
-
-          <!-- Tumblr -->
-          <Social
-            className="button-tumb"
-            href="argentumcation"
-            icon="/links/images/icons/tumblr.svg"
-            alt="Tumblr Logo"
-            text="argentumcation.tumblr.com"
-          />
-
-          <!-- Steam -->
-          <Social
-            className="button-steam"
-            href="https://steamcommunity.com/id/argentumcation"
-            icon="/links/images/icons/steam.svg"
-            alt="Steam Logo"
-            text="ArgentumCation"
-          />
-
-          <!-- PayPal-->
-          <!-- <a class="button button-paypal" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/paypal.svg" alt="PayPal Logo">PayPal</a>
-        <br> -->
-
-          <!-- Bandcamp -->
-          <Social
-            className="button-bandcamp"
-            href="https://argentumcation.bandcamp.com/"
-            icon="/links/images/icons/bandcamp.svg"
-            alt="Bandcamp Logo"
-            text="ArgentumCation"
-          />
-
-          <!-- Patreon -->
-          <!-- <a class="button button-patreon" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/patreon.svg" alt="Patreon Logo">Patreon</a>
-        <br> -->
-
-          <!-- Apple App Store -->
-          <!-- <a class="button button-appstore" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/appstore.svg" alt="Apple App Store Logo">Apple App Store</a>
-        <br> -->
-
-          <!-- Google Play Store  -->
-          <!-- <a class="button button-playstore" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/playstore.svg" alt="Google Play Store Logo">Google Play Store</a>
-        <br> -->
-
-          <!-- Venmo -->
-          <!-- <a class="button button-venmo" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/venmo.svg" alt="Venmo Logo">Venmo</a>
-        <br> -->
-
-          <!-- Cash App BTC -->
-          <Social
-            className="button-bitcoin"
-            href="bitcoin:1NzncEg3C2Q72vbArCMU4wN2yPTnx5GU2h"
-            icon="images/icons/cash-app-btc.svg"
-            alt="Cash App Logo"
-            text="Bitcoin"
-          />
-
-          <Social
-            className="button-ethereum"
-            href="ethereum:0xAdb87d93BAFda19ef168891d76c944879E06a7bd"
-            icon="images/icons/ethereum.svg"
-            alt="Cash App Logo"
-            text="Ethereum"
-          />
-
-          <!-- OnlyFans -->
-          <!-- <a class="button button-onlyfans" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/onlyfans.svg" alt="Only Fans Logo">OnlyFans (18+)</a>
-        <br> -->
-
-          <!-- Web -->
-          <!-- <a class="button button-web" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/web.svg" alt="Web Logo">Website</a>
-        <br> -->
-
-          <!-- Buy Me a Coffee -->
-          <!-- <a class="button button-coffee" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/coffee.svg" alt="Buy Me a Coffee">Buy Me a Coffee</a>
-        <br> -->
-
-          <!-- Ko-fi -->
-          <!-- <a class="button button-ko-fi" href="#" target="_blank" rel="noopener">
-          <img class="icon" src="/links/images/icons/ko-fi.svg" alt="Ko-fi">Ko-fi</a>
-        <br> -->
-
-          <!-- VRChat -->
-          <!-- <a class="button button-vrchat" href="#" target="_blank" rel="noopener">
-            <img class="icon" src="/links/images/icons/vrchat.svg" alt="VRChat Logo">VRChat</a>
-        <br> -->
-
-          <!-- Itch.io -->
-          <Social
-            className="button-itchio"
-            href="https://argentumcation.itch.io/"
-            icon="/links/images/icons-extended/itchio.svg"
-            alt="Itch.io Logo"
-            text="ArgentumCation"
-          />
-          <!-- MAL -->
-          <Social
-            className="button-myanimelist"
-            href="https://myanimelist.net/profile/ArgentumCation"
-            icon="/links/images/icons-extended/myanimelist.svg"
-            alt="MAL Logo"
-            text="ArgentumCation"
-          />
-          <!-- ArgenumCation PGP -->
-          <Social
-            className="button-pgp"
-            href="http://keyserver.ubuntu.com/pks/lookup?op=get&search=0xdd8583a510deb949714ed847430c50ca90f98bbe"
-            icon="/links/images/icons/gpg.svg"
-            alt="GPG Logo"
-            text="ArgentumCation PGP Key"
-          />
-          <!-- Mira Velturu PGP -->
-          <Social
-            className="button-pgp"
-            href="https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x6a10df52e755e8174cd5c4c18ed045d80561353b"
-            icon="/links/images/icons/gpg.svg"
-            alt="GPG Logo"
-            text="Mira Velturu PGP Key"
-          />
-          <!-- BlueSky-->
-          <Social
-            className="button-bluesky"
-            href="https://bsky.app/profile/argentumcation.bsky.social"
-            icon="/links/images/icons/bluesky.svg"
-            alt="Bluesky Logo"
-            text="argentumcation.bsky.social"
-          />
-          <br />
+          <section>
+            <h2>Misc</h2>
+            <div class="grid">
+              {
+                [
+                  /* Steam */ {
+                    className: "button-steam",
+                    href: "https://steamcommunity.com/id/argentumcation",
+                    icon: "/links/images/icons/steam.svg",
+                    alt: "Steam Logo",
+                    text: "ArgentumCation",
+                  },
+                  /* Cash App BTC */ {
+                    className: "button-bitcoin",
+                    href: "bitcoin:1NzncEg3C2Q72vbArCMU4wN2yPTnx5GU2h",
+                    icon: "/links/images/icons/cash-app-btc.svg",
+                    alt: "Cash App Logo",
+                    text: "Bitcoin",
+                  },
+                  /* Itch.io */ {
+                    className: "button-itchio",
+                    href: "https://argentumcation.itch.io/",
+                    icon: "/links/images/icons-extended/itchio.svg",
+                    alt: "Itch.io Logo",
+                    text: "ArgentumCation",
+                  },
+                  /* MAL */ {
+                    className: "button-myanimelist",
+                    href: "https://myanimelist.net/profile/ArgentumCation",
+                    icon: "/links/images/icons-extended/myanimelist.svg",
+                    alt: "MAL Logo",
+                    text: "ArgentumCation",
+                  },
+                  /* ArgenumCation PGP */ {
+                    className: "button-pgp",
+                    href: "http://keyserver.ubuntu.com/pks/lookup?op=get&search=0xdd8583a510deb949714ed847430c50ca90f98bbe",
+                    icon: "/links/images/icons/gpg.svg",
+                    alt: "GPG Logo",
+                    text: "ArgentumCation PGP Key",
+                  },
+                  /* Mira Velturu PGP */
+                  /* {className: "button-pgp", href:"https://keyserver.ubuntu.com/pks/lookup?op=get&search=0x6a10df52e755e8174cd5c4c18ed045d80561353b",
+        icon:"/links/images/icons/gpg.svg", alt:"GPG Logo", text:"Mira Velturu PGP Key"},*/ {
+                    className: "button-ethereum",
+                    href: "ethereum:0xAdb87d93BAFda19ef168891d76c944879E06a7bd",
+                    icon: "/links/images/icons/ethereum.svg",
+                    alt: "Cash App Logo",
+                    text: "Ethereum",
+                  },
+                ].map((social) => <Social {...social} />)
+              }
+            </div>
+          </section>
        </div>
        <Footer />
      </div>
--- a/submodules/littlelink
+++ b/submodules/littlelink
@ -1 +1 @@
-Subproject commit b8f1027309bea747211dde10c08f9738d7ba23b6
+Subproject commit d44c97e7686a3cd188be810ba6a3596c687a983e
--- a/submodules/littlelink-extended
+++ b/submodules/littlelink-extended
@ -1 +1 @@
-Subproject commit 5921717021439d17bf8c6b04970eee5000f527e1
+Subproject commit c4e0df241e50192a860e9795ac002ae47580c1b6