feat(template): add footer template

TODO: Flesh out some of the linked pages from this template. For
instance, the `About` page.

assets/style/style.css

@@ -79,6 +79,27 @@ body {
   margin-top: 30px;
 }
 
+.footer-link-items {
+  display: flex;
+  gap: 15px;
+}
+
+footer {
+  display: flex;
+  gap: 10px;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  background-color: var(--waveBlue1);
+  height: 100px;
+  margin-top: auto;
+  width: 100vw;
+}
+
+footer a, footer a:visited {
+  color: var(--crystalBlue);
+}
+
 nav {
   display: flex;
   flex-direction: row;

assets/templates/article.html

@@ -28,5 +28,6 @@
       <hr />
       {{ article_content }}
     </article>
+    {% include "footer.html" %}
   </body>
 </html>

assets/templates/articles.html

@@ -25,5 +25,6 @@
         {% endfor %}
       </ul>
     </div>
+    {% include "footer.html" %}
   </body>
 </html>

assets/templates/footer.html

@@ -0,0 +1,7 @@
+<footer>
+  <div class="footer-link-items">
+    <a href="https://gitlab.orion-technologies.io/blog/blog">Source Code</a>
+    <a href="mailto:price@orion-technologies.io">Contact</a>
+    <a href="/about.html">About</a>
+  </div>
+</footer>

assets/templates/tag-articles.html

@@ -26,5 +26,6 @@
         {% endfor %}
       </ul>
     </div>
+    {% include "footer.html" %}
   </body>
 </html>

assets/templates/tags.html

@@ -17,5 +17,6 @@
         {% endfor -%}
       </ul>
     </div>
+    {% include "footer.html" %}
   </body>
 </html>