jekyll-theme-zer0 1.29.0 → 1.30.0

data/_includes/components/config-viewer.html

@@ -1,4 +1,4 @@
-<!--
+{% comment %}
   ===================================================================
   CONFIG VIEWER — Accordion-based live configuration browser
   ===================================================================
@@ -12,9 +12,9 @@
   Dependencies: Bootstrap 5.3, assets/js/config-utility.js
   Data source: site.* variables (Liquid at build time)
   ===================================================================
--->
+{% endcomment %}
 
-<!-- ── Search bar ─────────────────────────────────────────────────── -->
+{% comment %} ── Search bar ─────────────────────────────────────────────────── {% endcomment %}
 <div class="input-group mb-3">
   <span class="input-group-text"><i class="bi bi-search"></i></span>
   <input type="text" class="form-control" id="cfg-search"
@@ -24,7 +24,7 @@
   </button>
 </div>
 
-<!-- ── Toolbar ─────────────────────────────────────────────────────── -->
+{% comment %} ── Toolbar ─────────────────────────────────────────────────────── {% endcomment %}
 <div class="d-flex justify-content-between align-items-center mb-3">
   <div class="btn-group btn-group-sm" role="group">
     <button class="btn btn-outline-secondary" id="cfg-expand-all" title="Expand all sections">
@@ -39,7 +39,7 @@
   </button>
 </div>
 
-<!-- ── Accordion ───────────────────────────────────────────────────── -->
+{% comment %} ── Accordion ───────────────────────────────────────────────────── {% endcomment %}
 <div class="accordion" id="configAccordion">
 
   {% comment %} ──────────── Section: Site Identity ──────────── {% endcomment %}
@@ -473,7 +473,7 @@
   </div>
   {% endif %}
 
-</div><!-- /configAccordion -->
+</div>{% comment %} /configAccordion {% endcomment %}
 
-<!-- ── Hidden full YAML for copy-all (populated by parent page) ──── -->
-<!-- The parent page must render: <pre id="cfg-full-yaml" class="d-none">…</pre> -->
+{% comment %} ── Hidden full YAML for copy-all (populated by parent page) ──── {% endcomment %}
+{% comment %} The parent page must render: <pre id="cfg-full-yaml" class="d-none">…</pre> {% endcomment %}

data/_includes/components/cookie-consent.html

@@ -1,5 +1,5 @@
 {% comment %} Feature: ZER0-007 {% endcomment %}
-<!--
+{% comment %}
   ===================================================================
   COOKIE CONSENT - GDPR/CCPA Compliant Privacy Management
   ===================================================================
@@ -33,7 +33,7 @@
   - High contrast design for visibility
   - Semantic HTML structure
   ===================================================================
--->
+{% endcomment %}
 
 {% comment %}
 Cookie Consent Banner for Zer0-Mistakes Jekyll Theme
@@ -84,7 +84,7 @@ Configuration: Uses site.posthog settings from _config.yml
   </div>
 </div>
 
-<!-- Cookie Settings Modal -->
+{% comment %} Cookie Settings Modal {% endcomment %}
 <div class="modal fade" id="cookieSettingsModal" tabindex="-1" aria-labelledby="cookieSettingsModalLabel" aria-hidden="true">
   <div class="modal-dialog modal-lg">
     <div class="modal-content">
@@ -102,10 +102,10 @@ Configuration: Uses site.posthog settings from _config.yml
         
         <div class="cookie-category mb-4">
           <div class="d-flex justify-content-between align-items-center mb-2">
-            <h6 class="mb-0">
+            <h3 class="h6 mb-0">
               <i class="bi bi-shield-fill-check text-success me-2"></i>
               Essential Cookies
-            </h6>
+            </h3>
             <span class="badge bg-success">Always Active</span>
           </div>
           <p class="small text-muted mb-0">
@@ -115,10 +115,10 @@ Configuration: Uses site.posthog settings from _config.yml
 
         <div class="cookie-category mb-4">
           <div class="d-flex justify-content-between align-items-center mb-2">
-            <h6 class="mb-0">
+            <h3 class="h6 mb-0">
               <i class="bi bi-graph-up me-2"></i>
               Analytics Cookies
-            </h6>
+            </h3>
             <div class="form-check form-switch">
               <input class="form-check-input" type="checkbox" id="analyticsCookies" checked>
               <label class="form-check-label" for="analyticsCookies">Enable</label>
