Pagination

Author: JackGilmore

spendover500.njk

@@ -15,7 +15,29 @@ eleventyComputed:
     {{spends.data | jsonify | safe }}
 </script>
 
-<a href="/">Back to home</a>
+<nav aria-label="Page navigation example">
+    <ul class="pagination">
+        {% if pagination.href.previous != null %}
+        <li class="page-item">            
+            <a class="page-link" href="{{pagination.href.previous}}">
+                <span aria-hidden="true">&laquo;</span>
+                <span class="sr-only">Previous month</span>
+            </a>
+        </li>
+        {% endif %}
+        <li class="page-item">
+            <a class="page-link" href="/">Home</a>
+        </li>
+        {% if pagination.href.next != null %}
+        <li class="page-item">
+            <a class="page-link" href="{{pagination.href.next}}">
+                <span class="sr-only">Next month</span>
+                <span aria-hidden="true">&raquo;</span>
+            </a>
+        </li>
+        {% endif %}
+    </ul>
+</nav>
 
 <h1>{{title}}</h1>