jekyll-theme-zer0 1.29.0 → 1.31.0

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">