feat: add donate badge

src/components/Footer.astro

@@ -10,7 +10,12 @@ import Pagination from "@astrojs/starlight/components/Pagination.astro";
     <LastUpdated {...Astro.props} />
   </div>
   <Pagination {...Astro.props} />
+  <div id="extra-footer-content">
   <div id="tree-nation-offset-website"></div>
+    <a href="https://buy.stripe.com/cN24iTfqu1j6b3afZ2" target="_blank" rel="noreferrer">
+    <img src="https://cdn.nhcarrigan.com/donate.png" alt="Donate" style="width: 70px; height: 70px;">
+  </a>
+  </div>
   <script>
     TreeNationOffsetWebsite({
       code: "a17464e0cd351220",
@@ -18,16 +23,6 @@ import Pagination from "@astrojs/starlight/components/Pagination.astro";
       theme: "dark",
     }).render("#tree-nation-offset-website");
   </script>
-  <div id="blinkies">
-    <img src="https://cdn.nhcarrigan.com/blinkies/bigots.gif" alt="no bigots allowed"/>
-    <img src="https://cdn.nhcarrigan.com/blinkies/blm.gif" alt="black lives matter"/>
-    <img src="https://cdn.nhcarrigan.com/blinkies/miku.gif" alt="miku fan!!!"/>
-    <img src="https://cdn.nhcarrigan.com/blinkies/neuro.gif" alt="neurodivergent pride"/>
-    <img src="https://cdn.nhcarrigan.com/blinkies/palestine.gif" alt="free palestine"/>
-    <img src="https://cdn.nhcarrigan.com/blinkies/technomancer.gif" alt="technomancer"/>
-    <img src="https://cdn.nhcarrigan.com/blinkies/trans.gif" alt="trans rights!!!"/>
-    <img src="https://cdn.nhcarrigan.com/blinkies/ukraine.gif" alt="glory to ukraine"/>
-  </div>
 </footer>
 
 <style>

src/styles/style.css

@@ -102,3 +102,15 @@ starlight-theme-select, starlight-theme-select > label {
   color: var(--background-color) !important;
   background-color: var(--primary-color) !important;
 }
+
+#extra-footer-content {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: space-evenly;
+}
+
+#tree-nation-offset-website {
+  display: inline;
+  margin: 0 !important;
+}