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