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>

_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>

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>

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>

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>

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>

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>

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>

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>

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>