From 35ee5d3e6b9e61f96dbe1c76c49fba6bcda7dfae Mon Sep 17 00:00:00 2001
From: Lewis Dale <lewis.dale@triptease.com>
Date: Wed, 31 Jan 2024 21:47:17 +0000
Subject: [PATCH] Add css joy webring links

---
 src/_includes/base.njk           | 9 +++++++++
 src/css/compositions/wrapper.css | 4 ++++
 2 files changed, 13 insertions(+)

diff --git a/src/_includes/base.njk b/src/_includes/base.njk
index ca5bde9..0fa9002 100644
--- a/src/_includes/base.njk
+++ b/src/_includes/base.njk
@@ -73,6 +73,15 @@
 		{{ content | safe }}
 		<footer>
 			<div class="wrapper-lg">Copyright &copy; {{ today.year }} {{ metadata.author.name }}</div>
+
+			<div class="wrapper-xs my-size-xs">
+				<p class="text-center">Part of the CSS JOY webring</p>
+				<div class="row" data-spacing="between">
+					<a href="https://webri.ng/webring/cssjoy/previous?via=https://lewisdale.dev">Previous</a>
+					<a href="https://webri.ng/webring/cssjoy/random?via=https://lewisdale.dev">Random</a>
+					<a href="https://webri.ng/webring/cssjoy/next?via=https://lewisdale.dev">Next</a>
+				</div>
+			</div>
 		</footer>
 
 		
diff --git a/src/css/compositions/wrapper.css b/src/css/compositions/wrapper.css
index 618a7c7..7330a7f 100644
--- a/src/css/compositions/wrapper.css
+++ b/src/css/compositions/wrapper.css
@@ -6,6 +6,10 @@
 	padding-right: var(--wrapper-padding, var(--space-size-3xl));
 }
 
+.wrapper-xs {
+	--wrapper-size: clamp(20rem, calc(10rem + 20vw), 40rem);
+	--wrapper-padding: var(--space-size-xs);
+}
 .wrapper-sm {
 	--wrapper-size: var(--screen-sm);
 	--wrapper-padding: var(--space-size-s);