From ba0f9e5f33d507ac28f4ce36799b3b8ad4ab2912 Mon Sep 17 00:00:00 2001
From: maia arson crimew <maia@crimew.gay>
Date: Mon, 24 Jul 2023 19:33:12 +0200
Subject: [PATCH] improve posts pagination

---
 src/_includes/components/pagination.njk | 18 ++++++++++--------
 src/css/style.scss                      |  9 +++++++++
 src/posts.njk                           |  2 ++
 3 files changed, 21 insertions(+), 8 deletions(-)

diff --git a/src/_includes/components/pagination.njk b/src/_includes/components/pagination.njk
index b168225..10c8ec1 100644
--- a/src/_includes/components/pagination.njk
+++ b/src/_includes/components/pagination.njk
@@ -1,10 +1,4 @@
-<nav>
-    {% if pagination.nextPageLink -%}
-        {% set nextPageNumber = pagination.pageNumber + 1 %}
-        {% set nextPageLink = 'page/' ~ nextPageNumber %}
-        <a href="/{{ page.fileSlug }}/{{ nextPageLink }}" rel="prev">Older</a>
-    {%- endif %}
-
+<nav class="pagination">
     {% if pagination.previousPageLink -%}
         {% set previousPageNumber = pagination.pageNumber - 1 %}
         {%- if pagination.pageNumber == 1 -%}
@@ -12,6 +6,14 @@
         {%- else -%}
             {% set previousPageLink = 'page/' ~ previousPageNumber %}
         {%- endif -%}
-        <a href="/{{ page.fileSlug }}/{{ previousPageLink }}" rel="next">Newer</a>
+        <a class="next" href="/{{ page.fileSlug }}/{{ previousPageLink }}" rel="next">newer posts</a>
+    {% else %}
+        <div class="next"></div>
+    {%- endif %}
+
+    {% if pagination.nextPageLink -%}
+        {% set nextPageNumber = pagination.pageNumber + 1 %}
+        {% set nextPageLink = 'page/' ~ nextPageNumber %}
+        <a class="prev" href="/{{ page.fileSlug }}/{{ nextPageLink }}" rel="prev">older posts</a>
     {%- endif %}
 </nav>
\ No newline at end of file
diff --git a/src/css/style.scss b/src/css/style.scss
index 96ee6c6..aa7a599 100644
--- a/src/css/style.scss
+++ b/src/css/style.scss
@@ -36,6 +36,15 @@ footer {
   }
 }
 
+.pagination {
+  display: flex;
+  justify-content: space-between;
+  a {
+    font-weight: bolder;
+    font-size: large;
+  }
+}
+
 footer,
 #site_header,
 .lavender-webring-container {
diff --git a/src/posts.njk b/src/posts.njk
index 2c8c6cd..45d3cb1 100644
--- a/src/posts.njk
+++ b/src/posts.njk
@@ -9,6 +9,8 @@ permalink: /posts/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumbe
 ---
 {% extends 'layouts/default.njk' %}
 {% block main %}
+  {% include "components/pagination.njk" %}
+
   <ul>
     {% for entry in pagination.items %}
     <li class="list-entry">