From dacf819b99c3673714362496368bc176ebbc6aeb Mon Sep 17 00:00:00 2001
From: Ricardo <rick@rmendes.net>
Date: Sat, 7 Mar 2026 15:59:17 +0100
Subject: [PATCH] fix(dates): add font-mono text-sm to all <time> elements

System convention: every rendered date gets font-mono class.
CSS base layer handles font-family, but classes ensure consistency
and proper text-sm sizing across all templates.

Confab-Link: http://localhost:8080/sessions/0ec83454-d346-4329-8aaf-6b12139bf596
---
 _includes/components/cv-builder.njk           |  2 +-
 .../components/sections/cv-experience.njk     |  2 +-
 .../components/sections/featured-posts.njk    | 20 +++++++++----------
 .../components/sections/recent-posts.njk      | 18 ++++++++---------
 .../components/widgets/recent-posts-blog.njk  | 10 +++++-----
 _includes/components/widgets/recent-posts.njk | 10 +++++-----
 .../components/widgets/social-activity.njk    |  4 ++--
 _includes/layouts/post.njk                    |  2 +-
 articles.njk                                  |  2 +-
 bookmarks.njk                                 |  2 +-
 categories.njk                                |  2 +-
 cv.njk                                        |  2 +-
 likes.njk                                     |  2 +-
 notes.njk                                     |  2 +-
 replies.njk                                   |  2 +-
 15 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/_includes/components/cv-builder.njk b/_includes/components/cv-builder.njk
