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

@@ -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 %}
 

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

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

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

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

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

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

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

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 %}

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 %}

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>

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 %}
 

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 %}

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>

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 %}