@@ -138,10 +138,10 @@ Configuration: Uses site.posthog settings from _config.yml
 
         <div class="cookie-category mb-4">
           <div class="d-flex justify-content-between align-items-center mb-2">
-            <h6 class="mb-0">
+            <h3 class="h6 mb-0">
               <i class="bi bi-megaphone me-2"></i>
               Marketing Cookies
-            </h6>
+            </h3>
             <div class="form-check form-switch">
               <input class="form-check-input" type="checkbox" id="marketingCookies">
               <label class="form-check-label" for="marketingCookies">Enable</label>
@@ -156,10 +156,10 @@ Configuration: Uses site.posthog settings from _config.yml
         </div>
 
         <div class="bg-body p-3 rounded">
-          <h6 class="text-body mb-2">
+          <h3 class="h6 text-body mb-2">
             <i class="bi bi-info-circle me-2"></i>
             Your Privacy Rights
-          </h6>
+          </h3>
           <ul class="small text-body mb-0 ps-3">
             <li>You can withdraw consent at any time by updating your cookie preferences</li>
             <li>Essential cookies cannot be disabled as they are necessary for site functionality</li>

data/_includes/components/cta-button.html

@@ -8,7 +8,11 @@
   Parameters
     include.label    (string) — visible button text (required)
     include.url      (string) — destination URL (required)
-    include.variant  (string) — `primary` | `secondary` | `outline` | `light` (default: `primary`)
+    include.variant  (string) — `primary` | `secondary` | `outline` | `outline-light`
+                                | `light` (default: `primary`). `outline` is an
+                                outlined PRIMARY button, readable on the normal
+                                page background; use `outline-light` only on a
+                                dark/inverse surface, where white-on-dark works.
     include.size     (string) — `sm` | `md` (default) | `lg`
     include.icon     (string) — Bootstrap Icon class (optional)
     include.external (bool)   — opens in new tab with rel=noopener (default: false)
@@ -24,7 +28,8 @@
 {%- case variant -%}
   {%- when "primary"   -%}{%- assign btn_class = "btn-primary" -%}
   {%- when "secondary" -%}{%- assign btn_class = "btn-secondary" -%}
-  {%- when "outline"   -%}{%- assign btn_class = "btn-outline-light" -%}
+  {%- when "outline"   -%}{%- assign btn_class = "btn-outline-primary" -%}
+  {%- when "outline-light" -%}{%- assign btn_class = "btn-outline-light" -%}
   {%- when "light"     -%}{%- assign btn_class = "btn-light" -%}
   {%- else             -%}{%- assign btn_class = "btn-primary" -%}
 {%- endcase -%}

data/_includes/components/dev-shortcuts.html

@@ -1,5 +1,5 @@
 {% comment %} Feature: ZER0-077 {% endcomment %}
-<!--
+{% comment %}
   ===================================================================
   DEV SHORTCUTS - Source Code Quick Access Links
   ===================================================================
@@ -13,7 +13,7 @@
   - page.collection, page.path
   - is_production (from env-detect.html in info-section.html) — vscode:// link only when not production
   ===================================================================
--->
+{% endcomment %}
 
 {% comment %} Determine page directory for collections (same segments as GitHub blob links) {% endcomment %}
 {% if page.collection %}
@@ -39,10 +39,10 @@
        https://github.com//blob//path → 404). {% endcomment %}
     {% if site.repository and site.branch %}
 
-    <!-- Button Group (section title is the parent h6 in info-section.html) -->
+    {% comment %} Button Group (section title is the parent h6 in info-section.html) {% endcomment %}
     <div class="btn-group-vertical" role="group" aria-label="Source code shortcuts">
 
-      <!-- View on GitHub -->
+      {% comment %} View on GitHub {% endcomment %}
       <a href="https://github.com/{{ site.repository }}/blob/{{ site.branch }}/{{ rel_site_path }}"
          target="_blank"
          rel="noopener"
@@ -55,7 +55,7 @@
         <i class="bi bi-box-arrow-up-right text-body-secondary small"></i>
       </a>
 
-      <!-- Edit in GitHub.dev -->
+      {% comment %} Edit in GitHub.dev {% endcomment %}
       <a href="https://github.dev/{{ site.repository }}/blob/{{ site.branch }}/{{ rel_site_path }}"
          target="_blank"
          rel="noopener"