index 3699f73..8e62d2d 100644
--- a/_includes/components/cv-builder.njk
+++ b/_includes/components/cv-builder.njk
@@ -161,7 +161,7 @@
 {# Last Updated #}
 {% if cv.lastUpdated %}
 <p class="text-sm text-surface-500 text-center mt-8">
-  Last updated: <time datetime="{{ cv.lastUpdated }}">{{ cv.lastUpdated | date("PPP") }}</time>
+  Last updated: <time class="font-mono text-sm" datetime="{{ cv.lastUpdated }}">{{ cv.lastUpdated | date("PPP") }}</time>
 </p>
 {% endif %}
 
diff --git a/_includes/components/sections/cv-experience.njk b/_includes/components/sections/cv-experience.njk
index b9ad71d..03c3761 100644
--- a/_includes/components/sections/cv-experience.njk
+++ b/_includes/components/sections/cv-experience.njk
@@ -24,7 +24,7 @@
         {% if item.type %} &middot; <span class="capitalize">{{ item.type }}</span>{% endif %}
       </p>
       {% if item.startDate %}
-      <p class="text-xs text-surface-500 mt-0.5">
+      <p class="text-xs text-surface-500 mt-0.5 font-mono">
         {{ item.startDate }}{% if item.endDate %} – {{ item.endDate }}{% else %} – Present{% endif %}
       </p>
       {% endif %}
diff --git a/_includes/components/sections/featured-posts.njk b/_includes/components/sections/featured-posts.njk
index 730fdbe..962385f 100644
--- a/_includes/components/sections/featured-posts.njk
+++ b/_includes/components/sections/featured-posts.njk
@@ -42,7 +42,7 @@
         {% set borderClass = "border-l-[3px] border-l-surface-300 dark:border-l-surface-600" %}
       {% endif %}
 
-    <article class="h-entry p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 hover:border-surface-400 dark:hover:border-surface-500 transition-colors {{ borderClass }}">
+    <article class="h-entry p-4 bg-surface-50 dark:bg-surface-800 rounded-lg border border-surface-200 dark:border-surface-700 hover:border-accent-400 dark:hover:border-accent-600 transition-colors {{ borderClass }}">
 
       {% if likedUrl %}
       {# ── Like card ── #}
@@ -55,7 +55,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-red-600 dark:text-red-400">Liked</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -83,7 +83,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-amber-600 dark:text-amber-400">Bookmarked</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -116,7 +116,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-green-600 dark:text-green-400">Reposted</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -144,7 +144,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-sky-600 dark:text-sky-400">In reply to</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -173,7 +173,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-purple-600 dark:text-purple-400">Photo</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -210,11 +210,11 @@
       </p>
       {% endif %}
       <div class="flex items-center gap-3 text-xs text-surface-500">
-        <time class="dt-published" datetime="{{ post.date | isoDate }}">
+        <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
           {{ post.date | dateDisplay }}
         </time>
         {% if post.data.postType %}
-        <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded">
+        <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded-full">
           {{ post.data.postType }}
         </span>
         {% endif %}
@@ -224,12 +224,12 @@
       {# ── Note card ── #}
       <div class="flex items-center gap-3 text-xs text-surface-500 mb-2">
         <a class="u-url" href="{{ post.url }}">
-          <time class="dt-published font-medium text-surface-500 dark:text-surface-400" datetime="{{ post.date | isoDate }}">
+          <time class="dt-published font-medium font-mono text-surface-500 dark:text-surface-400" datetime="{{ post.date | isoDate }}">
             {{ post.date | dateDisplay }}
           </time>
         </a>
         {% if post.data.postType %}
-        <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded">
+        <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded-full">
           {{ post.data.postType }}
         </span>
         {% endif %}
diff --git a/_includes/components/sections/recent-posts.njk b/_includes/components/sections/recent-posts.njk
index 6c89b14..16a045e 100644
--- a/_includes/components/sections/recent-posts.njk
+++ b/_includes/components/sections/recent-posts.njk
@@ -52,7 +52,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-red-600 dark:text-red-400">Liked</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -80,7 +80,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-amber-600 dark:text-amber-400">Bookmarked</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -113,7 +113,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-green-600 dark:text-green-400">Reposted</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -141,7 +141,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-sky-600 dark:text-sky-400">In reply to</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -170,7 +170,7 @@
         <div class="flex-1 min-w-0">
           <div class="flex items-center gap-3 text-xs text-surface-500">
             <span class="font-medium text-purple-600 dark:text-purple-400">Photo</span>
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
           </div>
@@ -207,11 +207,11 @@
       </p>
       {% endif %}
       <div class="flex items-center gap-3 text-xs text-surface-500">
-        <time class="dt-published" datetime="{{ post.date | isoDate }}">
+        <time class="dt-published font-mono" datetime="{{ post.date | isoDate }}">
           {{ post.date | dateDisplay }}
         </time>
         {% if post.data.postType %}
-        <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded">
+        <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded-full">
           {{ post.data.postType }}
         </span>
         {% endif %}
@@ -221,12 +221,12 @@
       {# ── Note card ── #}
       <div class="flex items-center gap-3 text-xs text-surface-500 mb-2">
         <a class="u-url" href="{{ post.url }}">
-          <time class="dt-published font-medium text-surface-500 dark:text-surface-400" datetime="{{ post.date | isoDate }}">
+          <time class="dt-published font-medium font-mono text-surface-500 dark:text-surface-400" datetime="{{ post.date | isoDate }}">
             {{ post.date | dateDisplay }}
           </time>
         </a>
         {% if post.data.postType %}
-        <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded">
+        <span class="px-2 py-0.5 bg-surface-100 dark:bg-surface-700 rounded-full">
           {{ post.data.postType }}
         </span>
         {% endif %}
diff --git a/_includes/components/widgets/recent-posts-blog.njk b/_includes/components/widgets/recent-posts-blog.njk
index af6e224..075f783 100644
--- a/_includes/components/widgets/recent-posts-blog.njk
+++ b/_includes/components/widgets/recent-posts-blog.njk
@@ -20,7 +20,7 @@
           <a href="{{ post.url }}" class="text-sm text-accent-600 dark:text-accent-400 hover:underline line-clamp-1">
             Liked {{ _likedUrl | replace("https://", "") | truncate(40) }}
           </a>
-          <time class="text-xs text-surface-500 block" datetime="{{ post.data.published or post.date }}">
+          <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published or post.date }}">
             {{ (post.data.published or post.date) | dateDisplay }}
           </time>
         </div>
@@ -33,7 +33,7 @@
           <a href="{{ post.url }}" class="text-sm text-accent-600 dark:text-accent-400 hover:underline line-clamp-1">
             {{ post.data.title or ("Bookmarked " + (_bookmarkedUrl | replace("https://", "") | truncate(35))) }}
           </a>
-          <time class="text-xs text-surface-500 block" datetime="{{ post.data.published or post.date }}">
+          <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published or post.date }}">
             {{ (post.data.published or post.date) | dateDisplay }}
           </time>
         </div>
@@ -46,7 +46,7 @@
           <a href="{{ post.url }}" class="text-sm text-accent-600 dark:text-accent-400 hover:underline line-clamp-1">
             Reposted {{ _repostedUrl | replace("https://", "") | truncate(40) }}
           </a>
-          <time class="text-xs text-surface-500 block" datetime="{{ post.data.published or post.date }}">
+          <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published or post.date }}">
             {{ (post.data.published or post.date) | dateDisplay }}
           </time>
         </div>
@@ -59,7 +59,7 @@
           <a href="{{ post.url }}" class="text-sm text-sky-600 dark:text-sky-400 hover:underline line-clamp-1">
             Reply to {{ _replyToUrl | replace("https://", "") | truncate(40) }}
           </a>
-          <time class="text-xs text-surface-500 block" datetime="{{ post.data.published or post.date }}">
+          <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published or post.date }}">
             {{ (post.data.published or post.date) | dateDisplay }}
           </time>
         </div>
