base: Add page footer

sass/style.scss

@@ -6,6 +6,12 @@ body {
   color: #ffffff;
 }
 
+body {
+  display: flex;
+  flex-direction: column;
+  min-height: 100vh;
+}
+
 a:link,
 a:visited {
   color: #ffffff;
@@ -65,6 +71,7 @@ main.main-content {
   max-width: 10in;
   margin: 0 auto;
   color: #e8e8e8;
+  flex-grow: 1;
 }
 
 .home h1.my-name {
@@ -118,3 +125,16 @@ article.post .post-title {
 article.post .post-date {
   margin-bottom: 3em;
 }
+
+/* Footer */
+footer.page-footer {
+  font-size: 9pt;
+  text-align: center;
+  margin-top: 5em;
+  margin-bottom: 0.5em;
+}
+
+footer.page-footer hr {
+  margin-bottom: 1em;
+  width: 20%;
+}

templates/base.html

@@ -34,5 +34,12 @@
     <main id="content" class="main-content" role="main">
       {% block content %}{% endblock %}
     </main>
+  
+    <footer class="page-footer">
+      <hr />
+      <span class="copyright">Copyright © 2010–2021 Dustin C. Hatch</span>
+      ♫
+      <span>Built with <a href="https://www.getzola.org/">Zola</a><span>
+    </footer>
   </body>
 </html>