Add forward/backward navigation

_includes/footer.html

@@ -0,0 +1,23 @@
+{% if page.layout == 'post' %}
+{# Thanks to https://www.bytedude.com/jekyll-previous-and-next-posts/ #}
+<div class="container">
+    <hr>
+    <div class="post-nav">
+        <div>
+            {% if page.previous.url %}
+            <a href="{{page.previous.url}}">&laquo;&nbsp;{{page.previous.title}}</a>
+            {% endif %}
+        </div>
+        <div class="post-nav-next">
+            {% if page.next.url %}
+            <a href="{{page.next.url}}">{{page.next.title}}&nbsp;&raquo;</a>
+            {% endif %}
+        </div>
+    </div>
+</div>
+
+
+<script type="text/javascript"
+    src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.1/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
+    </script>
+{% endif %}

_posts/2018-05-28-hello.md

@@ -2,7 +2,7 @@
 layout: post
 title: "Hello!"
 description: ""
-category: not-nerdy
+category:
 tags: []
 ---
 

assets/css/style.scss

@@ -94,4 +94,21 @@ blockquote {
     margin-left: 0;
     padding-left: 1.8rem;
     border-left: 5px solid $gray;
-}
+}
+
+.post-nav {
+    /* Insert your custom styling here. Example:
+
+       font-size: 14px;
+    */
+    display: flex;
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+.post-nav div {
+    /* flex-grow, flex-shrink, flex-basis */
+    flex: 1 1 0;
+}
+.post-nav-next {
+    text-align: right;
+}