Add links to previous and next posts in post template.

2 files changed, 25 insertions, 0 deletions

diff --git a/blog/_assets/stylesheets/_post.scss b/blog/_assets/stylesheets/_post.scss
index bbb924e..4912046 100644
--- a/blog/_assets/stylesheets/_post.scss
+++ b/blog/_assets/stylesheets/_post.scss
@@ -20,6 +20,23 @@
 }
 
 .post {
+  footer {
+    padding-top: 4mm;
+    .prev-post {
+      float: left;
+      &::before {
+        content: "« ";
+        font-size: 150%;
+      }
+    }
+    .next-post {
+      float: right;
+      &::after {
+        content: " »";
+        font-size: 150%;
+      }
+    }
+  }
 }
 
 .post-body {
diff --git a/blog/_layouts/post.html b/blog/_layouts/post.html
index 1fb1857..17d4979 100644
--- a/blog/_layouts/post.html
+++ b/blog/_layouts/post.html
@@ -7,4 +7,12 @@ layout: default
   <section class="post-body">
     {{ content }}
   </section>
+  <footer>
+    {% if page.previous %}
+      <div class="prev-post"><a href="{{ page.previous.url }}">{{ page.previous.title }}</a></div>
+    {% endif %}
+    {% if page.next %}
+      <div class="next-post"><a href="{{ page.next.url }}">{{ page.next.title }}</a></div>
+    {% endif %}
+  </footer>
 </article>