From 6d3b8739287f8f1c89211b1c785342c2ce9050f5 Mon Sep 17 00:00:00 2001
From: Steven Le Rouzic <steven.lerouzic@gmail.com>
Date: Wed, 1 Nov 2023 21:02:09 +0100
Subject: pokpok

---
 templates/blog.html | 49 +++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 45 insertions(+), 4 deletions(-)

(limited to 'templates/blog.html')

diff --git a/templates/blog.html b/templates/blog.html
index a0d2450..a955f42 100644
--- a/templates/blog.html
+++ b/templates/blog.html
@@ -1,11 +1,52 @@
 {% extends "base.html" %}
 
+{% block title %}
+Blog - {{ config.title }}
+{% endblock %}
+
 {% block content %}
 
-<ul>
-{% for page in section.pages %}
-    <li><a href="{{ page.permalink | safe }}">{{ page.title }}</a> - {{ page.date | date(format="%B %-d, %Y") }}</li>
+<div class="pagination">
+    <a href="{{ paginator.first }}">&laquo; First page</a>
+    {% if paginator.previous %}
+        <a href="{{ paginator.previous }}">&lsaquo; Previous page</a>
+    {% endif %}
+    <div style="flex-grow: 1;"></div>
+    {% if paginator.next %}
+        <a class="right" href="{{ paginator.next }}">&rsaquo; Next page</a>
+    {% endif %}
+    <a class="right" href="{{ paginator.last }}">Last page &raquo;</a>
+</div>
+
+{% for page in paginator.pages %}
+<div class="article-header">
+    <h1><a href="{{ page.permalink | safe }}">{{ page.title }}</a></h1>
+    <div class="info">
+        <p class="date">{{ page.date | date(format="%B %-d, %Y") }}</p>
+        <p class="tags">
+        {% for tag in page.taxonomies["tags"] %}
+            <a href="{{ get_taxonomy_url(kind="tags", name=tag) }}">#{{ tag }}</a>
+        {%- endfor %}
+        </p>
+    </div>
+</div>
+<div class="typography">
+    {{ page.summary | safe }}
+    <p><a href="">Read more…</a></p>
+</div>
+{% if not loop.last %}<hr />{% endif %}
 {% endfor %}
-</ul>
+
+<div class="pagination">
+    <a href="{{ paginator.first }}">&laquo; First page</a>
+    {% if paginator.previous %}
+        <a href="{{ paginator.previous }}">&lsaquo; Previous page</a>
+    {% endif %}
+    <div style="flex-grow: 1;"></div>
+    {% if paginator.next %}
+        <a class="right" href="{{ paginator.next }}">&rsaquo; Next page</a>
+    {% endif %}
+    <a class="right" href="{{ paginator.last }}">Last page &raquo;</a>
+</div>
 
 {% endblock %}
-- 
cgit