changies

static/custom.css

@@ -125,3 +125,60 @@ h2 {
     line-height: 1.5rem;
     text-align: center;
 }
+
+h3, h4, h5 {
+    text-align: center;
+}
+
+#table-of-contents {
+    display: none;
+}
+
+.done.YES, .todo.NO, .done.EXCELLENT, .done.FREED {
+    display: none;
+}
+
+h2:has(.done.YES), h3:has(.done.YES), h4:has(.done.YES), h5:has(.done.YES), .grid.YES {
+    color: var(--green3);
+}
+
+h2:has(.todo.NO), h3:has(.todo.NO), h4:has(.todo.NO), h5:has(.todo.NO), .grid.NO {
+    color: var(--red3);
+}
+
+h2:has(.done.EXCELLENT), h3:has(.done.EXCELLENT), h4:has(.done.EXCELLENT), h5:has(.done.EXCELLENT), .grid.EXCELLENT {
+    color: var(--blue3);
+}
+
+h2:has(.done.FREED), h3:has(.done.FREED), h4:has(.done.FREED), h5:has(.done.FREED), .grid.FREED {
+    color: var(--purpl3);
+}
+
+.tag { display: none; }
+
+.habit-cell {
+      text-align: center;
+      vertical-align: middle;
+      width: 20px;
+      height: 10px;
+      cursor: pointer;
+      user-select: none;
+}
+
+
+.habit-cell.habit-brightness-1 { color: var(--grey5); outline-color: var(--grey5) !important; }
+.habit-cell.habit-brightness-2 { color: var(--grey5); outline-color: var(--grey5) !important; }
+.habit-cell.habit-brightness-3 { color: var(--grey5); outline-color: var(--grey5) !important; }
+.habit-cell.habit-brightness-4 { color: var(--grey2); outline-color: var(--grey5) !important; }
+.habit-cell.habit-brightness-5 { color: var(--grey3); outline-color: var(--grey5) !important; }
+
+.habit-cell:not([data-body=""]) {
+    outline: dotted 2px;
+    outline-offset: -2px;
+}
+.habitgrid-selected {
+    outline: solid 2px var(--purple5) !important;
+    outline-offset: -2px;
+}
+
+.section-number-1, .section-number-2, .section-number-3, .section-number-4 { display: none; }

static/esquemadorg.js

@@ -267,6 +267,11 @@ function enable_global_outlining() {
 
 	});
 
+    $(".tag").each(function(){
+        hideForOrg_whenclicked($(this).parent());
+        console.log("DSFDFS")
+    })
+
 	// the page is now ready to be used
 
 }
@@ -274,5 +279,3 @@ function enable_global_outlining() {
 // Code starts here
 
 $(document).ready(enable_global_outlining);
-
-

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;
+}