From c2997ebbfbd9e1539048c252295bcb749a35a284 Mon Sep 17 00:00:00 2001
From: Devin Haska <2636402+wonderfulfrog@users.noreply.github.com>
Date: Tue, 11 Jun 2024 14:12:52 -0700
Subject: [PATCH] feat: add webrings page

---
 src/_includes/partials/footer.html |  3 +++
 src/_includes/svgs/arrow-left.svg  |  3 +++
 src/_includes/svgs/arrow-right.svg |  3 +++
 src/_includes/svgs/dice.svg        |  4 ++++
 src/pages/changelog.md             |  7 +++++-
 src/pages/webrings.html            | 37 ++++++++++++++++++++++++++++++
 6 files changed, 56 insertions(+), 1 deletion(-)
 create mode 100644 src/_includes/svgs/arrow-left.svg
 create mode 100644 src/_includes/svgs/arrow-right.svg
 create mode 100644 src/_includes/svgs/dice.svg
 create mode 100644 src/pages/webrings.html

diff --git a/src/_includes/partials/footer.html b/src/_includes/partials/footer.html
index bdaa36e..042bed4 100644
--- a/src/_includes/partials/footer.html
+++ b/src/_includes/partials/footer.html
@@ -36,6 +36,9 @@
                 </ul>
             </nav>
             <ul class="[ cluster p-0 m-0 ]" role="list">
+                <li>
+                    <a href="/webrings">Webrings</a>
+                </li>
                 <li>
                     <a href="/changelog">Changelog</a>
                 </li>
diff --git a/src/_includes/svgs/arrow-left.svg b/src/_includes/svgs/arrow-left.svg
new file mode 100644
index 0000000..8b7b5f9
--- /dev/null
+++ b/src/_includes/svgs/arrow-left.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 10L8 14L6 14L-2.62268e-07 8L6 2L8 2L8 6L16 6L16 10L8 10Z" fill="currentColor"/>
+</svg>
diff --git a/src/_includes/svgs/arrow-right.svg b/src/_includes/svgs/arrow-right.svg
new file mode 100644
index 0000000..a70afaf
--- /dev/null
+++ b/src/_includes/svgs/arrow-right.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M8 6L8 2L10 2L16 8L10 14L8 14L8 10L-1.74845e-07 10L-3.01991e-07 6L8 6Z" fill="currentColor"/>
+</svg>
diff --git a/src/_includes/svgs/dice.svg b/src/_includes/svgs/dice.svg
new file mode 100644
index 0000000..e02f364
--- /dev/null
+++ b/src/_includes/svgs/dice.svg
@@ -0,0 +1,4 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10 0H0V10H10V0ZM3 4C3.55228 4 4 3.55228 4 3C4 2.44772 3.55228 2 3 2C2.44772 2 2 2.44772 2 3C2 3.55228 2.44772 4 3 4ZM8 7C8 7.55228 7.55228 8 7 8C6.44772 8 6 7.55228 6 7C6 6.44772 6.44772 6 7 6C7.55228 6 8 6.44772 8 7Z" fill="currentColor" />
+<path d="M6 16V12H12V6H16V16H6Z" fill="currentColor"/>
+</svg>
diff --git a/src/pages/changelog.md b/src/pages/changelog.md
index ac0d210..b8681d0 100644
--- a/src/pages/changelog.md
+++ b/src/pages/changelog.md
@@ -1,7 +1,7 @@
 ---
 title: Changelog
 eleventyComputed:
-    description: All of the latest changes on {{ meta.siteName }}.
+  description: All of the latest changes on {{ meta.siteName }}.
 ---
 
 # Changelog
@@ -10,6 +10,10 @@ All the changes that are fit to read!
 
 If preferred, the [commit log is available here][commits].
 
+## June 11th 2024
+
+- Added a [webrings][webrings] page!
+
 ## May 24th 2024
 
 - Improve error handling when env vars are missing, or fetch requests fail.
@@ -73,3 +77,4 @@ If preferred, the [commit log is available here][commits].
 [v3]: /posts/version-3/
 [blogroll]: /blogroll/
 [darkvisitors]: https://darkvisitors.com
+[webrings]: /webrings/
diff --git a/src/pages/webrings.html b/src/pages/webrings.html
new file mode 100644
index 0000000..49b2e73
--- /dev/null
+++ b/src/pages/webrings.html
@@ -0,0 +1,37 @@
+---
+title: Webrings
+description: What's a webring?
+---
+
+<h1>Webrings</h1>
+<p>
+    You're probably wondering what the <em>heck</em> is a webring? It's a collection of sites banding under a common theme or idea, and it's circular (like a ring). You can read more on <a href="https://en.wikipedia.org/wiki/Webring" target="_blank">Wikipedia</a>!
+</p>
+<p>Here are some I'm a part of! Have fun, explorer!</p>
+<h2>
+    <a href="https://cs.sjoy.lol/" target="_blank">CSS JOY Webring</a>
+</h2>
+<p>For those of us who take join in missing around with CSS :)</p>
+<ul class="[ cluster ][ list-none p-0 ]">
+    <li>
+        <a class="[ button ]"
+           href="https://webri.ng/webring/cssjoy/previous?via=https://wonderfulfrog.com/">
+            {% include "svgs/arrow-left.svg" %}
+            <span class="visually-hidden">Previous website</span>
+        </a>
+    </li>
+    <li>
+        <a class="[ button ]"
+           href="https://webri.ng/webring/cssjoy/random?via=https://wonderfulfrog.com/">
+            {% include "svgs/dice.svg" %}
+            <span class="visually-hidden">Random website</span>
+        </a>
+    </li>
+    <li>
+        <a class="[ button ]"
+           href="https://webri.ng/webring/cssjoy/next?via=https://wonderfulfrog.com/">
+            {% include "svgs/arrow-right.svg" %}
+            <span class="visually-hidden">Next website</span>
+        </a>
+    </li>
+</ul>