Update Style 6

index.html

@@ -3,10 +3,25 @@ layout: default
 ---
 
 <div id="home">
-  <h1>Our Stack Problems</h1>
-  <ol class="posts">
+    <h1>Our Stack Problems</h1>
+    <ol class="posts">
     {% for post in site.posts %}
       <li><span>{{ post.date | date_to_string }}</span> &raquo; <a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
     {% endfor %}
-  </ol>
-</div>
+    </ol>
+
+    <!-- Pagination links -->
+    <div class="pagination">
+      {% if paginator.previous_page %}
+        <a href="{{ paginator.previous_page_path }}" class="previous">Previous</a>
+      {% else %}
+        <span class="previous">Previous</span>
+      {% endif %}
+      <span class="page_number ">Page: {{ paginator.page }} of {{ paginator.total_pages }}</span>
+      {% if paginator.next_page %}
+        <a href="{{ paginator.next_page_path }}" class="next">Next</a>
+      {% else %}
+        <span class="next">Next</span>
+      {% endif %}
+    </div>
+</div><!-- end #home -->