From 5ee87e11a98abb08ed86280231b580d7d06f6550 Mon Sep 17 00:00:00 2001
From: svemagie <869694+svemagie@users.noreply.github.com>
Date: Thu, 12 Mar 2026 12:13:24 +0100
Subject: [PATCH] feat: make tags clickable in all overview/listing pages

Replace plain <span class="p-category"> with <a href="/categories/{slug}/"> across all post listing pages and the recent-posts component.

Affected: articles, blog, notes, likes, reposts, replies, bookmarks, photos, recent-posts.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../components/sections/recent-posts.njk      | 28 +++++++++----------
 articles.njk                                  |  4 +--
 blog.njk                                      | 28 +++++++++----------
 bookmarks.njk                                 |  4 +--
 likes.njk                                     |  4 +--
 notes.njk                                     |  4 +--
 photos.njk                                    |  4 +--
 replies.njk                                   |  4 +--
 reposts.njk                                   |  4 +--
 9 files changed, 42 insertions(+), 42 deletions(-)

diff --git a/_includes/components/sections/recent-posts.njk b/_includes/components/sections/recent-posts.njk
index 36c85cf..9ba09c1 100644
--- a/_includes/components/sections/recent-posts.njk
+++ b/_includes/components/sections/recent-posts.njk
@@ -64,10 +64,10 @@
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -103,10 +103,10 @@
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -147,10 +147,10 @@
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -186,10 +186,10 @@
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -226,10 +226,10 @@
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -270,10 +270,10 @@
           {% if post.data.category %}
           <span class="post-categories">
             {% if post.data.category is string %}
-            <span class="p-category">{{ post.data.category }}</span>
+            <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
             {% else %}
             {% for cat in post.data.category %}
-            <span class="p-category">{{ cat }}</span>
+            <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
             {% endfor %}
             {% endif %}
           </span>
@@ -300,10 +300,10 @@
         {% if post.data.category %}
         <span class="post-categories ml-2">
           {% if post.data.category is string %}
-          <span class="p-category">{{ post.data.category }}</span>
+          <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
           {% else %}
           {% for cat in post.data.category %}
-          <span class="p-category">{{ cat }}</span>
+          <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
           {% endfor %}
           {% endif %}
         </span>
diff --git a/articles.njk b/articles.njk
index 804b77d..a14a23b 100644
--- a/articles.njk
+++ b/articles.njk
@@ -40,10 +40,10 @@ permalink: "articles/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNu
         {% if post.data.category %}
         <span class="post-categories">
           {% if post.data.category is string %}
-          <span class="p-category">{{ post.data.category }}</span>
+          <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
           {% else %}
           {% for cat in post.data.category %}
-          <span class="p-category">{{ cat }}</span>
+          <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
           {% endfor %}
           {% endif %}
         </span>
diff --git a/blog.njk b/blog.njk
index afac632..65f9426 100644
--- a/blog.njk
+++ b/blog.njk
@@ -72,10 +72,10 @@ permalink: "blog/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -111,10 +111,10 @@ permalink: "blog/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -155,10 +155,10 @@ permalink: "blog/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -194,10 +194,10 @@ permalink: "blog/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -232,10 +232,10 @@ permalink: "blog/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
@@ -276,10 +276,10 @@ permalink: "blog/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber
           {% if post.data.category %}
           <span class="post-categories">
             {% if post.data.category is string %}
-            <span class="p-category">{{ post.data.category }}</span>
+            <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
             {% else %}
             {% for cat in post.data.category %}
-            <span class="p-category">{{ cat }}</span>
+            <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
             {% endfor %}
             {% endif %}
           </span>
@@ -304,10 +304,10 @@ permalink: "blog/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber
         {% if post.data.category %}
         <span class="post-categories ml-2">
           {% if post.data.category is string %}
-          <span class="p-category">{{ post.data.category }}</span>
+          <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
           {% else %}
           {% for cat in post.data.category %}
-          <span class="p-category">{{ cat }}</span>
+          <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
           {% endfor %}
           {% endif %}
         </span>
diff --git a/bookmarks.njk b/bookmarks.njk
index cd91c8a..b4ad9b7 100644
--- a/bookmarks.njk
+++ b/bookmarks.njk
@@ -42,10 +42,10 @@ permalink: "bookmarks/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageN
         {% if post.data.category %}
         <span class="post-categories">
           {% if post.data.category is string %}
-          <span class="p-category">{{ post.data.category }}</span>
+          <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
           {% else %}
           {% for cat in post.data.category %}
-          <span class="p-category">{{ cat }}</span>
+          <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
           {% endfor %}
           {% endif %}
         </span>
diff --git a/likes.njk b/likes.njk
index 08efc58..0a4c68a 100644
--- a/likes.njk
+++ b/likes.njk
@@ -40,10 +40,10 @@ permalink: "likes/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumbe
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
diff --git a/notes.njk b/notes.njk
index 6f42842..80c23da 100644
--- a/notes.njk
+++ b/notes.njk
@@ -35,10 +35,10 @@ permalink: "notes/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumbe
         {% if post.data.category %}
         <span class="post-categories ml-2">
           {% if post.data.category is string %}
-          <span class="p-category">{{ post.data.category }}</span>
+          <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
           {% else %}
           {% for cat in post.data.category %}
-          <span class="p-category">{{ cat }}</span>
+          <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
           {% endfor %}
           {% endif %}
         </span>
diff --git a/photos.njk b/photos.njk
index 4fcdf5a..d8092a7 100644
--- a/photos.njk
+++ b/photos.njk
@@ -33,10 +33,10 @@ permalink: "photos/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumb
         {% if post.data.category %}
         <span class="post-categories">
           {% if post.data.category is string %}
-          <span class="p-category">{{ post.data.category }}</span>
+          <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
           {% else %}
           {% for cat in post.data.category %}
-          <span class="p-category">{{ cat }}</span>
+          <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
           {% endfor %}
           {% endif %}
         </span>
diff --git a/replies.njk b/replies.njk
index fb57629..93ce450 100644
--- a/replies.njk
+++ b/replies.njk
@@ -45,10 +45,10 @@ permalink: "replies/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNum
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>
diff --git a/reposts.njk b/reposts.njk
index 9504208..ff52267 100644
--- a/reposts.njk
+++ b/reposts.njk
@@ -45,10 +45,10 @@ permalink: "reposts/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNum
             {% if post.data.category %}
             <span class="post-categories">
               {% if post.data.category is string %}
-              <span class="p-category">{{ post.data.category }}</span>
+              <a href="/categories/{{ post.data.category | slugify }}/" class="p-category">{{ post.data.category }}</a>
               {% else %}
               {% for cat in post.data.category %}
-              <span class="p-category">{{ cat }}</span>
+              <a href="/categories/{{ cat | slugify }}/" class="p-category">{{ cat }}</a>
               {% endfor %}
               {% endif %}
             </span>