SGA and Dedicated button page

src/components/Footer.astro

@@ -7,9 +7,10 @@ const today = new Date();
     <div class="content has-text-centered">
       <hr>
       <!--Badges-->
-      <a href="../assets/badges/limepotxyz-badge00.gif"><u>Mine Button</u></a>
+      <a href="/buttons"><u>Mine Buttons</u></a>
       <br>
-      <a href="https://limepot.xyz/"><image src="/assets/badges/limepotxyz-badge00.gif" alt="animation of a bunch of twinkling stars"/>
+      <a href="https://limepot.xyz/"><image src="/assets/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars"/></a>
+      <image style="cursor:pointer;" onclick="toggleTheme()" src="/assets/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars"/>
         <br/><br>
         <a>Friendly Buttons</a>
         <br>

src/pages/buttons.astro

@@ -0,0 +1,25 @@
+---
+import Layout from "../layouts/Layout-nochrome.astro";
+import Card from "../components/Card-noimg.astro";
+---
+
+<Layout title="LimePot">
+  <main>
+    <div class="content" style="text-align: center;">
+      <h1 class="title">My 88x31 Buttons</h1>
+      <h3>Button for this site</h3>
+      <a href="/assets/badges/mine/limepotxyz.gif">Download</a>
+      <br>
+      <a href="https://limepot.xyz/"><image src="/assets/badges/mine/limepotxyz.gif" alt="animation of a bunch of twinkling stars"/></a>
+      <br>
+      <br>
+      <h3>Standard Galactic Alphabet Switcher</h3>
+      <a href="/assets/badges/mine/standard-galactic-alphabet.png">Download</a>
+      <br>
+      <image style="cursor:pointer;" onclick="toggleTheme()" src="/assets/badges/mine/standard-galactic-alphabet.png" alt="animation of a bunch of twinkling stars"/>
+      <br>
+      <br>
+      <a href="/blog/minecraft-badges/"><h3>Minecraft 88x31 Badges</h3></a>
+    </div>
+  </main>
+</Layout>

src/pages/index.astro

@@ -56,8 +56,6 @@ import Card from "../components/Card.astro";
       <p><a href="mailto:bm01@limepot.xyz">==> Email</a></p>
       <p><a href="https://steamcommunity.com/id/limepot/">==> Steam</a></p>
       <p><a href="https://ouroboros.gay/@limepot">==> The Fediverse</a><a href="https://jointhefediverse.net/"><span style="color: #fab387;">*</span></a></p>
-      <hr>
-      <button style="width:300px" class="custom-btn btn-1" type="button" onclick="toggleTheme()">Standard Galactic Alphabet Switcher</button> 
     </div>
   </main>
 </Layout>