improved index.js to reduce its bloat

Author: bengarrett

assets/js/index.js

@@ -8,55 +8,21 @@ document.addEventListener('DOMContentLoaded', function () {
   if (milestoneModal) {
     milestoneModal.addEventListener('show.bs.modal', function (event) {
       var triggerElement = event.relatedTarget;
-
-      // Check if this is a milestone link with data-milestone-id attribute
       var milestoneId = triggerElement.getAttribute('data-milestone-id');
+      var col = milestoneId ? document.getElementById(milestoneId)?.closest('.col') : triggerElement.closest('.col');
 
-      if (milestoneId) {
-        // This is a milestone link - find the anchor with matching ID
-        var anchor = document.getElementById(milestoneId);
-        if (anchor) {
-          var col = anchor.closest('.col');
-          if (col) {
-            var colClone = col.cloneNode(true);
-            // title - use button text
-            var buttonText = triggerElement.textContent.trim();
-            document.getElementById('milestoneModalLabel').textContent =
-              buttonText || 'Milestone Details';
-            // content
-            var modalBody = document.getElementById('milestoneModalBody');
-            modalBody.innerHTML = '';
-            modalBody.appendChild(colClone);
-            // cleanup duplicate header
-            var headerInClone = colClone.querySelector('.card-header');
-            if (headerInClone) {
-              headerInClone.remove();
-            }
-            return; // Found and processed the milestone
-          }
-        }
-      } else {
-        // This is a direct milestone button click - use original logic
-        var col = triggerElement.closest('.col');
-        if (col) {
-          var colClone = col.cloneNode(true);
-          // title - use button text
-          var buttonText = triggerElement.textContent.trim();
-          document.getElementById('milestoneModalLabel').textContent =
-            buttonText || 'Milestone Details';
-          // content
-          var modalBody = document.getElementById('milestoneModalBody');
-          modalBody.innerHTML = '';
-          modalBody.appendChild(colClone);
-          // cleanup duplicate header
-          var headerInClone = colClone.querySelector('.card-header');
-          if (headerInClone) {
-            headerInClone.remove();
-          }
-        }
+      if (col) {
+        var colClone = col.cloneNode(true);
+        var buttonText = triggerElement.textContent.trim();
+        document.getElementById('milestoneModalLabel').textContent = buttonText || 'Milestone Details';
+        var modalBody = document.getElementById('milestoneModalBody');
+        modalBody.innerHTML = '';
+        modalBody.appendChild(colClone);
+        var headerInClone = colClone.querySelector('.card-header');
+        if (headerInClone) headerInClone.remove();
       }
     });
-    // clear content when modal closes
+
     milestoneModal.addEventListener('hidden.bs.modal', function () {
       document.getElementById('milestoneModalLabel').textContent = '';
       document.getElementById('milestoneModalBody').innerHTML = '';

public/js/index.min.js

@@ -7,10 +7,19 @@
 {{- $padding := "p-0 m-0 px-5 pb-1" }}
 <h4 class="index-section-header index-section-header-alt">Early-Mid 2026</h4>
 <div class="index-intro-section index-intro-section-alt">
+<p>
   Added comprehensive support for PCBoard files. While these have always existed on the site, they can now be filtered and viewed on their own pages - 
   either as a <a href="/files/pcboard">PCBoard&nbsp;collection</a>, as <a href="/files/pcboard-ppe">PPE&nbsp;tools</a> and applications, 
   or as <a href="/files/pcboard-text">color&nbsp;text&nbsp;files</a> using <code>@X</code> codes. 
   Finally, these <code>@X</code> codes are now rendered as colored text in the <em>readme or information text</em> sections.
+</p>
+<p>
+  The user-interface of the <a href="/">Intertwined milestones of the PC industry and the Scene</a> has been improved.
+  Clicking either the highlight buttons or the milestone dates will pop up a modal with the content for easier readability. 
+</p>
+<p>
+  And finally, a long requested feature, <a href="/api">we can offer</a> a RESTful API in JSON.
+</p>
 </div>
 <h4 class="index-section-header index-section-header-alt">Early 2026</h4>
 <div class="index-intro-section index-intro-section-alt">