@@ -85,14 +85,14 @@
 
     </div>
 
-    <!-- Config Links -->
+    {% comment %} Config Links {% endcomment %}
     <small class="text-body-secondary fw-medium text-uppercase mt-2">
       <i class="bi bi-sliders me-1"></i>Configuration
     </small>
 
     <div class="btn-group-vertical" role="group" aria-label="Configuration shortcuts">
 
-      <!-- Site Config -->
+      {% comment %} Site Config {% endcomment %}
       <a href="https://github.com/{{ site.repository }}/blob/{{ site.branch }}/_config.yml"
          target="_blank"
          rel="noopener"

data/_includes/components/env-dashboard.html

@@ -1,4 +1,4 @@
-<!--
+{% comment %}
   ===================================================================
   ENV DASHBOARD — Full environment and build information
   ===================================================================
@@ -12,9 +12,9 @@
   Dependencies: Bootstrap 5 card/table, Jekyll variables
   Used by: pages/_about/settings/environment.md
   ===================================================================
--->
+{% endcomment %}
 
-<!-- Environment Overview Cards -->
+{% comment %} Environment Overview Cards {% endcomment %}
 <div class="row g-3 mb-4">
   <div class="col-6 col-lg-3">
     <div class="card text-center h-100 border-primary">
@@ -56,7 +56,7 @@
 
 <div class="row g-4">
 
-  <!-- Site Configuration -->
+  {% comment %} Site Configuration {% endcomment %}
   <div class="col-lg-6">
     <div class="card h-100">
       <div class="card-header"><i class="bi bi-globe me-1"></i> Site Configuration</div>
@@ -76,7 +76,7 @@
     </div>
   </div>
 
-  <!-- Theme & Repository Info -->
+  {% comment %} Theme & Repository Info {% endcomment %}
   <div class="col-lg-6">
     <div class="card h-100">
       <div class="card-header"><i class="bi bi-palette me-1"></i> Theme & Repository</div>
@@ -105,7 +105,7 @@
   </div>
 </div>
 
-<!-- Plugins List -->
+{% comment %} Plugins List {% endcomment %}
 <h5 class="mt-4 mb-3"><i class="bi bi-plug me-1"></i> Active Plugins</h5>
 {% if site.plugins %}
   <div class="row g-2">
@@ -124,7 +124,7 @@
   <p class="text-body-secondary">No plugins configured.</p>
 {% endif %}
 
-<!-- URL Comparison (Dev vs Production) -->
+{% comment %} URL Comparison (Dev vs Production) {% endcomment %}
 <h5 class="mt-4 mb-3"><i class="bi bi-link-45deg me-1"></i> URL Configuration</h5>
 <div class="table-responsive">
   <table class="table table-sm">
@@ -143,7 +143,7 @@
   </table>
 </div>
 
-<!-- Quick links back to admin -->
+{% comment %} Quick links back to admin {% endcomment %}
 <div class="mt-4">
   <a href="{{ '/about/config/' | relative_url }}" class="btn btn-outline-secondary btn-sm me-2">
     <i class="bi bi-gear me-1"></i> Full Configuration

data/_includes/components/env-switcher.html

@@ -1,5 +1,5 @@
 {% comment %} Feature: ZER0-077 {% endcomment %}
-<!--
+{% comment %}
   ===================================================================
   ENVIRONMENT SWITCHER - Dev/Prod URL Display and Toggle
   ===================================================================
@@ -25,7 +25,7 @@
   Build time / Jekyll version live in theme-info.html (Theme & Build
   section) — not duplicated here.
   ===================================================================
--->
+{% endcomment %}
 
 {% assign dev_port = site.port | default: 4000 %}
 {% comment %}Prod links must not use site.url during serve (Jekyll sets it to 0.0.0.0:4000 etc.){% endcomment %}
@@ -39,7 +39,7 @@
 {% assign prod_url = canonical_prod_origin | append: site.baseurl %}
 {% assign dev_url = "http://localhost:" | append: dev_port | append: site.baseurl %}
 
-<!-- Environment Status Card -->
+{% comment %} Environment Status Card {% endcomment %}
 <div class="card mb-3 {% if is_production %}border-success{% else %}border-warning{% endif %}">
   <div class="card-header d-flex align-items-center justify-content-between py-2 {% if is_production %}bg-success{% else %}bg-warning{% endif %} bg-opacity-10">
     <span class="fw-semibold">
