added bucket webring links

src/routes/+page.svelte

@@ -80,14 +80,27 @@
     </div>
 
     <div class="webring-container">
+        <!-- bucket webring -->
         <Webring
+            ringName="bucket webring"
+            ringLink="https://webring.bucketfish.me"
+            prevLink="https://webring.bucketfish.me/redirect.html?to=prev&name=denizk0461"
+            nextLink="https://webring.bucketfish.me/redirect.html?to=next&name=denizk0461"
+            randLink="https://webring.bucketfish.me/redirect.html?to=random&name=denizk0461"
+            prevSymbol="⥼"
+            nextSymbol="⥽"
+            highlightEmoji="🏳️‍🌈" />
+        
+        <!-- gamedev webring -->
+        <Webring
+            ringName="gamedev webring"
             ringLink="https://www.rainbowcemetery.com/devring"
             prevLink="https://www.rainbowcemetery.com/devring/prev.php?id=18"
             nextLink="https://www.rainbowcemetery.com/devring/next.php?id=18"
             randLink="https://www.rainbowcemetery.com/devring/rand.php?id=18"
             listLink="https://www.rainbowcemetery.com/devring/list.php?id=18"
-            prevSymbol="&lt;&lt;"
-            nextSymbol="&gt;&gt;"
+            prevSymbol="&lt;"
+            nextSymbol="&gt;"
             highlightEmoji="👾" />
     </div>
 
@@ -125,6 +138,7 @@
         flex-direction: row;
         align-items: center;
         justify-content: center;
+        margin: 16px 0;
     }
 
     .gradient-title {
@@ -138,4 +152,11 @@
         -webkit-text-fill-color: transparent;
         padding-bottom: 12px;
     }
+
+    @media screen and (max-width: 700px) {
+        .webring-container {
+            flex-direction: column;
+            gap: 16px;
+        }
+    }
 </style>