date for highlights

cv.json

@@ -20,11 +20,13 @@
       "description": [
         "Shaped telemetry direction across user behavior and performance.",
         "Designed and rolled out a custom OpenTelemetry-based tracing library to gain rich and reliable insights across multiple front-ends and back-end."
-      ]
+      ],
+      "date": "2024 – 2026"
     },
     {
       "title": "UI performance optimizations",
-      "description": "Tiered JS bundle dependency loading for shorter page load times."
+      "description": "Tiered JS bundle dependency loading for shorter page load times.",
+      "date": "2025 – 2026"
     }
   ],
   "outside_work": [

index.php

@@ -193,7 +193,7 @@ $cv_skills = $cvData['skills'] ?? [];
             <h2>Selected Work</h2>
             <?php foreach ($highlights as $h): ?>
                 <article class="highlight-item">
-                    <h3><?= $h['title'] ?? '' ?></h3>
+                    <h3><?= $h['title'] ?? '' ?><?php if ($h['date'] ?? ''): ?> <time class="highlight-date"><?= $h['date'] ?></time><?php endif; ?></h3>
                     <?php if ($h['description']): ?>
                         <?php if (is_array($h['description'])): ?>
                             <?php foreach ($h['description'] as $desc): ?>

style.css

@@ -233,6 +233,20 @@ body {
     opacity: 0.75;
     font-size: 0.9rem;
 }
+
+.highlight-item h3 {
+    display: flex;
+    align-items: baseline;
+    justify-content: space-between;
+    gap: 8px;
+}
+
+.highlight-date {
+    font-size: 0.85em;
+    color: rgba(0, 243, 255, 0.5);
+    font-weight: normal;
+    white-space: nowrap;
+}
 /**
  * Link pills – shared base
  */