From 0145d6984caa7939127a71efabcccdb66cdc5cf2 Mon Sep 17 00:00:00 2001
From: maia arson crimew <maia@crimew.gay>
Date: Mon, 13 Feb 2023 17:16:18 +0100
Subject: [PATCH] add sleepy.zone webring

---
 src/_data/site.json                 |  4 ++++
 src/_includes/components/footer.njk |  1 +
 src/static/style.css                | 26 ++++++++++++++++++++++++++
 3 files changed, 31 insertions(+)

diff --git a/src/_data/site.json b/src/_data/site.json
index 4f728d4..26b46b3 100644
--- a/src/_data/site.json
+++ b/src/_data/site.json
@@ -19,6 +19,10 @@
     "webring": {
         "version": "0.2.0",
         "siteId": "maia"
+    },
+    "sleepyWebring": {
+        "version": "0.1",
+        "siteId": "nyancrimew"
     }
   }
   
\ No newline at end of file
diff --git a/src/_includes/components/footer.njk b/src/_includes/components/footer.njk
index 33ece85..d5addc0 100644
--- a/src/_includes/components/footer.njk
+++ b/src/_includes/components/footer.njk
@@ -14,4 +14,5 @@
         {% endfor %}
     </div>
     <script src="https://lavender.software/webring/webring-{{ site.webring.version }}.js" data-site-id="{{ site.webring.siteId }}"></script>
+    <script src="http://sleepy.zone/webring/webring-{{ site.sleepyWebring.version }}.js" data-site-id="{{ site.sleepyWebring.siteId }}"></script>
 </footer>
\ No newline at end of file
diff --git a/src/static/style.css b/src/static/style.css
index c7d18c3..a3da53e 100644
--- a/src/static/style.css
+++ b/src/static/style.css
@@ -98,3 +98,29 @@ img {
   content: "→";
   margin-inline-start: 1ch;
 }
+
+.sleepy-zone-webring-container {
+  all: unset;
+  display: flex;
+  flex-direction: column;
+  padding: 1em;
+  font-size: 1.125rem;
+}
+.sleepy-zone-webring-description {
+  margin-block-end: 0.5em;
+}
+.sleepy-zone-webring-site-links {
+  display: grid;
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.sleepy-zone-webring-prev-site a::before {
+  content: "←";
+  margin-inline-end: 1ch;
+}
+.sleepy-zone-webring-next-site a::after {
+  content: "→";
+  margin-inline-start: 1ch;
+}