added post navigation

- added links to previous/next post

_data/features.json

@@ -31,7 +31,7 @@
 {
 	"title": "Smartphone control",
 	"image": "smartphone.png",
-	"description": "With the optional smartphone control you can remote control Vocaluxe or just take funny pictures of your singing friends. Add new player profiles for late arrivals or browse the song list to find out what you want to sing next."
+	"description": "With smartphone control you can remote control Vocaluxe or just take funny pictures of your singing friends. Add new player profiles for late arrivals or browse the song list to find out what to sing next."
 },
 {
 	"title": "Songs",

_layouts/post.html

@@ -12,6 +12,7 @@
   <section class="{{ page.section-type }}">
     <div class="container">
       <div class="row">
+        <div class="PageNavigation">
         <br />
         <h1 class="">{{page.title}}</h1>
         <div class="post-info">
@@ -28,6 +29,15 @@
         </div>
         {{ page.content | markdownify }}
       </div>
+      <p class="post-nav">
+      {% if page.previous.url %}
+        <a class="post-prev" href="{{site.baseurl}}{{page.previous.url}}">&laquo; {{page.previous.title}}</a>
+      {% endif %}
+      {% if page.next.url %}
+        <a class="post-next" href="{{site.baseurl}}{{page.next.url}}">{{page.next.title}} &raquo;</a>
+      {% endif %}
+      </p>
+    </div>
     </div>
   </section>
 

css/main.css

@@ -308,7 +308,7 @@ a:hover {
   color: #fff;
   padding-top: 50px;
   padding-bottom: 25px;
-  background-image: url(http://www.publicdomainpictures.net/pictures/220000/velka/rock-concert-1494235506Xle.jpg);
+  background-image: url(../img/hero-image.jpg);
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
@@ -684,6 +684,22 @@ a:hover {
   border-radius: 13px;
 }
 
+.post-nav {
+  display: block;
+  width: auto;
+  overflow: hidden;
+}
+
+.post-nav a {
+  display: block;
+  float: left;
+  margin: 1em 0;
+}
+
+.post-nav .post-next {
+  text-align: right;
+  float: right;
+}
 
 /**************/