From a4e35942fee745e64db5d0099ba2582e0fb4417e Mon Sep 17 00:00:00 2001
From: Dennis Fink
Date: Thu, 18 Jun 2026 17:57:51 +0200
Subject: Build the first usable version of the blog

This adds the Lektor project structure, models, templates, styling,
feeds, categories, tags, archives, custom Markdown heading handling, and
the initial content needed to make the blog usable.
---
 templates/macros/blog.html | 100 +++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 100 insertions(+)
 create mode 100644 templates/macros/blog.html

(limited to 'templates/macros/blog.html')

diff --git a/templates/macros/blog.html b/templates/macros/blog.html
new file mode 100644
index 0000000..b4caafe
--- /dev/null
+++ b/templates/macros/blog.html
@@ -0,0 +1,100 @@
+{% from "macros/pagination.html" import render_pagination %}
+
+{% macro render_toc(toc, maxdepth=2) %}
+  <nav aria-label="Table of contents">
+    <p>Table of contents</p>
+    <ol>
+      {% for item in toc recursive %}
+        <li>
+          <a href="#{{ item.anchor }}">{{ item.title }}</a>
+          {% if item.children and loop.depth < maxdepth %}
+            <ol>
+              {{ loop(item.children) }}
+            </ol>
+          {% endif %}
+        </li>
+      {% endfor %}
+    </ol>
+  </nav>
+{% endmacro %}
+
+{% macro render_blog_post(post, show_toc=True) %}
+  <article>
+    <header>
+      <div>
+        <h2>
+          <a href="{{ post|url }}">{{ post.title }}</a>
+        </h2>
+        <dl>
+          {% if post.publication_date %}
+            <div>
+              <dt>Posted:</dt>
+              <dd>
+                <a href="{{ ('/blog@index-pages/year/{}'.format(post.publication_date.year) ) | url }}">
+                  <time datetime="{{ post.publication_date | dateformat('yyyy-MM-dd') }}">{{ post.publication_date | dateformat("d MMMM yyyy") }}</time>
+                </a>
+              </dd>
+            </div>
+          {% else %}
+            <div class="missing-publication-date-warning" role="alert">
+              <dt>⚠</dt>
+              <dd>
+                Missing publication date
+              </dd>
+            </div>
+          {% endif %}
+          {% if post.updated_date and post.publication_date and (post.updated_date > post.publication_date) %}
+            <div>
+              <dt>Last updated:</dt>
+              <dd>
+                <time datetime="{{ post.updated_date | dateformat('yyyy-MM-dd') }}">{{ post.updated_date | dateformat("d MMMM yyyy") }}</time>
+              </dd>
+            </div>
+          {% endif %}
+          {% if post.category %}
+            <div>
+              <dt>Category:</dt>
+              <dd>
+                {% set category = site.get('/categories/'+post.category) %}
+                <a href="{{ category|url }}">{{ category.name }}</a>
+              </dd>
+            </div>
+          {% endif %}
+        </dl>
+      </div>
+      {% if show_toc and post.render_toc %}
+        {% set toc = post.body.toc|default([]) %}
+        {{ render_toc(toc) }}
+      {% endif %}
+    </header>
+    {{ post.body }}
+    {% if post.tags %}
+      <footer>
+        <p>Tagged with</p>
+        <ul aria-label="Tags">
+          {% for tag in post.tags %}
+            <li>
+              {% set tag_slug = tag|trim|lower|replace(" ", "-") %}
+              <a href="{{ ('/blog/tag/' ~ tag_slug ~ '/')|url }}" rel="tag">{{ tag }}</a>
+              {%- if not loop.last -%}, {%- else -%}.{%- endif -%}
+            </li>
+          {% endfor %}
+        </ul>
+      </footer>
+    {% endif %}
+  </article>
+{% endmacro %}
+
+{% macro render_blog_index(pagination) %}
+  {% for post in pagination.items %}
+    {{ render_blog_post(post, False) }}
+    {% if not loop.last %}
+      <hr>
+    {% endif %}
+  {% endfor %}
+  {% if pagination.pages > 1 %}
+    <footer>
+      {{ render_pagination(pagination) }}
+    </footer>
+  {% endif %}
+{% endmacro %}
-- 
cgit v1.3.1