@@ -57,7 +57,7 @@
     {% endif %}
   </div>
   <div class="card-body">
-    <!-- Active URL Display -->
+    {% comment %} Active URL Display {% endcomment %}
     <label class="form-label small text-body-secondary mb-1" for="currentUrlInput">
       <i class="bi bi-link-45deg me-1" aria-hidden="true"></i>Current Page URL
     </label>
@@ -79,7 +79,7 @@
       </button>
     </div>
 
-    <!-- Build context -->
+    {% comment %} Build context {% endcomment %}
     <p class="small text-body-secondary mb-0 mt-3">
       Built with <code>JEKYLL_ENV={{ build_env }}</code>.
       {% if is_production %}
@@ -93,7 +93,7 @@
   </div>
 </div>
 
-<!-- Quick URL Links -->
+{% comment %} Quick URL Links {% endcomment %}
 <div class="card border-secondary">
   <div class="card-header py-2 bg-body-tertiary">
     <span class="fw-semibold small">
@@ -101,7 +101,7 @@
     </span>
   </div>
   <ul class="list-group list-group-flush">
-    <!-- Production URL -->
+    {% comment %} Production URL {% endcomment %}
     <li class="list-group-item d-flex justify-content-between align-items-center gap-2">
       <div class="d-flex align-items-center min-w-0">
         <span class="badge bg-success me-2">Prod</span>
@@ -133,7 +133,7 @@
     </li>
 
     {% unless is_production %}
-    <!-- Development URL (dev builds only — never leak localhost into production HTML) -->
+    {% comment %} Development URL (dev builds only — never leak localhost into production HTML) {% endcomment %}
     <li class="list-group-item d-flex justify-content-between align-items-center gap-2">
       <div class="d-flex align-items-center min-w-0">
         <span class="badge bg-warning text-dark me-2">Dev</span>
@@ -166,7 +166,7 @@
     {% endunless %}
 
     {% if site.repository %}
-    <!-- GitHub Source -->
+    {% comment %} GitHub Source {% endcomment %}
     <li class="list-group-item d-flex justify-content-between align-items-center gap-2">
       <div class="d-flex align-items-center min-w-0">
         <span class="badge bg-dark me-2">Source</span>

data/_includes/components/feature-card.html

@@ -1,4 +1,4 @@
-<!--
+{% comment %}
   ===================================================================
   FEATURE CARD - Data-driven feature display from features.yml
   ===================================================================
@@ -28,7 +28,7 @@
     {% assign f = site.data.features.features | where: "id", "ZER0-001" | first %}
     {% include components/feature-card.html feature=f style="primary" icon="bi-bootstrap" icon_color="text-primary" %}
   ===================================================================
--->
+{% endcomment %}
 {% assign f = include.feature %}
 {% assign border = include.style %}
 {% assign icon = include.icon | default: "bi-check-circle-fill" %}

data/_includes/components/halfmoon.html

@@ -1,5 +1,5 @@
 {% comment %} Feature: ZER0-077 {% endcomment %}
-<!--
+{% comment %}
   file: halfmoon.html
   path: _includes/components/halfmoon.html
   description: Dark / light / auto color-mode switcher (segmented control).
@@ -12,7 +12,7 @@
   config:      site.color_mode_lock: true removes the control entirely — the
                site pins one mode and visitor switching is disabled
                (halfmoon.js + core/color-mode-init.html enforce the same).
- -->
+ {% endcomment %}
 {% unless site.color_mode_lock %}
 <div class="btn-group bd-theme-switch {{ include.class | default: '' }}" role="group" aria-label="Color mode">
   <button type="button" class="btn btn-outline-secondary btn-sm d-flex align-items-center justify-content-center gap-1" data-bs-theme-value="light" aria-pressed="false">

data/_includes/components/info-section.html

@@ -1,5 +1,5 @@
 {% comment %} Feature: ZER0-046 {% endcomment %}
-<!--
+{% comment %}
   ===================================================================
   INFO SECTION - Settings Offcanvas with Tabbed Interface
   ===================================================================
@@ -35,14 +35,14 @@
   - https://getbootstrap.com/docs/5.3/components/offcanvas/
   - https://getbootstrap.com/docs/5.3/components/navs-tabs/
   ===================================================================
--->
+{% endcomment %}
 
 {% include components/env-detect.html %}
 
