webring, footer images

_includes/base-footer.html

@@ -19,8 +19,28 @@
       </div>
     </div>
 
-    <footer class="mt-12 bg-base/75 contrast-more:bg-crust py-4 px-4 text-subtext1 text-center">
+    <footer class="mt-12 text-subtext1 text-center">
+      <div class="bg-base/75 contrast-more:bg-crust py-4 px-4">
         Built in <a class="link" href="https://www.11ty.dev/">Eleventy</a> with <a class="link" href="https://tailwindcss.com/">TailwindCSS</a>, a 🐈 <a class="link" href="https://github.com/catppuccin">Catppuccin color palette</a>, <a href="https://ko-fi.com/lynte" class="link" id="lynte">character pixel art by Lynte</a>, and you may <a class="link" href="https://git.gay/gaiety/portfolio">🍴 Fork it Here</a>
+      </div>
+      <div class="bg-crust/75 py-4 px-4 text-base flex flex-row gap-6 justify-center">
+        <span>
+          <a class="link" href="https://webring.bucketfish.me/redirect.html?to=prev&name=gaiety.me">
+            ←
+            <span class="sr-only">previous webring</span>
+          </a>
+          <a class="link" href="https://webring.bucketfish.me/">bucket webring</a>
+          <a class="link" href="https://webring.bucketfish.me/redirect.html?to=next&name=gaiety.me">
+            →
+            <span class="sr-only">next webring</span>
+          </a>
+        </span>
+        <div class="flex flex-row gap-2">
+          <img src="/img/site/btn-ttrpg.gif" alt="oldschool 90s footer tiny style image that says TTRPG Game Mom with a dice emoji" />
+          <img src="/img/site/btn-dog.gif" alt="oldschool 90s footer tiny style image that says big doggo with a small image of my fursona" />
+          <img src="/img/site/btn-kobl.gif" alt="oldschool 90s footer tiny style image that says says smol kobold with a small image of my kobold sona" />
+        </div>
+      </div>
     </footer>
   </body>
 </html>