@@ -69,7 +69,7 @@
       <a href="{{ post.url }}" class="text-sm text-accent-600 dark:text-accent-400 hover:underline line-clamp-2">
         {{ post.data.title or post.data.name or (post.templateContent | striptags | truncate(50)) or "Note" }}
       </a>
-      <time class="text-xs text-surface-500 block" datetime="{{ post.data.published or post.date }}">
+      <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published or post.date }}">
         {{ (post.data.published or post.date) | dateDisplay }}
       </time>
       {% endif %}
diff --git a/_includes/components/widgets/recent-posts.njk b/_includes/components/widgets/recent-posts.njk
index 7fef78d..d0447b0 100644
--- a/_includes/components/widgets/recent-posts.njk
+++ b/_includes/components/widgets/recent-posts.njk
@@ -22,7 +22,7 @@
           <a href="{{ post.url }}" class="text-sm text-accent-600 dark:text-accent-400 hover:underline break-all line-clamp-1">
             Liked {{ likedUrl | replace("https://", "") | truncate(40) }}
           </a>
-          <time class="text-xs text-surface-500 block" datetime="{{ post.data.published }}">
+          <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published }}">
             {{ (post.data.published or post.date) | dateDisplay }}
           </time>
         </div>
@@ -37,7 +37,7 @@
           <a href="{{ post.url }}" class="text-sm text-accent-600 dark:text-accent-400 hover:underline line-clamp-1">
             {{ post.data.title or ("Bookmarked " + (bookmarkedUrl | replace("https://", "") | truncate(35))) }}
           </a>
-          <time class="text-xs text-surface-500 block" datetime="{{ post.data.published }}">
+          <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published }}">
             {{ (post.data.published or post.date) | dateDisplay }}
           </time>
         </div>
@@ -52,7 +52,7 @@
           <a href="{{ post.url }}" class="text-sm text-accent-600 dark:text-accent-400 hover:underline break-all line-clamp-1">
             Reposted {{ repostedUrl | replace("https://", "") | truncate(40) }}
           </a>
-          <time class="text-xs text-surface-500 block" datetime="{{ post.data.published }}">
+          <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published }}">
             {{ (post.data.published or post.date) | dateDisplay }}
           </time>
         </div>
@@ -67,7 +67,7 @@
           <a href="{{ post.url }}" class="text-sm text-sky-600 dark:text-sky-400 hover:underline break-all line-clamp-1">
             Reply to {{ replyToUrl | replace("https://", "") | truncate(40) }}
           </a>
-          <time class="text-xs text-surface-500 block" datetime="{{ post.data.published }}">
+          <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published }}">
             {{ (post.data.published or post.date) | dateDisplay }}
           </time>
         </div>
@@ -78,7 +78,7 @@
       <a href="{{ post.url }}" class="text-sm text-accent-600 dark:text-accent-400 hover:underline line-clamp-1">
         {{ post.data.title or post.data.name or (post.templateContent | striptags | truncate(50)) or "Note" }}
       </a>
-      <time class="text-xs text-surface-500 block" datetime="{{ post.data.published }}">
+      <time class="text-xs text-surface-500 block font-mono" datetime="{{ post.data.published }}">
         {{ (post.data.published or post.date) | dateDisplay }}
       </time>
       {% endif %}
diff --git a/_includes/components/widgets/social-activity.njk b/_includes/components/widgets/social-activity.njk
index 21910a5..d410324 100644
--- a/_includes/components/widgets/social-activity.njk
+++ b/_includes/components/widgets/social-activity.njk
@@ -43,7 +43,7 @@
             {{ post.text | truncate(140) }}
           </p>
           <div class="flex items-center gap-3 mt-2 text-xs text-surface-500">
-            <time datetime="{{ post.createdAt }}">{{ post.createdAt | date("MMM d, yyyy") }}</time>
+            <time class="font-mono" datetime="{{ post.createdAt }}">{{ post.createdAt | date("MMM d, yyyy") }}</time>
             {% if post.likeCount > 0 %}
             <span class="flex items-center gap-1">
               <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z"/></svg>
@@ -73,7 +73,7 @@
             {{ post.text | truncate(140) }}
           </p>
           <div class="flex items-center gap-3 mt-2 text-xs text-surface-500">
-            <time datetime="{{ post.createdAt }}">{{ post.createdAt | date("MMM d, yyyy") }}</time>
+            <time class="font-mono" datetime="{{ post.createdAt }}">{{ post.createdAt | date("MMM d, yyyy") }}</time>
             {% if post.favouritesCount > 0 %}
             <span class="flex items-center gap-1">
               <svg class="w-3 h-3" fill="currentColor" viewBox="0 0 24 24"><path d="M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z"/></svg>