-<!-- Settings Offcanvas -->
+{% comment %} Settings Offcanvas {% endcomment %}
 <div class="offcanvas offcanvas-end" tabindex="-1" id="info-section" aria-labelledby="infoSectionLabel">
 
-  <!-- Offcanvas Header -->
+  {% comment %} Offcanvas Header {% endcomment %}
   <div class="offcanvas-header border-bottom pb-0 d-block">
     <div class="d-flex align-items-center justify-content-between mb-2">
       <h2 class="offcanvas-title h5" id="infoSectionLabel">
@@ -51,7 +51,7 @@
       <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
     </div>
 
-    <!-- Tab Navigation -->
+    {% comment %} Tab Navigation {% endcomment %}
     <ul class="nav nav-tabs nav-fill" id="infoTabs" role="tablist">
       <li class="nav-item" role="presentation">
         <button class="nav-link active" id="appearance-tab" data-bs-toggle="tab" data-bs-target="#appearance-pane" type="button" role="tab" aria-controls="appearance-pane" aria-selected="true">
@@ -76,29 +76,29 @@
     </ul>
   </div>
 
-  <!-- Offcanvas Body with Tab Content -->
+  {% comment %} Offcanvas Body with Tab Content {% endcomment %}
   <div class="offcanvas-body">
     <div class="tab-content" id="infoTabContent">
 
-      <!-- Appearance Tab — everything that changes how the site looks -->
+      {% comment %} Appearance Tab — everything that changes how the site looks {% endcomment %}
       <div class="tab-pane fade show active" id="appearance-pane" role="tabpanel" aria-labelledby="appearance-tab" tabindex="0">
 
-        <!-- Language — renders its own heading, and nothing at all when
-             site.translation is disabled. NOT cached: page-dependent. -->
+        {% comment %} Language — renders its own heading, and nothing at all when
+             site.translation is disabled. NOT cached: page-dependent. {% endcomment %}
         {% include components/language-toggle.html variant="panel" %}
 
-        <!-- Color Mode -->
+        {% comment %} Color Mode {% endcomment %}
         <div class="mb-4">
-          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
+          <h3 class="h6 text-body-secondary small text-uppercase fw-semibold mb-2">
             <i class="bi bi-moon-stars me-1" aria-hidden="true"></i>Color Mode
-          </h6>
+          </h3>
           {% include components/halfmoon.html class="w-100" %}
         </div>
 
-        <!-- Theme skin + SVG backgrounds (skin buttons, toggle, opacity) -->
+        {% comment %} Theme skin + SVG backgrounds (skin buttons, toggle, opacity) {% endcomment %}
         {% include_cached components/background-settings.html %}
 
-        <!-- Primary color picker mounts here (appearance.js, optional) -->
+        {% comment %} Primary color picker mounts here (appearance.js, optional) {% endcomment %}
         <div id="zer0AppearanceSlot"></div>
 
         <p class="text-body-secondary small mb-0 mt-4">
@@ -107,49 +107,49 @@
         </p>
       </div>
 
-      <!-- Site Tab — where the site runs and what it is built from -->
+      {% comment %} Site Tab — where the site runs and what it is built from {% endcomment %}
       <div class="tab-pane fade" id="site-pane" role="tabpanel" aria-labelledby="site-tab" tabindex="0">
 
-        <!-- Environment -->
+        {% comment %} Environment {% endcomment %}
         <div class="mb-4">
-          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
+          <h3 class="h6 text-body-secondary small text-uppercase fw-semibold mb-2">
             <i class="bi bi-hdd-network me-1" aria-hidden="true"></i>Environment
-          </h6>
+          </h3>
           {% include components/env-switcher.html %}
         </div>
 
-        <!-- Theme & Build -->
+        {% comment %} Theme & Build {% endcomment %}
         <div class="mb-4">
-          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
+          <h3 class="h6 text-body-secondary small text-uppercase fw-semibold mb-2">
             <i class="bi bi-info-circle me-1" aria-hidden="true"></i>Theme &amp; Build
-          </h6>
+          </h3>
           {% include components/theme-info.html %}
         </div>
 
-        <!-- Admin quick links — cached include; renders only links to pages
-             that exist in the build (see components/admin-links.html) -->
+        {% comment %} Admin quick links — cached include; renders only links to pages
+             that exist in the build (see components/admin-links.html) {% endcomment %}
         {% include_cached components/admin-links.html %}
       </div>
 
