diff --git a/src/Footer.tsx b/src/Footer.tsx
index 1df245b..5d4d2b9 100644
--- a/src/Footer.tsx
+++ b/src/Footer.tsx
@@ -2,7 +2,18 @@ import type { FC } from 'hono/jsx';
 
 export const Footer: FC = () => {
     return <footer class="middle-flex">
-        &copy; 2025 - Robin Bärtschi
+        <div style="padding-bottom: 0.4em;" class="webring">
+            <a href="https://webring.bucketfish.me/redirect.html?to=prev&name=robaertschi">&larr; prev</a>
+            <span class="header-span"></span>
+            <div class="some-minimal-padding">
+                <a href="https://webring.bucketfish.me/redirect.html?to=random&name=robaertschi">random</a>
+                <span class="header-span"></span>
+                <a href="https://webring.bucketfish.me/">bucket webring</a>
+            </div>
+            <span class="header-span"></span>
+            <a href="https://webring.bucketfish.me/redirect.html?to=next&name=robaertschi">next &rarr;</a>
+        </div>
+        <div>&copy; 2025 - Robin Bärtschi</div>
     </footer>
 };
 
diff --git a/static/style.css b/static/style.css
index d7d49d7..b62c0ee 100644
--- a/static/style.css
+++ b/static/style.css
@@ -131,3 +131,15 @@ footer {
     border-style: solid;
     width: 80%;
 }
+
+footer a {
+    padding: 0.5em;
+}
+
+.webring {
+    padding-bottom: 0.4em;
+}
+
+.some-minimal-padding {
+    display: inline;
+}