From bb716fcad57c43fd0bbf4111eabceadf3127375a Mon Sep 17 00:00:00 2001
From: Jeremy Dormitzer <jeremydormitzer@lola.com>
Date: Wed, 23 Oct 2019 12:27:49 -0400
Subject: [PATCH] Add RSS link to page template

---
 src/images/rss.svg    | 1 +
 src/stylesheet.css.pp | 9 +++++++++
 src/template.html.p   | 6 ++++++
 3 files changed, 16 insertions(+)
 create mode 100644 src/images/rss.svg

diff --git a/src/images/rss.svg b/src/images/rss.svg
new file mode 100644
index 0000000..c9a1368
--- /dev/null
+++ b/src/images/rss.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg>
\ No newline at end of file
diff --git a/src/stylesheet.css.pp b/src/stylesheet.css.pp
index 71cc52c..f199ba9 100644
--- a/src/stylesheet.css.pp
+++ b/src/stylesheet.css.pp
@@ -108,16 +108,25 @@ ul.navigation {
     list-style: none;
     margin: 0;
     padding: 0;
+    display: flex;
+    flex-direction: row;
+    align-items: center;
 }
 
 ul.navigation > li {
     display: inline;
     margin-left: 2em;
+    margin-top: 0;
     font-family: ◊|small-caps-font-stack|;
     font-size: 25px;
     letter-spacing: 0.05rem;
 }
 
+ul.navigation > li.rss {
+    margin-left: auto;
+    margin-right: 2em;
+}
+
 ul.navigation > li > a {
     color: ◊|body-color|;
 }
diff --git a/src/template.html.p b/src/template.html.p
index 44d355b..4309caf 100644
--- a/src/template.html.p
+++ b/src/template.html.p
@@ -8,6 +8,7 @@
 	<meta charset="utf-8">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<title>◊|the-title|</title>
+	<link rel="alternate"  type="application/rss+xml" href="/blog/feed.xml"
 	<link rel="stylesheet" type="text/css" href="/normalize.css" />
 	<link rel="stylesheet" type="text/css" href="/js/highlight/styles/default.css" />
 	<link rel="stylesheet" type="text/css" href="/fonts/century-supra/stylesheet.css" />
@@ -22,6 +23,11 @@
 			<!-- TODO refactor these into a function to make it easy to add new items -->
 			<li><a href="/">home</a></li>
 			<li><a href="/blog">blog</a></li>
+			<li class="rss">
+			    <a rel="alternate" type="application/rss+xml" href="/blog/feed.xml">
+				<img src="/images/rss.svg" width="24px" height="24px" />
+			    </a>
+			</li>
 		    </ul>
 		</nav>
 	    </header>