-      <!-- Developer Tab — tools scoped to the current page -->
+      {% comment %} Developer Tab — tools scoped to the current page {% endcomment %}
       <div class="tab-pane fade" id="developer-pane" role="tabpanel" aria-labelledby="developer-tab" tabindex="0">
 
-        <!-- Page Location — breadcrumbs render nothing on the homepage or
-             when site.breadcrumbs is off, so the section mirrors that gate -->
+        {% comment %} Page Location — breadcrumbs render nothing on the homepage or
+             when site.breadcrumbs is off, so the section mirrors that gate {% endcomment %}
         {% if page.url != "/" and site.breadcrumbs %}
         <div class="mb-4">
-          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
+          <h3 class="h6 text-body-secondary small text-uppercase fw-semibold mb-2">
             <i class="bi bi-signpost-split me-1" aria-hidden="true"></i>Page Location
-          </h6>
+          </h3>
           {% include navigation/breadcrumbs.html %}
         </div>
         {% endif %}
 
-        <!-- Page Metadata -->
+        {% comment %} Page Metadata {% endcomment %}
         <div class="mb-4">
-          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
+          <h3 class="h6 text-body-secondary small text-uppercase fw-semibold mb-2">
             <i class="bi bi-file-earmark-code me-1" aria-hidden="true"></i>Page Info
-          </h6>
+          </h3>
           <div class="table-responsive">
             <table class="table table-sm table-hover mb-0 small">
               <tbody>
@@ -180,11 +180,11 @@
           </div>
         </div>
 
-        <!-- Source Code Shortcuts -->
+        {% comment %} Source Code Shortcuts {% endcomment %}
         <div class="mb-3">
-          <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
+          <h3 class="h6 text-body-secondary small text-uppercase fw-semibold mb-2">
             <i class="bi bi-code-square me-1" aria-hidden="true"></i>Source Code
-          </h6>
+          </h3>
           {% include components/dev-shortcuts.html %}
         </div>
       </div>
@@ -194,9 +194,9 @@
 
 </div>
 
-<!-- Copy-to-clipboard for the panel's URL fields (event delegation; no
+{% comment %} Copy-to-clipboard for the panel's URL fields (event delegation; no
      inline handlers). Buttons declare data-zer0-copy="<text>" or
