changies

static/footnote.js

@@ -46,3 +46,36 @@ document.addEventListener('DOMContentLoaded', function() {
   // Hide footnotes section
   document.querySelector("#footnotes").style.display='none'
 });
+
+function formatDayOfYear(dayOfYear, year) {
+  const date = new Date(year, 0, dayOfYear);
+
+  return date.toLocaleDateString('en-GB', {
+    day: 'numeric',
+    month: 'short',
+    year: 'numeric'
+  });
+}
+
+let selectedCell = null;
+
+function showHabitPopup(cell) {
+  var bodyHtml = cell.getAttribute('data-body');
+  var doy = cell.getAttribute('data-doy');
+  var activity = cell.getAttribute('data-activity');
+  var status = cell.getAttribute('data-status');
+  activity = activity.replace(/^dailies-/, '').replace(/^./, c => c.toUpperCase())
+
+  if (!bodyHtml) bodyHtml = "<span class='center'><i>This section intentionally left blank.</i></span>"
+
+  bodyHtml = `<h3><span class="grid ${status}">${activity}</span> — ${formatDayOfYear(parseInt(doy), 2025)}</h3> ${bodyHtml}`
+
+  document.getElementById('habitPopupContent').innerHTML = bodyHtml;
+
+  if (selectedCell) {
+    selectedCell.classList.remove('habitgrid-selected');
+  }
+
+  cell.classList.add('habitgrid-selected');
+  selectedCell = cell;
+}