From ca238a5d38fe5c7282f2f4af71e5fc86e7455859 Mon Sep 17 00:00:00 2001
From: Emi Simpson <emi@alchemi.dev>
Date: Tue, 9 Nov 2021 20:16:53 -0500
Subject: [PATCH] Add a webring nav box

---
 _includes/picker.html   | 23 +++++++++++++++++++++++
 index.md                |  7 +++++++
 static/picker/arrow.svg |  8 ++++++++
 static/picker/body.svg  | 12 ++++++++++++
 static/style.css        | 22 ++++++++++++++++++++++
 5 files changed, 72 insertions(+)
 create mode 100644 _includes/picker.html
 create mode 100644 static/picker/arrow.svg
 create mode 100644 static/picker/body.svg

diff --git a/_includes/picker.html b/_includes/picker.html
new file mode 100644
index 0000000..ed4e243
--- /dev/null
+++ b/_includes/picker.html
@@ -0,0 +1,23 @@
+<div class="picker">
+	<a href="https://technomancers.gay/prev/emii.gay">
+		<img
+			class="picker-prev"
+			src="{{site.base_url}}/static/picker/arrow.svg"
+			height="50px"
+			alt="Previous" />
+	</a>
+	<a href="https://technomancers.gay/">
+		<img
+			src="{{site.base_url}}/static/picker/body.svg"
+			height="50px"
+			alt="technomancers.gay index page" />
+	</a>
+	<a href="https://technomancers.gay/next/emii.gay">
+		<img
+			class="picker-next"
+			src="{{site.base_url}}/static/picker/arrow.svg"
+			height="50px"
+			alt="Next"
+			style="transform: scaleX(-1)" />
+	</a>
+</div>
diff --git a/index.md b/index.md
index 9ed904f..58fb2cf 100644
--- a/index.md
+++ b/index.md
@@ -1,6 +1,13 @@
 ---
 layout: landing.liquid
 ---
+
+<p style="text-align: center">This site is part of the technomancers.gay webring.</p>
+
+{% include "picker.html" %}
+
+. . .
+
 ## Who are you???
 
 I'm Emi, a student at [REDACTED] who loves niche communities and the software &
diff --git a/static/picker/arrow.svg b/static/picker/arrow.svg
new file mode 100644
index 0000000..df2b980
--- /dev/null
+++ b/static/picker/arrow.svg
@@ -0,0 +1,8 @@
+<svg width="56.08" height="55" version="1.1" viewBox="0 0 14.838 14.552" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-8.4449 -112.65)">
+  <g transform="matrix(-1 0 0 1 164.02 0)" fill="#ff0379">
+   <path d="m140.74 112.65 4.2008 7.276-4.2008 7.276h4.2871l4.2008-7.276-4.2008-7.276z"/>
+   <path d="m147.09 112.65 4.2008 7.276-4.2008 7.276h4.2871l4.2008-7.276-4.2008-7.276z"/>
+  </g>
+ </g>
+</svg>
diff --git a/static/picker/body.svg b/static/picker/body.svg
new file mode 100644
index 0000000..56d674e
--- /dev/null
+++ b/static/picker/body.svg
@@ -0,0 +1,12 @@
+<svg width="409.71" height="55" version="1.1" viewBox="0 0 108.4 14.552" xmlns="http://www.w3.org/2000/svg">
+ <g transform="translate(-25.98 -112.65)">
+  <g transform="translate(-3.3496)">
+   <g fill="#ff0379">
+    <path transform="matrix(.20405 0 0 .20405 72.967 58.467)" d="m296.81 336.88h-41.175l-20.588-35.659 20.588-35.659h41.175l20.588 35.659z"/>
+    <path transform="matrix(-.20405 0 0 .20405 94.094 58.467)" d="m296.81 336.88h-41.175l-20.588-35.659 20.588-35.659h41.175l20.588 35.659z"/>
+    <rect x="33.53" y="112.65" width="100" height="14.552"/>
+   </g>
+   <text transform="scale(.98858 1.0116)" x="38.894482" y="121.29585" fill="#000000" font-family="sans-serif" font-size="10.462px" stroke-width=".26156" style="line-height:1.25" xml:space="preserve"><tspan x="38.894482" y="121.29585" font-family="Format_1452" stroke-width=".26156">technomancers.gay</tspan></text>
+  </g>
+ </g>
+</svg>
diff --git a/static/style.css b/static/style.css
index cc47af6..a056102 100644
--- a/static/style.css
+++ b/static/style.css
@@ -189,6 +189,28 @@ code {
 	justify-content: space-between;
 }
 
+.picker {
+	display: grid;
+	grid-auto-flow: column;
+	justify-content: center;
+}
+.picker-prev {
+	margin-left: 20px;
+	margin-right: 0;
+}
+.picker-prev:hover {
+	margin-right: 20px;
+	margin-left: 0;
+}
+.picker-next {
+	margin-right: 20px;
+	margin-left: 0;
+}
+.picker-next:hover {
+	margin-left: 20px;
+	margin-right: 0;
+}
+
 /* Color Scheme */
 h1, a {
 	color: #AA89FD;