♿ date on all pages

static/js/comic-nav.js

@@ -92,7 +92,7 @@
         }
 
         // Update navigation buttons
-        updateNavButtons(comic.number);
+        updateNavButtons(comic.number, comic.formatted_date);
 
         // Update page title
         document.title = `${title} - Sunday Comics`;
@@ -126,7 +126,7 @@
     }
 
     // Update navigation button states
-    function updateNavButtons(currentNumber) {
+    function updateNavButtons(currentNumber, formattedDate) {
         const navButtons = document.querySelector('.nav-buttons');
 
         // First button
@@ -149,8 +149,10 @@
             prevBtn.onclick = null;
         }
 
-        // Comic number display
-        navButtons.children[2].textContent = `Comic #${currentNumber}`;
+        // Comic date display
+        if (formattedDate) {
+            navButtons.children[2].textContent = formattedDate;
+        }
 
         // Next button
         const nextBtn = navButtons.children[3];
@@ -187,7 +189,10 @@
         const currentNumber = parseInt(document.querySelector('.comic-container').dataset.comicNumber || 0);
 
         if (currentNumber && totalComics) {
-            updateNavButtons(currentNumber);
+            // Get the formatted date from the DOM (already rendered by server)
+            const dateDisplay = document.querySelector('.comic-date-display');
+            const formattedDate = dateDisplay ? dateDisplay.textContent : null;
+            updateNavButtons(currentNumber, formattedDate);
             updateComicImageLink(currentNumber);
         }