add footer with navigation links to all pages

The architecture and reply-to-this pages were orphaned
with no way to navigate to or between them.

Add a simple footer with horizontal flexbox links to provide basic
site navigation.

Author: ritorhymes

assets/sass/main.scss

@@ -78,6 +78,17 @@ div.feature-matrix {
     vertical-align: center;
   }
 }
+footer nav ul {
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.5em 1em;
+}
+footer nav ul li a {
+  text-decoration: none;
+}
 @media screen and (max-width: 450px) {
   big {
     font-size: 300%;

layouts/_default/index.html

@@ -1,3 +1,4 @@
 {{ define "main" }}
 {{ .Content | replaceRE "(<h2 id=\"([^\"]+)\".+)(</h[1-9]+>)" `${1} <a href="#${2}">#</a> ${3}` | safeHTML }}
+{{ partial "footer.html" . }}
 {{ end }}

layouts/_default/single.html

@@ -2,4 +2,5 @@
 <div class="block">
 {{ .Content }}
 </div>
+{{ partial "footer.html" . }}
 {{ end }}

layouts/partials/footer.html

@@ -0,0 +1,10 @@
+<footer>
+  <hr>
+  <nav>
+    <ul>
+      <li><a href="{{ relURL "/" }}">Home</a></li>
+      <li><a href="{{ relURL "architecture/" }}">Architecture</a></li>
+      <li><a href="{{ relURL "reply-to-this/" }}">Reply to this</a></li>
+    </ul>
+  </nav>
+</footer>