From 271bb8509e70f5ab1ff5bc7fad1f75271af3915e Mon Sep 17 00:00:00 2001
From: BuyMyMojo <hello@buymymojo.net>
Date: Tue, 17 Dec 2024 20:36:11 +1100
Subject: [PATCH] feat: trans the internet a little more

Added the script for [Transing The Internet](https://transring.neocities.org), now I just gotta submit it to them
---
 src/components/Footer.astro | 46 +++++++++++++++++++++++--------------
 1 file changed, 29 insertions(+), 17 deletions(-)

diff --git a/src/components/Footer.astro b/src/components/Footer.astro
index 1c370c4..cb57d1d 100644
--- a/src/components/Footer.astro
+++ b/src/components/Footer.astro
@@ -9,24 +9,36 @@ library.add(faCodeBranch, faRss);
 const sourceCodeIcon = icon({ prefix: "fas", iconName: faCodeBranch.iconName });
 const rssIcon = icon({ prefix: "fas", iconName: faRss.iconName });
 ---
+
 <hr class="h-1" style="" />
 <footer class="flexcol">
-  <div class="flexrow">
-    <p>
-      <a href="https://github.com/BuyMyMojo/aria.coffee" target="_blank"
-      ><Fragment set:html={sourceCodeIcon.html} /> Source Code</a> | <a href="https://aria.coffee/rss.xml" target="_blank"
-      ><Fragment set:html={rssIcon.html} /> RSS Feed</a>
-    </p>
-  </div>
-  <img class="badge" src={`/static/img/buttons/aria.${buttonFormat}`} decoding="async" alt="88x31 pixel button with the text 'Aria' and the top half of a human human face on the right hand side" />
+    <div class="flexrow">
+        <p>
+            <a href="https://github.com/BuyMyMojo/aria.coffee" target="_blank"
+                ><Fragment set:html={sourceCodeIcon.html} /> Source Code</a
+            > | <a href="https://aria.coffee/rss.xml" target="_blank"
+                ><Fragment set:html={rssIcon.html} /> RSS Feed</a
+            >
+        </p>
+    </div>
+    <div class="flex">
+        <img
+            class="badge size-fit"
+            src={`/static/img/buttons/aria.${buttonFormat}`}
+            decoding="async"
+            alt="88x31 pixel button with the text 'Aria' and the top half of a human human face on the right hand side"
+        />
+        <script is:inline defer src="https://transring.neocities.org/ring.js"
+        ></script>
+    </div>
 </footer>
 <style is:global>
-  /* Declare a custom CSS class to make the icon look right */
-  .svg-inline--fa {
-      overflow: visible;
-      box-sizing: content-box;
-      display: inline-block;
-      height: 1em;
-      vertical-align: -0.125em;
-  }
-</style>
\ No newline at end of file
+    /* Declare a custom CSS class to make the icon look right */
+    .svg-inline--fa {
+        overflow: visible;
+        box-sizing: content-box;
+        display: inline-block;
+        height: 1em;
+        vertical-align: -0.125em;
+    }
+</style>