From 72da6045d505842eeb493e6a377c3486c9332d1d Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Mon, 14 Oct 2024 15:38:09 -0400
Subject: [PATCH] Add knockout ring

---
 config.yaml                             |  1 +
 themes/red/assets/css/site.css          |  7 +++++++
 themes/red/layouts/partials/footer.html | 25 ++++++++++++++++---------
 3 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/config.yaml b/config.yaml
index 5d56627..71b8959 100644
--- a/config.yaml
+++ b/config.yaml
@@ -36,6 +36,7 @@ params:
   fediverse_url: "@redstrate@mastodon.art"
   image_host: "https://images.redstrate.com"
   kofi_username: 'redstrate'
+  enable_koring: true
 
 permalinks:
   blog: 'blog/:year/:month/:title/'
diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index 51f442a..69814d0 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -691,3 +691,10 @@ model-viewer {
 .gallery-type-icon-hidden {
     visibility: hidden;
 }
+
+#koring {
+        table {
+            width: 500px;
+            margin: auto;
+        }
+}
diff --git a/themes/red/layouts/partials/footer.html b/themes/red/layouts/partials/footer.html
index 3d06d62..232b459 100644
--- a/themes/red/layouts/partials/footer.html
+++ b/themes/red/layouts/partials/footer.html
@@ -17,18 +17,25 @@
     {{ end }}
 
     {{ with .Site.Params.geekring_site_id }}
-     <map name="badge-geekring">
-        <area shape="rect" coords="4,3,13,28" href="http://geekring.net/site/{{ . }}/previous" alt="Previous">
-        <area shape="rect" coords="13,3,22,28" href="http://geekring.net/site/{{ . }}/random" alt="Random">
-        <area shape="rect" coords="76,3,84,28" href="http://geekring.net/site/{{ . }}/next" alt="Next">
-        <area shape="rect" coords="23,3,63,28" href="https://geekring.net/" alt="Geekring">
-    </map>
-    {{ with resources.Get "geek_2.gif" }}
-    <img width="88" height="31" usemap="#badge-geekring" src="{{ .RelPermalink }}" alt="The Geekring">
-    {{ end }}
+        <map name="badge-geekring">
+            <area shape="rect" coords="4,3,13,28" href="http://geekring.net/site/{{ . }}/previous" alt="Previous">
+            <area shape="rect" coords="13,3,22,28" href="http://geekring.net/site/{{ . }}/random" alt="Random">
+            <area shape="rect" coords="76,3,84,28" href="http://geekring.net/site/{{ . }}/next" alt="Next">
+            <area shape="rect" coords="23,3,63,28" href="https://geekring.net/" alt="Geekring">
+        </map>
+        {{ with resources.Get "geek_2.gif" }}
+            <img width="88" height="31" usemap="#badge-geekring" src="{{ .RelPermalink }}" alt="The Geekring">
+        {{ end }}
     {{ end }}
 </div>
 
+{{ if .Site.Params.enable_koring }}
+    <div id='koring'>
+        <script type="text/javascript" src="https://ottr.uk/koring/onionring-variables.js"></script>
+        <script type="text/javascript" src="https://ottr.uk/koring/onionring-widget.js"></script>
+    </div>
+{{ end }}
+
 <div class="f-list">
     <ul class="nice-list">
         {{ range $.Site.Menus.footer }}