feat: add webrings

src/_includes/webrings/css-joy.liquid

@@ -0,0 +1,8 @@
+<div class="mb-4" style="border: 2px outset; text-align:center">
+  <p style="margin: 0; padding: 0.1em; border: 2px inset">CSS JOY Webring</p>
+  <div style="display: flex">
+    <a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/cssjoy/previous?via=https://example.com/path">Previous Site</a>
+    <a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/cssjoy/random?via=https://example.com/path">Random Site</a>
+    <a style="flex: 1; margin: 0; padding: 0.1em; border: 2px inset" href="https://webri.ng/webring/cssjoy/next?via=https://example.com/path">Next Site</a>
+  </div>
+</div>

src/_includes/webrings/the-claw.liquid

@@ -0,0 +1,26 @@
+<script
+  src="https://the-claw-webring-widget.netlify.app/the-claw-webring-widget.mjs"
+  type="module"
+></script>
+<div class="mb-4">
+  <the-claw-webring-widget fullWidth="true">
+    <div style="color: inherit; font-family: system-ui; padding: 1rem; font-size: 1rem;">
+      <div
+        style="display: grid; gap: 0.5rem 1rem; align-items: center; margin-bottom: 1rem; justify-content: flex-start; grid-template-areas: 'image title' 'image view';"
+      >
+        <img
+          src="https://the-claw-webring.netlify.app/img/theclaw.png"
+          alt="The Claw Webring"
+          style="grid-area: image; height: 4rem; transform: rotate(-8deg);"
+        />
+        <h2 style="grid-area: title; font-size: 1.4rem; margin: 0;">The Claw Webring</h2>
+        <a
+          href="https://github.com/whitep4nth3r/the-claw-webring"
+          style="grid-area: view; margin: 0; color: inherit;"
+        >
+          View on GitHub
+        </a>
+      </div>
+    </div>
+  </the-claw-webring-widget>
+</div>