Add RSS link to page template

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>

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|;
 }

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>