Pagination

static/style.css

@@ -64,6 +64,15 @@ main .info ul li { margin-right: 1em }
 
 main article h1 a { color: inherit }
 
+main .pagination {
+	text-align: center;
+	font-size: 1.5em;
+}
+main .pagination .currentpage {
+	margin: 0 1em;
+	font-size: 1rem;
+}
+
 a {
 	color: #E1140A;
 	text-decoration: none;

templates/index.html

@@ -28,6 +28,7 @@
 			{% for page in paginator.pages %}
 				{{ macros::list_article(page=page) }}
 			{% endfor %}
+			{{ macros::pagination(paginator=paginator) }}
 		{% endblock content %}
 	</main>
 </body>

templates/macros.html

@@ -34,3 +34,11 @@
 		{{ self::page_info(page=page) }}
 	</article>
 {% endmacro list_articles %}
+
+{% macro pagination(paginator) %}
+	<div class="pagination">
+		{% if paginator.previous %}<a href="{{ paginator.previous }}">&laquo;</a>{% endif %}
+		<span class="currentpage">{{ paginator.current_index }} / {{ paginator.number_pagers }}</span>
+		{% if paginator.next %}<a href="{{ paginator.next }}">&raquo;</a>{% endif %}
+	</div>
+{% endmacro pagination %}