From 58d3d6610b21951394aa37cb9e4e52650f961db5 Mon Sep 17 00:00:00 2001
From: Leilukin <contact@leilukin.com>
Date: Thu, 8 May 2025 21:50:45 +0800
Subject: [PATCH] Add Joined page

---
 src/_includes/components/functions.vto |   9 +-
 src/assets/css/utility.css             |   3 +-
 src/links/linkgroups/joined.vto        | 175 --------------------
 src/links/linkgroups/websites.vto      |  35 +---
 src/pages/explorelinks/joined.vto      | 216 +++++++++++++++++++++++++
 5 files changed, 228 insertions(+), 210 deletions(-)
 delete mode 100644 src/links/linkgroups/joined.vto
 create mode 100644 src/pages/explorelinks/joined.vto

diff --git a/src/_includes/components/functions.vto b/src/_includes/components/functions.vto
index bd3355b8..a06c2258 100644
--- a/src/_includes/components/functions.vto
+++ b/src/_includes/components/functions.vto
@@ -12,7 +12,6 @@
 {{ /export }}
 
 {{ export function modEntry(params) }}
-{{# {{ headingAnchor 3 }}{{ params.title }}{{ /headingAnchor }} #}}
 ### {{ params.title }}
 <div class="mod-entry">
     <img src="/assets/projects/{{ params.bannerFile }}" alt="Banner of {{ params.title }} mod" loading="lazy">
@@ -25,3 +24,11 @@
     </div>
 </div>
 {{ /export }}
+
+{{ export function siteButton(url, file, alt, tooltip=alt, width=88, height=31) -}}
+<li data-tooltip>
+    <a href="{{ url }}" data-tooltip-trigger title="{{ tooltip }}">
+        <img src="/assets/buttons/{{ file }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}" loading="lazy">
+    </a>
+</li>
+{{ /export }}
diff --git a/src/assets/css/utility.css b/src/assets/css/utility.css
index 8f0abcd7..4e88bac0 100644
--- a/src/assets/css/utility.css
+++ b/src/assets/css/utility.css
@@ -3,6 +3,7 @@
 .center-text { text-align: center; }
 .inline-img { display: inline-block; }
 .update-info { margin-top: 3em; }
+.p-margin-top { margin-top: var(--sz-paragraph-margin); }
 
 .indent-text {
     padding: 1em 0 1em 2em;
@@ -65,4 +66,4 @@ a > .inline-icon { padding-inline-end: .25em; }
     border: 0;
     outline: 0;
     outline-offset: 0;
-}
\ No newline at end of file
+}
diff --git a/src/links/linkgroups/joined.vto b/src/links/linkgroups/joined.vto
deleted file mode 100644
index 809b5bb4..00000000
--- a/src/links/linkgroups/joined.vto
+++ /dev/null
@@ -1,175 +0,0 @@
----
-title: Joined
-date: 2023-01-29
-toc: true
----
-
-{{ headingAnchor 3 }}Web Cliques{{ /headingAnchor }}
-{{ include "components/webcliques.vto" }}
-
-{{ headingAnchor 3 }}Fanlistings{{ /headingAnchor }}
-<p>Check out <a href="https://fan.leilukin.com/">Beehive, my fanlisting collective</a> to see all the fanlistings I own, have joined or have applied to join.</p>
-
-{{ headingAnchor 3 }}Webrings{{ /headingAnchor }}
-<ul class="web-graphics">
-    <li>
-        <script src="https://astroring.auroradynia.com/ring.js"></script>
-    </li>
-    <li>
-        <div id="autiring">
-            <script type="text/javascript" src="https://ballonlea.net/autiring/onionring-variables.js"></script>
-            <script type="text/javascript" src="https://ballonlea.net/autiring/onionring-widget.js"></script>
-        </div>
-    </li>
-    <li>
-        <iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=Leilukin"></iframe>
-    </li>
-    <li>
-        <nav class="webring" aria-labelledby="css-joy-name">
-            <p class="webring__name" id="css-joy-name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p>
-            <ul class="webring__links">
-                <li class="webring__link">
-                    <a class="external-link" href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a>
-                </li>
-                <li class="webring__link">
-                    <a class="external-link" href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a>
-                </li>
-                <li class="webring__link">
-                    <a class="external-link" href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
-                </li>
-            </ul>
-        </nav>
-    </li>
-    <li>
-        <link rel="stylesheet" href="https://crtstatic.neocities.org/dsring/onion/onionring.css">
-        <div id='dsring'>
-            <script type="text/javascript" src="https://crtstatic.neocities.org/dsring/onion/onionring-variables.js"></script>
-            <script type="text/javascript" src="https://crtstatic.neocities.org/dsring/onion/onionring-widget.js"></script>
-        </div>
-    </li>
-    <li>
-        <div id='DYKENET'>
-            <script type="text/javascript" src="https://testtubesterone.nekoweb.org/pages/dykenet/onionring-variables.js"></script>
-            <script type="text/javascript" src="https://testtubesterone.nekoweb.org/pages/dykenet/onionring-widget.js"></script>
-        </div>
-    </li>
-    <li>
-        <script src="https://eggring.neocities.org/js/hatring.js"></script><script src="https://eggring.neocities.org/js/eggring-config.js"></script>
-        <script>
-            document.addEventListener("DOMContentLoaded", function() { eggring.createLinks(); });
-        </script>
-        <nav class="webring" aria-labelledby="eggring-name">
-            <p class="webring__name" id="eggring-name">🥚 <a id="eggringIndex" href="https://eggring.neocities.org/">The Eggring</a> 🥚</p>
-            <ul class="webring__links">
-                <li class="webring__link">
-                    <a id="eggringPrev" href="https://confetticake.neocities.org/">Previous Site</a>
-                </li>
-                <li class="webring__link">
-                    <a id="eggringRand">Random Site</a>
-                </li>
-                <li class="webring__link">
-                    <a id="eggringNext" href="https://thecozy.cat/">Next Site</a>
-                </li>
-            </ul>
-        </nav>
-    </li>
-    <li>
-        <nav class="webring" aria-labelledby="fediring-name">
-            <p class="webring__name" id="fediring-name"><a href="https://fediring.net/">Fediring</a></p>
-            <ul class="webring__links">
-                <li class="webring__link">
-                    <a class="external-link" href="https://fediring.net/previous?host=leilukin.com" class="external-link">Previous Site</a>
-                </li>
-                <li class="webring__link">
-                    <a class="external-link" href="https://fediring.net/random">Random Site</a>
-                </li>
-                <li class="webring__link">
-                    <a class="external-link" href="https://fediring.net/next?host=leilukin.com" class="external-link">Next Site</a>
-                </li>
-            </ul>
-        </nav>
-    </li>
-    <li>
-        <div id='focusfirst-webring'>
-            <script type="text/javascript" src="https://www.beepbird.net/webring/onionring-variables.js"></script>
-            <script type="text/javascript" src="https://www.beepbird.net/webring/onionring-widget.js"></script>
-            <noscript><a href='https://www.beepbird.net/index.html'><img src="https://www.beepbird.net/webring/focusfirst.png" alt="Focus First Index"></a></noscript>
-        </div>
-    </li>
-    <li>
-        <nav class="webring" aria-labelledby="ghostring-name">
-            <p class="webring__name" id="ghostring-name"><a href="https://ghostring.neocities.org/">Ghostring</a></p>
-            <ul class="webring__links">
-                <li class="webring__link">
-                    <a href="https://ghostring.neocities.org/leilukin/previous">Previous Site</a>
-                </li>
-                <li class="webring__link">
-                    <a href="https://ghostring.neocities.org/leilukin/next">Next Site</a>
-                </li>
-            </ul>
-        </nav>
-    </li>
-    <li>
-        <nav class="webring" aria-labelledby="indieweb-webring-name">
-            <p class="webring__name" id="indieweb-webring-name">An <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍</p>
-            <ul class="webring__links">
-                <li class="webring__link">
-                    <a href="https://xn--sr8hvo.ws/previous">Previous Site</a>
-                </li>
-                <li class="webring__link">
-                    <a href="https://xn--sr8hvo.ws/next">Next Site</a>
-                </li>
-            </ul>
-        </nav>
-    </li>
-    <li>
-        <journal-ring icon="lavender"></journal-ring><script async src="https://cdn.jsdelivr.net/gh/js044/nenrikido@main/static/js/misc/journalring.js"></script>
-    </li>
-    <li>
-        <p style="text-align: center;">
-            This site is part of the <a href="https://meta-ring.hedy.dev/">Meta Ring</a>:<br/>
-            [<a href="https://meta-ring.hedy.dev/previous">← Previous</a>]
-            [<a href="https://meta-ring.hedy.dev/random">Random</a>]
-            [<a href="https://meta-ring.hedy.dev/next">Next →</a>]
-        </p>
-    </li>
-    <li>
-        <div style="border: none; display: inline-flex">
-            <a href="https://isaacfish.neocities.org/webring/25.html">
-                <img src="/assets/buttons/webrings/queercoded-left.png" alt="left arrow" loading="lazy">
-            </a>&nbsp;
-            <a href="https://isaacfish.neocities.org/webring/">
-                <img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring"loading="lazy">
-            </a>&nbsp;
-            <a href="https://isaacfish.neocities.org/webring/27.html">
-                <img src="/assets/buttons/webrings/queercoded-right.png" alt="right arrow" loading="lazy">
-            </a>
-        </div>
-    </li>
-    <li>
-        <nav class="webring" aria-labelledby="retronaut-name">
-            <p class="webring__name" id="retronaut-name"><a href="https://ghostring.neocities.org/">The retronaut webring</a></p>
-            <ul class="webring__links">
-                <li class="webring__link">
-                    <a class="external-link" href="https://webring.dinhe.net/prev/https://leilukin.com/">Previous Site</a>
-                </li>
-                <li class="webring__link">
-                    <a class="external-link" href="https://webring.dinhe.net/next/https://leilukin.com/">Next Site</a>
-                </li>
-            </ul>
-        </nav>
-    </li>
-    <li>
-        <script src="https://xandra.cc/safonts/webring.js"></script>
-        <ring-900 site="https://leilukin.com/"></ring-900>
-    </li>
-    <li>
-        <iframe src="https://silly.city/embed.html?user=leilukin" title="silly.city webring" frameborder="no"></iframe>
-    </li>
-    <li>
-        <div id='verbosity'>
-            <script type="text/javascript" src="https://fabled.day/verbosity/onionring-variables.js"></script>
-            <script type="text/javascript" src="https://fabled.day/verbosity/onionring-widget.js"></script><link rel="stylesheet" href="https://fabled.day/verbosity/onionring.css">
-        </div>
-    </li>
-</ul>
diff --git a/src/links/linkgroups/websites.vto b/src/links/linkgroups/websites.vto
index 4a3f5059..940a2159 100644
--- a/src/links/linkgroups/websites.vto
+++ b/src/links/linkgroups/websites.vto
@@ -3,14 +3,7 @@ title: Websites
 date: 2023-01-28
 toc: true
 ---
-
-{{ function siteButton(url, file, alt, tooltip=alt, width=88, height=31) -}}
-    <li data-tooltip>
-        <a href="{{ url }}" data-tooltip-trigger title="{{ tooltip }}">
-            <img src="/assets/buttons/{{ file }}" alt="{{ alt }}" width="{{ width }}" height="{{ height }}" loading="lazy">
-        </a>
-    </li>
-{{ /function }}
+{{ import { siteButton } from "components/functions.vto" }}
 
 {{ headingAnchor 3 }}Personal Sites I Enjoy{{ /headingAnchor }}
 
@@ -48,7 +41,7 @@ toc: true
     {{ siteButton("https://xandra.cc/", "sites/xandra.png", "Museum of Alexandra") }}
 </ul>
 <h4 class="visually-hidden">Websites without Buttons</h4>
-<ul class="inline-list">
+<ul class="inline-list p-margin-top">
     <li><a href="https://www.eladnarra.com/">eladnarra's site</a></li>
     <li><a href="https://home.hedy.dev/">~hedy's home</a></li>
     <li><a href="https://sarajoy.dev/">Sara Joy</a></li>
@@ -56,27 +49,3 @@ toc: true
     <li><a href="https://stitchmediamix.com/">Stitch’s Media Mix</a></li>
     <li><a href="https://yequari.com/">yequari.com</a></li>
 </ul>
-
-{{ headingAnchor 3 }}Web Directories{{ endheadingAnchor }}
-<h4 class="visually-hidden">Directories with Site Buttons</h4>
-<ul class="web-graphics">
-    {{ siteButton("https://pinkvampyr.leprd.space/accessiblenet/", "directories/accessiblenet.png", "Accessibility Net Directory") }}
-    {{ siteButton("https://bukmark.club/", "directories/bukmarkclub.png", "BUKMARK.CLUB") }}
-    {{ siteButton("https://indieseek.xyz/", "directories/indieseek.png", "Indieseek.xyz Indie Web Directory") }}
-    {{ siteButton("https://linklane.net/", "directories/linklane.png", "Link Lane") }}
-    {{ siteButton("https://list-me.com/", "directories/list-me.png", "List-Me.com") }}
-    {{ siteButton("https://kalechips.net/responsive/", "directories/responsiveweb.png", "Responsive Web Directory") }}
-    {{ siteButton("https://smoothsailing.asclaria.org/", "directories/smoothsailing.png", "Smooth Sailing Listings") }}
-</ul>
-<h4 class="visually-hidden">Directories without Site Buttons</h4>
-<ul class="inline-list">
-    <li><a href="https://zacharykai.net/lists/queer">Queer Web Directory</a></li>
-    <li>👻 Proud member of <a href="https://darktheme.club/">darktheme.club</a> 👻</li>
-    <li><a href="https://personalsit.es/">PersonalSit.es</a></li>
-</ul>
-
-{{ headingAnchor 3 }}Communities{{ endheadingAnchor }}
-<ul class="web-graphics">
-    {{ siteButton("https://32bit.cafe/", "communities/32-bit-cafe.png", "32-Bit Cafe") }}
-    {{ siteButton("https://zine.kalechips.net/index", "communities/saladmagazine.png", "Salad Magazine") }}
-</ul>
diff --git a/src/pages/explorelinks/joined.vto b/src/pages/explorelinks/joined.vto
new file mode 100644
index 00000000..b099ddee
--- /dev/null
+++ b/src/pages/explorelinks/joined.vto
@@ -0,0 +1,216 @@
+---
+title: Joined
+isContentDivided: true
+hasTooltips: true
+toc: true
+eleventyNavigation:
+    order: 9
+eleventyComputed:
+    desc: "{{ sitemeta.siteName }}'s membership across the web."
+---
+{{ import { siteButton } from "components/functions.vto" }}
+
+<section class="content__section">
+    {{ headingAnchor 2 }}Web Directories{{ /headingAnchor }}
+    <h3 class="visually-hidden">Directories with Site Buttons</h3>
+    <ul class="web-graphics">
+        {{ siteButton("https://pinkvampyr.leprd.space/accessiblenet/", "directories/accessiblenet.png", "Accessibility Net Directory") }}
+        {{ siteButton("https://bukmark.club/", "directories/bukmarkclub.png", "BUKMARK.CLUB") }}
+        {{ siteButton("https://indieseek.xyz/", "directories/indieseek.png", "Indieseek.xyz Indie Web Directory") }}
+        {{ siteButton("https://linklane.net/", "directories/linklane.png", "Link Lane") }}
+        {{ siteButton("https://list-me.com/", "directories/list-me.png", "List-Me.com") }}
+        {{ siteButton("https://kalechips.net/responsive/", "directories/responsiveweb.png", "Responsive Web Directory") }}
+        {{ siteButton("https://smoothsailing.asclaria.org/", "directories/smoothsailing.png", "Smooth Sailing Listings") }}
+    </ul>
+    <h3 class="visually-hidden">Directories without Site Buttons</h3>
+    <ul class="inline-list p-margin-top">
+        <li><a href="https://zacharykai.net/lists/queer">Queer Web Directory</a></li>
+        <li>👻 Proud member of <a href="https://darktheme.club/">darktheme.club</a> 👻</li>
+        <li><a href="https://personalsit.es/">PersonalSit.es</a></li>
+    </ul>
+</section>
+
+<section class="content__section">
+    {{ headingAnchor 2 }}Web Cliques{{ /headingAnchor }}
+    {{ include "components/webcliques.vto" }}
+</section>
+
+<section class="content__section">
+    {{ headingAnchor 2 }}Fanlistings{{ /headingAnchor }}
+    <p>Check out <a href="https://fan.leilukin.com/">Beehive, my fanlisting collective</a> to see all the fanlistings I own, have joined or have applied to join.</p>
+</section>
+
+<section class="content__section">
+    {{ headingAnchor 2 }}Communities{{ /headingAnchor }}
+    <ul class="web-graphics">
+        {{ siteButton("https://32bit.cafe/", "communities/32-bit-cafe.png", "32-Bit Cafe") }}
+        {{ siteButton("https://zine.kalechips.net/index", "communities/saladmagazine.png", "Salad Magazine") }}
+    </ul>
+</section>
+
+<section class="content__section">
+    {{ headingAnchor 2 }}Webrings{{ /headingAnchor }}
+    <ul class="web-graphics">
+        <li>
+            <script src="https://astroring.auroradynia.com/ring.js"></script>
+        </li>
+        <li>
+            <div id="autiring">
+                <script type="text/javascript" src="https://ballonlea.net/autiring/onionring-variables.js"></script>
+                <script type="text/javascript" src="https://ballonlea.net/autiring/onionring-widget.js"></script>
+            </div>
+        </li>
+        <li>
+            <iframe id="bucket-webring" style="width: 100%; height: 3rem; border: none;" src="https://webring.bucketfish.me/embed.html?name=Leilukin"></iframe>
+        </li>
+        <li>
+            <nav class="webring" aria-labelledby="css-joy-name">
+                <p class="webring__name" id="css-joy-name"><a href="https://cs.sjoy.lol/">CSS JOY Webring</a></p>
+                <ul class="webring__links">
+                    <li class="webring__link">
+                        <a class="external-link" href="https://webri.ng/webring/cssjoy/previous?via=https://leilukin.com/">Previous Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a class="external-link" href="https://webri.ng/webring/cssjoy/random?via=https://leilukin.com/">Random Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a class="external-link" href="https://webri.ng/webring/cssjoy/next?via=https://leilukin.com/">Next Site</a>
+                    </li>
+                </ul>
+            </nav>
+        </li>
+        <li>
+            <link rel="stylesheet" href="https://crtstatic.neocities.org/dsring/onion/onionring.css">
+            <div id='dsring'>
+                <script type="text/javascript" src="https://crtstatic.neocities.org/dsring/onion/onionring-variables.js"></script>
+                <script type="text/javascript" src="https://crtstatic.neocities.org/dsring/onion/onionring-widget.js"></script>
+            </div>
+        </li>
+        <li>
+            <div id='DYKENET'>
+                <script type="text/javascript" src="https://testtubesterone.nekoweb.org/pages/dykenet/onionring-variables.js"></script>
+                <script type="text/javascript" src="https://testtubesterone.nekoweb.org/pages/dykenet/onionring-widget.js"></script>
+            </div>
+        </li>
+        <li>
+            <script src="https://eggring.neocities.org/js/hatring.js"></script><script src="https://eggring.neocities.org/js/eggring-config.js"></script>
+            <script>
+                document.addEventListener("DOMContentLoaded", function() { eggring.createLinks(); });
+            </script>
+            <nav class="webring" aria-labelledby="eggring-name">
+                <p class="webring__name" id="eggring-name">🥚 <a id="eggringIndex" href="https://eggring.neocities.org/">The Eggring</a> 🥚</p>
+                <ul class="webring__links">
+                    <li class="webring__link">
+                        <a id="eggringPrev" href="https://confetticake.neocities.org/">Previous Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a id="eggringRand">Random Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a id="eggringNext" href="https://thecozy.cat/">Next Site</a>
+                    </li>
+                </ul>
+            </nav>
+        </li>
+        <li>
+            <nav class="webring" aria-labelledby="fediring-name">
+                <p class="webring__name" id="fediring-name"><a href="https://fediring.net/">Fediring</a></p>
+                <ul class="webring__links">
+                    <li class="webring__link">
+                        <a class="external-link" href="https://fediring.net/previous?host=leilukin.com" class="external-link">Previous Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a class="external-link" href="https://fediring.net/random">Random Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a class="external-link" href="https://fediring.net/next?host=leilukin.com" class="external-link">Next Site</a>
+                    </li>
+                </ul>
+            </nav>
+        </li>
+        <li>
+            <div id='focusfirst-webring'>
+                <script type="text/javascript" src="https://www.beepbird.net/webring/onionring-variables.js"></script>
+                <script type="text/javascript" src="https://www.beepbird.net/webring/onionring-widget.js"></script>
+                <noscript><a href='https://www.beepbird.net/index.html'><img src="https://www.beepbird.net/webring/focusfirst.png" alt="Focus First Index"></a></noscript>
+            </div>
+        </li>
+        <li>
+            <nav class="webring" aria-labelledby="ghostring-name">
+                <p class="webring__name" id="ghostring-name"><a href="https://ghostring.neocities.org/">Ghostring</a></p>
+                <ul class="webring__links">
+                    <li class="webring__link">
+                        <a href="https://ghostring.neocities.org/leilukin/previous">Previous Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a href="https://ghostring.neocities.org/leilukin/next">Next Site</a>
+                    </li>
+                </ul>
+            </nav>
+        </li>
+        <li>
+            <nav class="webring" aria-labelledby="indieweb-webring-name">
+                <p class="webring__name" id="indieweb-webring-name">An <a href="https://xn--sr8hvo.ws">IndieWeb Webring</a> 🕸💍</p>
+                <ul class="webring__links">
+                    <li class="webring__link">
+                        <a href="https://xn--sr8hvo.ws/previous">Previous Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a href="https://xn--sr8hvo.ws/next">Next Site</a>
+                    </li>
+                </ul>
+            </nav>
+        </li>
+        <li>
+            <journal-ring icon="lavender"></journal-ring><script async src="https://cdn.jsdelivr.net/gh/js044/nenrikido@main/static/js/misc/journalring.js"></script>
+        </li>
+        <li>
+            <p style="text-align: center;">
+                This site is part of the <a href="https://meta-ring.hedy.dev/">Meta Ring</a>:<br/>
+                [<a href="https://meta-ring.hedy.dev/previous">← Previous</a>]
+                [<a href="https://meta-ring.hedy.dev/random">Random</a>]
+                [<a href="https://meta-ring.hedy.dev/next">Next →</a>]
+            </p>
+        </li>
+        <li>
+            <div style="border: none; display: inline-flex">
+                <a href="https://isaacfish.neocities.org/webring/25.html">
+                    <img src="/assets/buttons/webrings/queercoded-left.png" alt="left arrow" loading="lazy">
+                </a>&nbsp;
+                <a href="https://isaacfish.neocities.org/webring/">
+                    <img src="/assets/buttons/webrings/queercoded.png" alt="queer coded webring"loading="lazy">
+                </a>&nbsp;
+                <a href="https://isaacfish.neocities.org/webring/27.html">
+                    <img src="/assets/buttons/webrings/queercoded-right.png" alt="right arrow" loading="lazy">
+                </a>
+            </div>
+        </li>
+        <li>
+            <nav class="webring" aria-labelledby="retronaut-name">
+                <p class="webring__name" id="retronaut-name"><a href="https://ghostring.neocities.org/">The retronaut webring</a></p>
+                <ul class="webring__links">
+                    <li class="webring__link">
+                        <a class="external-link" href="https://webring.dinhe.net/prev/https://leilukin.com/">Previous Site</a>
+                    </li>
+                    <li class="webring__link">
+                        <a class="external-link" href="https://webring.dinhe.net/next/https://leilukin.com/">Next Site</a>
+                    </li>
+                </ul>
+            </nav>
+        </li>
+        <li>
+            <script src="https://xandra.cc/safonts/webring.js"></script>
+            <ring-900 site="https://leilukin.com/"></ring-900>
+        </li>
+        <li>
+            <iframe src="https://silly.city/embed.html?user=leilukin" title="silly.city webring" frameborder="no"></iframe>
+        </li>
+        <li>
+            <div id='verbosity'>
+                <script type="text/javascript" src="https://fabled.day/verbosity/onionring-variables.js"></script>
+                <script type="text/javascript" src="https://fabled.day/verbosity/onionring-widget.js"></script><link rel="stylesheet" href="https://fabled.day/verbosity/onionring.css">
+            </div>
+        </li>
+    </ul>
+</section>
+