From 9c0a85b1cce0ee1d85c51bc999757deac37e91b6 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Wed, 12 Jun 2024 21:58:23 +0800
Subject: [PATCH] Refactor CSS Joy Webring with class names

---
 src/pages/links.njk | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/links.njk b/src/pages/links.njk
index 97171425..1b19bb93 100644
--- a/src/pages/links.njk
+++ b/src/pages/links.njk
@@ -78,16 +78,16 @@ eleventyNavigation:
     <h3>Webrings</h3>
     <ul class="web-btn-wrapper">
         <li>
-            <nav style="border: 0.08em outset; text-align: center;">
-                <p style="margin: 0; padding: 0.1em; border: 0.08em solid;">CSS JOY Webring</p>
-                <ul style="display: flex; gap: 0; list-style: none; padding: 0; margin: 0;">
-                    <li style="flex: 1; border: 0.08em solid; padding: 0.2em 0.4em;">
+            <nav class="webring">
+                <p class="webring__name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p>
+                <ul class="webring__links">
+                    <li class="webring__link">
                         <a href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a>
                     </li>
-                    <li style="flex: 1; border: 0.08em solid; padding: 0.2em 0.4em;">
+                    <li class="webring__link">
                         <a href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a>
                     </li>
-                    <li style="flex: 1; border: 0.08em solid; padding: 0.2em 0.4em;">
+                    <li class="webring__link">
                         <a href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
                     </li>
                 </ul>