-     data-zer0-copy-target="#input-id". -->
+     data-zer0-copy-target="#input-id". {% endcomment %}
 <script>
 document.addEventListener("click", function (e) {
   var btn = e.target.closest("[data-zer0-copy], [data-zer0-copy-target]");

data/_includes/components/js-cdn.html

@@ -1,4 +1,4 @@
-<!--
+{% comment %}
   ===================================================================
   JAVASCRIPT - Local vendor libraries
   ===================================================================
@@ -12,43 +12,43 @@
   
   Refresh: ./scripts/vendor-install.sh (see vendor-manifest.json)
   ===================================================================
--->
+{% endcomment %}
 
-<!-- Bootstrap 5.3.3 Bundle (includes Popper.js) -->
+{% comment %} Bootstrap 5.3.3 Bundle (includes Popper.js) {% endcomment %}
 <script src="{{ '/assets/vendor/bootstrap/js/bootstrap.bundle.min.js' | relative_url }}"></script>
 
-<!-- Navigation ES Modules — orchestrator for sidebar, scroll spy, keyboard
+{% comment %} Navigation ES Modules — orchestrator for sidebar, scroll spy, keyboard
      shortcuts, gestures, focus, AND the navbar dropdowns/mobile menu that
-     formerly lived in /assets/js/navigation.js (now deprecated). -->
+     formerly lived in /assets/js/navigation.js (now deprecated). {% endcomment %}
 <script type="module" src="{{ '/assets/js/modules/navigation/index.js' | relative_url }}?v={{ site.time | date: '%s' }}"></script>
 
-<!-- Generic UI helpers (toast, copy-to-clipboard, image fade-in) -->
+{% comment %} Generic UI helpers (toast, copy-to-clipboard, image fade-in) {% endcomment %}
 <script defer src="{{ '/assets/js/ui-helpers.js' | relative_url }}"></script>
 
-<!-- Posts-archive pagination (auto-activates only on pages with a
-     [data-posts-archive] container; safe to load globally). -->
+{% comment %} Posts-archive pagination (auto-activates only on pages with a
+     [data-posts-archive] container; safe to load globally). {% endcomment %}
 <script defer src="{{ '/assets/js/posts-pagination.js' | relative_url }}"></script>
 
-<!-- Search modal controller -->
+{% comment %} Search modal controller {% endcomment %}
 <script src="{{ '/assets/js/search-modal.js' | relative_url }}"></script>
 
-<!-- Share helpers -->
+{% comment %} Share helpers {% endcomment %}
 <script src="{{ '/assets/js/share-actions.js' | relative_url }}"></script>
 
-<!-- fffuel-style background customizer (skin switching, toggle, opacity) -->
+{% comment %} fffuel-style background customizer (skin switching, toggle, opacity) {% endcomment %}
 <script src="{{ '/assets/js/background-customizer.js' | relative_url }}"></script>
 
-<!-- Optional runtime Appearance panel (enabled via site.appearance_panel) -->
+{% comment %} Optional runtime Appearance panel (enabled via site.appearance_panel) {% endcomment %}
 {% if site.appearance_panel %}
 <script defer src="{{ '/assets/js/modules/theme/appearance.js' | relative_url }}"></script>
 {% endif %}
 
-<!-- Obsidian wiki-link / embed / tag client-side resolver (fallback for the
+{% comment %} Obsidian wiki-link / embed / tag client-side resolver (fallback for the
      remote_theme GH Pages build, where _plugins/obsidian_links.rb cannot run).
      Honours `obsidian: { enabled: false }` in _config.yml — when disabled the
      resolver script is not loaded and the flag self-disables any fork that
      loads it another way. Note: `| default: true` would flip `false` back to
-     true (Liquid treats false as falsy), so test enabled == false explicitly. -->
+     true (Liquid treats false as falsy), so test enabled == false explicitly. {% endcomment %}
 {%- assign obsidian_attachments_path = site.obsidian.attachments_path | default: '/assets/images/notes' -%}
 <script>
   window.OBSIDIAN_CONFIG = window.OBSIDIAN_CONFIG || {};
@@ -62,7 +62,7 @@
 <script defer src="{{ '/assets/js/obsidian-wiki-links.js' | relative_url }}?v={{ site.time | date: '%s' }}"></script>
 {%- endif -%}
 
-<!-- Optional fork overrides: opt-in via `site.user_overrides: true` in _config.yml. -->
+{% comment %} Optional fork overrides: opt-in via `site.user_overrides: true` in _config.yml. {% endcomment %}
 {% if site.user_overrides %}
 <script defer src="{{ '/assets/js/user-overrides.js' | relative_url }}"></script>
 {% endif %}

data/_includes/components/language-toggle.html

@@ -13,7 +13,7 @@
                  - "panel"  — self-contained "Language" section for the
                               Settings offcanvas (components/info-section.html),
                               rendered as an always-visible list of choices
-                              with its own <h6> heading
+                              with its own section heading
   Reads:       page.lang / page.url / page.translation_source_url and the
                generated _data/i18n/manifest.yml.
   Depends on:  site.translation.* config, site.data.i18n.manifest,
@@ -44,7 +44,7 @@
                    row via aria-describedby. Per-row text was the single
                    biggest contributor to menu width.
                Trigger changes (icon-only, no caret) apply to the navbar
-               variant only — the panel has an <h6> heading, not a button.
+               variant only — the panel has a section heading, not a button.
 
                New ui keys (lang_machine_translated, lang_machine_translated_title,
                lang_untranslated_note) live in _data/ui-text.yml `en`. core/i18n.html
@@ -94,9 +94,9 @@
 {%- assign _lt_fallback_url = _lt_src_url | default: '/' | relative_url -%}
 {%- if _lt_variant == 'panel' -%}
 <div class="mb-4 nav-lang-panel" id="zer0-lang-toggle">
-    <h6 class="text-body-secondary small text-uppercase fw-semibold mb-2">
+    <h3 class="h6 text-body-secondary small text-uppercase fw-semibold mb-2">
         <i class="bi bi-translate me-1" aria-hidden="true"></i>{{ ui.lang_toggle_label | default: "Language" }}
-    </h6>
+    </h3>
     <div class="list-group nav-lang-options" role="group" aria-label="{{ ui.lang_toggle_aria | default: 'Change language' }}">
         {%- if _lt_current == _lt_source %}
         <span class="list-group-item nav-lang-item is-current" aria-current="true">