From a3984b07109833de9b8f6ba8588bb53adde6f21c Mon Sep 17 00:00:00 2001
From: Emil Miler <em@0x45.cz>
Date: Fri, 11 Dec 2020 17:46:22 +0100
Subject: [PATCH] Pagination

---
 static/style.css      | 9 +++++++++
 templates/index.html  | 1 +
 templates/macros.html | 8 ++++++++
 3 files changed, 18 insertions(+)

diff --git a/static/style.css b/static/style.css
index 8bdc29b..0180ac1 100644
--- a/static/style.css
+++ b/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;
diff --git a/templates/index.html b/templates/index.html
index 97a50ac..3f5a0b6 100644
--- a/templates/index.html
+++ b/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>
diff --git a/templates/macros.html b/templates/macros.html
index c9f66b9..ab6ef0b 100644
--- a/templates/macros.html
+++ b/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 %}