From 050fdc46b2bed4bc690b2aa2bbfb3bc8d9bc4619 Mon Sep 17 00:00:00 2001
From: Lewis Dale <lewis.dale@fortacode.co.uk>
Date: Sun, 26 Nov 2023 22:15:20 +0000
Subject: [PATCH] Add RSS icon to top bar

---
 src/_includes/base.njk     |  8 ++++++++
 src/assets/images/rss.svg  |  5 +++++
 src/css/exceptions/rss.css | 17 +++++++++++++++++
 3 files changed, 30 insertions(+)
 create mode 100644 src/assets/images/rss.svg
 create mode 100644 src/css/exceptions/rss.css

diff --git a/src/_includes/base.njk b/src/_includes/base.njk
index 3fd357d..b9660a2 100644
--- a/src/_includes/base.njk
+++ b/src/_includes/base.njk
@@ -54,6 +54,14 @@
 					<li><a href="/links">Links</a></li>
 				</ul>
 			</nav>
+
+			<a href="/feed/" class="rss">
+				<svg xmlns="http://www.w3.org/2000/svg" aria-label="RSS" role="img" viewBox="0 0 512 512">
+					<path d="m0 0H512V512H0" fill="none"/>
+					<path fill="currentColor" d="m109 271A132 133 0 01241 403h60A192 193 0 00109 211v-54A246 247 0 01355 403h60A306 307 0 00109 97m35 235a35 35 0 102 0"/>
+				</svg>
+			</a>
+
 			<fieldset class="color-scheme">
 				<legend>Change your colour scheme</legend>
 				<label>
diff --git a/src/assets/images/rss.svg b/src/assets/images/rss.svg
new file mode 100644
index 0000000..82a9f8d
--- /dev/null
+++ b/src/assets/images/rss.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg"
+aria-label="RSS" role="img"
+viewBox="0 0 512 512"><path
+d="m0 0H512V512H0"
+fill="#f80"/><path fill="#fff" d="m109 271A132 133 0 01241 403h60A192 193 0 00109 211v-54A246 247 0 01355 403h60A306 307 0 00109 97m35 235a35 35 0 102 0"/></svg>
\ No newline at end of file
diff --git a/src/css/exceptions/rss.css b/src/css/exceptions/rss.css
new file mode 100644
index 0000000..38e7482
--- /dev/null
+++ b/src/css/exceptions/rss.css
@@ -0,0 +1,17 @@
+.rss {
+	flex-grow: initial;
+
+	img, svg {
+		width: 20px;
+		aspect-ratio: 1;
+		height: auto;
+		vertical-align: middle;
+	}
+
+	&:hover {
+		svg {
+			background-color: var(--color-primary);
+			color: var(--color-secondary);
+		}
+	}
+}