diff --git a/_includes/layouts/post.njk b/_includes/layouts/post.njk
index 92a22f2..c19b505 100644
--- a/_includes/layouts/post.njk
+++ b/_includes/layouts/post.njk
@@ -20,7 +20,7 @@ withBlogSidebar: true
   {% endif %}
 
   <div class="post-meta mb-4 sm:mb-6">
-    <time-difference><time class="dt-published" datetime="{{ date.toISOString() }}">
+    <time-difference><time class="dt-published font-mono text-sm" datetime="{{ date.toISOString() }}">
       {{ date | dateDisplay }}
     </time></time-difference>
     {% if category %}
diff --git a/articles.njk b/articles.njk
index 5b6f2bb..caa3e48 100644
--- a/articles.njk
+++ b/articles.njk
@@ -34,7 +34,7 @@ permalink: "articles/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNu
         </h2>
       </div>
       <div class="post-meta mt-2">
-        <time class="dt-published" datetime="{{ post.date | isoDate }}">
+        <time class="dt-published font-mono text-sm" datetime="{{ post.date | isoDate }}">
           {{ post.date | dateDisplay }}
         </time>
         {% if post.data.category %}
diff --git a/bookmarks.njk b/bookmarks.njk
index 0feb73e..06b8968 100644
--- a/bookmarks.njk
+++ b/bookmarks.njk
@@ -36,7 +36,7 @@ permalink: "bookmarks/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageN
         {% endif %}
       </div>
       <div class="post-meta mt-2">
-        <time class="dt-published" datetime="{{ post.date | isoDate }}">
+        <time class="dt-published font-mono text-sm" datetime="{{ post.date | isoDate }}">
           {{ post.date | dateDisplay }}
         </time>
         {% if post.data.category %}
diff --git a/categories.njk b/categories.njk
index 4407b5a..05efbdc 100644
--- a/categories.njk
+++ b/categories.njk
@@ -60,7 +60,7 @@ eleventyComputed:
         </h2>
       </div>
       <div class="post-meta mt-2">
-        <time class="dt-published" datetime="{{ post.date | isoDate }}">
+        <time class="dt-published font-mono text-sm" datetime="{{ post.date | isoDate }}">
           {{ post.date | dateDisplay }}
         </time>
         <span class="post-type">{{ postType }}</span>
diff --git a/cv.njk b/cv.njk
index afb1116..729a2c8 100644
--- a/cv.njk
+++ b/cv.njk
@@ -127,7 +127,7 @@ pagefindIgnore: true
     {# Last Updated #}
     {% if cv.lastUpdated %}
     <p class="text-sm text-surface-500 text-center mt-8">
-      Last updated: <time datetime="{{ cv.lastUpdated }}">{{ cv.lastUpdated | date("PPP") }}</time>
+      Last updated: <time class="font-mono text-sm" datetime="{{ cv.lastUpdated }}">{{ cv.lastUpdated | date("PPP") }}</time>
     </p>
     {% endif %}
 
diff --git a/likes.njk b/likes.njk
index 5416086..e1978ad 100644
--- a/likes.njk
+++ b/likes.njk
@@ -34,7 +34,7 @@ permalink: "likes/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumbe
         </div>
         <div class="flex-1 min-w-0">
           <div class="post-meta">
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono text-sm" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
             {% if post.data.category %}
diff --git a/notes.njk b/notes.njk
index 646d757..41824f7 100644
--- a/notes.njk
+++ b/notes.njk
@@ -28,7 +28,7 @@ permalink: "notes/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNumbe
     <li class="h-entry post-card border-l-[3px] border-l-surface-300 dark:border-l-surface-600">
       <div class="post-header">
         <a class="u-url" href="{{ post.url }}">
-          <time class="dt-published text-sm text-surface-500 dark:text-surface-400 font-medium" datetime="{{ post.date | isoDate }}">
+          <time class="dt-published text-sm text-surface-500 dark:text-surface-400 font-medium font-mono" datetime="{{ post.date | isoDate }}">
             {{ post.date | dateDisplay }}
           </time>
         </a>
diff --git a/replies.njk b/replies.njk
index 48666de..ed35ca3 100644
--- a/replies.njk
+++ b/replies.njk
@@ -39,7 +39,7 @@ permalink: "replies/{% if pagination.pageNumber > 0 %}page/{{ pagination.pageNum
           </h2>
           {% endif %}
           <div class="post-meta">
-            <time class="dt-published" datetime="{{ post.date | isoDate }}">
+            <time class="dt-published font-mono text-sm" datetime="{{ post.date | isoDate }}">
               {{ post.date | dateDisplay }}
             </time>
             {% if post.data.category %}