add basenamering

2 files changed, 19 insertions, 1 deletions

diff --git a/src/static/stylesheets/index.css b/src/static/stylesheets/index.css
index 9f8cda3..316daee 100644
--- a/src/static/stylesheets/index.css
+++ b/src/static/stylesheets/index.css
@@ -21,6 +21,16 @@
     gap: 4px;
 }
 
+#basenamering {
+    justify-content: start;
+    gap: 30px;
+    margin-top: 10px;
+}
+
+#basenamering .arrow {
+    text-decoration: underline;
+}
+
 #qas {
     display: flex;
     flex-direction: column;
diff --git a/src/templates/index.html b/src/templates/index.html
index d5e3c34..6e824c8 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -29,7 +29,7 @@
 
         <p>
         be careful on this website, it's a little slippery at the moment!
-        <em>work in progress!</em>
+        <em>it's a work in progress!</em>
         </p>
 
         <span id="profile-links" class="flex-row">
@@ -39,6 +39,14 @@
             |
             <a href="https://bsky.app/profile/did:plc:twprdsv3r6bvbkjlqyftrrf7">bluesky</a>
         </span>
+
+        <span id="basenamering" class="flex-row">
+            <a class="arrow" href="https://webring.julimiro.eu/api/previous/emmatech.dev"> &lt; </a>
+            <a href="https://webring.julimiro.eu">basenamering</a>
+            <a class="arrow" href="https://webring.julimiro.eu/api/next/emmatech.dev"> &gt; </a>
+        </span>
+
+        <p>(not functional yet)</p>
     </span>
 </div>