From a2e334699dd3c451a6dd4405213adefed33e44dc Mon Sep 17 00:00:00 2001
From: David Beniamine <david.beniamine@tetras-libre.fr>
Date: Tue, 15 Feb 2022 12:49:03 +0100
Subject: [PATCH] Navigation

---
 blog-index.twig | 18 +++++++++++++++++-
 blog-post.twig  |  4 ++--
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/blog-index.twig b/blog-index.twig
index e268583..716d07e 100644
--- a/blog-index.twig
+++ b/blog-index.twig
@@ -9,7 +9,7 @@
     {% endif %}
     </h1>
     <ul class="items">
-        {% for page in pages("blog", depth=null)|sort_by("time")|reverse if not page.hidden %}
+        {% for page in paged_pages|sort_by("time")|reverse if not page.hidden %}
             {% if not tag or tag in page.meta.tags %}
                 <li>
                     <article class="wrap">
@@ -37,4 +37,20 @@
             {% endif %}
         {% endfor %}
     </ul>
+
+    <nav class="pagination">
+        <div class="wrap">
+            <!-- Pico pagination is in reverse order -->
+            {% if page_number != total_pages%}
+                <div class="previous">
+                    <a href="{{ next_page_url }}">← Articles précédents</a>
+                </div>
+            {% endif %}
+            {% if prev_page_url != page.url  %}
+                <div class="next">
+                    <a href="{{ prev_page_url }}">Articles suivants →</a>
+                </div>
+            {% endif %}
+        </div>
+    </nav>
 {% endblock %}
diff --git a/blog-post.twig b/blog-post.twig
index bcdb555..2363123 100644
--- a/blog-post.twig
+++ b/blog-post.twig
@@ -23,13 +23,13 @@
         <p></p>
         <ul style="list-style:none;box-sizing:border-box">
             {% if 'blog' in previous_page.url %}
-                <li style="float:left;padding:15px"><a href="{{previous_page.url}}">Article précédent</a></li>
+                <li style="float:left;padding:15px"><a href="{{previous_page.url}}">← Article précédent</a></li>
             {% endif %}
             {% for tag in meta.tags %}
             <li style="float:left;padding:15px"><a href="{{base_url}}/blog?tag={{tag}}">Tous les articles de la catégorie {{tag}}</a></li>
             {% endfor %}
             {% if next_page.url != meta.url %}
-                <li style="float:left;padding:15px"><a href="{{next_page.url}}">Article suivant</a></li>
+                <li style="float:left;padding:15px"><a href="{{next_page.url}}">Article suivant →</a></li>
             {% endif %}
         </ul>
     </section>
-- 
GitLab