From 03b6b3a1fcd055fd43cf174cd89f6236c5d58f15 Mon Sep 17 00:00:00 2001
From: Helen Chong <119173961+helenclx@users.noreply.github.com>
Date: Sun, 9 Jun 2024 00:22:24 +0800
Subject: [PATCH] Add CSS JOY Webring to links page

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

diff --git a/src/pages/links.njk b/src/pages/links.njk
index b8d17a8a..74054e62 100644
--- a/src/pages/links.njk
+++ b/src/pages/links.njk
@@ -72,6 +72,22 @@ 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;">
+                        <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;">
+                        <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;">
+                        <a href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
+                    </li>
+                </ul>
+            </nav>
+        </li>
         <li>
             <div id='focusfirst-webring'>
                 <script type="text/javascript" src="https://owlsroost.xyz/webring/onionring-variables.js"></script>