From f7bc5d9112ae2161385ac4224ff70bc8c888e608 Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Wed, 18 Feb 2026 12:02:49 +0100
Subject: [PATCH] feat: add posting frequency sparklines to all post type pages

Each collection page (articles, notes, photos, bookmarks, likes,
replies, reposts) now shows its own sparkline next to the heading,
showing that specific post type's frequency over the last 12 months.
---
 articles.njk  | 8 +++++++-
 bookmarks.njk | 8 +++++++-
 likes.njk     | 8 +++++++-
 notes.njk     | 8 +++++++-
 photos.njk    | 8 +++++++-
 replies.njk   | 8 +++++++-
 reposts.njk   | 8 +++++++-
 7 files changed, 49 insertions(+), 7 deletions(-)

diff --git a/articles.njk b/articles.njk
index 50b7d64..56e9ba9 100644
--- a/articles.njk
+++ b/articles.njk
@@ -10,7 +10,13 @@ pagination:
 permalink: "articles/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}"
 ---
 <div class="h-feed">
-  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Articles</h1>
+  <div class="flex flex-wrap items-center gap-4 mb-2">
+    <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100">Articles</h1>
+    {% set sparklineSvg = collections.articles | postingFrequency %}
+    {% if sparklineSvg %}
+    <span class="opacity-60 dark:opacity-40 text-surface-500 dark:text-surface-400">{{ sparklineSvg | safe }}</span>
+    {% endif %}
+  </div>
   <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
     Long-form posts and essays.
     <span class="text-sm">({{ collections.articles.length }} total)</span>
diff --git a/bookmarks.njk b/bookmarks.njk
index 3ed42a1..109da37 100644
--- a/bookmarks.njk
+++ b/bookmarks.njk
@@ -10,7 +10,13 @@ pagination:
 permalink: "bookmarks/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}"
 ---
 <div class="h-feed">
-  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Bookmarks</h1>
+  <div class="flex flex-wrap items-center gap-4 mb-2">
+    <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100">Bookmarks</h1>
+    {% set sparklineSvg = collections.bookmarks | postingFrequency %}
+    {% if sparklineSvg %}
+    <span class="opacity-60 dark:opacity-40 text-surface-500 dark:text-surface-400">{{ sparklineSvg | safe }}</span>
+    {% endif %}
+  </div>
   <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
     Links I've saved for later.
     <span class="text-sm">({{ collections.bookmarks.length }} total)</span>
diff --git a/likes.njk b/likes.njk
index 7e25572..08a561c 100644
--- a/likes.njk
+++ b/likes.njk
@@ -10,7 +10,13 @@ pagination:
 permalink: "likes/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}"
 ---
 <div class="h-feed">
-  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Likes</h1>
+  <div class="flex flex-wrap items-center gap-4 mb-2">
+    <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100">Likes</h1>
+    {% set sparklineSvg = collections.likes | postingFrequency %}
+    {% if sparklineSvg %}
+    <span class="opacity-60 dark:opacity-40 text-surface-500 dark:text-surface-400">{{ sparklineSvg | safe }}</span>
+    {% endif %}
+  </div>
   <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
     Content I've liked across the web.
     <span class="text-sm">({{ collections.likes.length }} total)</span>
diff --git a/notes.njk b/notes.njk
index 0723f0d..3c0d4be 100644
--- a/notes.njk
+++ b/notes.njk
@@ -10,7 +10,13 @@ pagination:
 permalink: "notes/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}"
 ---
 <div class="h-feed">
-  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Notes</h1>
+  <div class="flex flex-wrap items-center gap-4 mb-2">
+    <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100">Notes</h1>
+    {% set sparklineSvg = collections.notes | postingFrequency %}
+    {% if sparklineSvg %}
+    <span class="opacity-60 dark:opacity-40 text-surface-500 dark:text-surface-400">{{ sparklineSvg | safe }}</span>
+    {% endif %}
+  </div>
   <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
     Short thoughts, updates, and quick posts.
     <span class="text-sm">({{ collections.notes.length }} total)</span>
diff --git a/photos.njk b/photos.njk
index 9c9f53b..8d58f66 100644
--- a/photos.njk
+++ b/photos.njk
@@ -10,7 +10,13 @@ pagination:
 permalink: "photos/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}"
 ---
 <div class="h-feed">
-  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Photos</h1>
+  <div class="flex flex-wrap items-center gap-4 mb-2">
+    <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100">Photos</h1>
+    {% set sparklineSvg = collections.photos | postingFrequency %}
+    {% if sparklineSvg %}
+    <span class="opacity-60 dark:opacity-40 text-surface-500 dark:text-surface-400">{{ sparklineSvg | safe }}</span>
+    {% endif %}
+  </div>
   <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
     Photo posts and images.
     <span class="text-sm">({{ collections.photos.length }} total)</span>
diff --git a/replies.njk b/replies.njk
index 696e1bb..f127cc2 100644
--- a/replies.njk
+++ b/replies.njk
@@ -10,7 +10,13 @@ pagination:
 permalink: "replies/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}"
 ---
 <div class="h-feed">
-  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Replies</h1>
+  <div class="flex flex-wrap items-center gap-4 mb-2">
+    <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100">Replies</h1>
+    {% set sparklineSvg = collections.replies | postingFrequency %}
+    {% if sparklineSvg %}
+    <span class="opacity-60 dark:opacity-40 text-surface-500 dark:text-surface-400">{{ sparklineSvg | safe }}</span>
+    {% endif %}
+  </div>
   <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
     My responses to posts across the web.
     <span class="text-sm">({{ collections.replies.length }} total)</span>
diff --git a/reposts.njk b/reposts.njk
index 7162d86..7c3a1ab 100644
--- a/reposts.njk
+++ b/reposts.njk
@@ -10,7 +10,13 @@ pagination:
 permalink: "reposts/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumber + 1 }}/{% endif %}"
 ---
 <div class="h-feed">
-  <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100 mb-2">Reposts</h1>
+  <div class="flex flex-wrap items-center gap-4 mb-2">
+    <h1 class="text-2xl sm:text-3xl font-bold text-surface-900 dark:text-surface-100">Reposts</h1>
+    {% set sparklineSvg = collections.reposts | postingFrequency %}
+    {% if sparklineSvg %}
+    <span class="opacity-60 dark:opacity-40 text-surface-500 dark:text-surface-400">{{ sparklineSvg | safe }}</span>
+    {% endif %}
+  </div>
   <p class="text-surface-600 dark:text-surface-400 mb-6 sm:mb-8">
     Content I've shared from others.
     <span class="text-sm">({{ collections.reposts.length }} total)</span>