jekyll-theme-zer0 1.28.0 → 1.30.0

data/_includes/components/config-editor.html

@@ -1,4 +1,4 @@
-<!--
+{% comment %}
   ===================================================================
   CONFIG EDITOR — Form-based configuration builder
   ===================================================================
@@ -11,15 +11,15 @@
   Dependencies: Bootstrap 5.3, assets/js/config-utility.js
   Data source: site.* variables pre-populate fields
   ===================================================================
--->
+{% endcomment %}
 
 <div id="configEditor">
   <div class="row">
 
-    <!-- ── Left: Form ────────────────────────────────────────────────── -->
+    {% comment %} ── Left: Form ────────────────────────────────────────────────── {% endcomment %}
     <div class="col-lg-6 mb-4 mb-lg-0">
 
-      <!-- Site Identity -->
+      {% comment %} Site Identity {% endcomment %}
       <div class="card mb-3">
         <div class="card-header">
           <i class="bi bi-person-badge me-1"></i> Site Identity
@@ -53,7 +53,7 @@
         </div>
       </div>
 
-      <!-- GitHub -->
+      {% comment %} GitHub {% endcomment %}
       <div class="card mb-3">
         <div class="card-header">
           <i class="bi bi-github me-1"></i> GitHub
@@ -79,7 +79,7 @@
         </div>
       </div>
 
-      <!-- URLs & Deployment -->
+      {% comment %} URLs & Deployment {% endcomment %}
       <div class="card mb-3">
         <div class="card-header">
           <i class="bi bi-link-45deg me-1"></i> URLs &amp; Deployment
@@ -121,7 +121,7 @@
         </div>
       </div>
 
-      <!-- Personalization -->
+      {% comment %} Personalization {% endcomment %}
       <div class="card mb-3">
         <div class="card-header">
           <i class="bi bi-palette me-1"></i> Personalization
@@ -151,7 +151,7 @@
         </div>
       </div>
 
-      <!-- Analytics -->
+      {% comment %} Analytics {% endcomment %}
       <div class="card mb-3">
         <div class="card-header">
           <i class="bi bi-graph-up me-1"></i> Analytics
@@ -174,9 +174,9 @@
         </div>
       </div>
 
-    </div><!-- /col form -->
+    </div>{% comment %} /col form {% endcomment %}
 
-    <!-- ── Right: Live YAML Preview ──────────────────────────────────── -->
+    {% comment %} ── Right: Live YAML Preview ──────────────────────────────────── {% endcomment %}
     <div class="col-lg-6">
       <div class="sticky-top" style="top:80px">
         <div class="card">
@@ -201,7 +201,7 @@
           <strong>Tip:</strong> Changes are reflected instantly in the preview. Download the file and replace your project's <code>_config.yml</code>, then restart your dev server.
         </div>
       </div>
-    </div><!-- /col preview -->
+    </div>{% comment %} /col preview {% endcomment %}
 
-  </div><!-- /row -->
+  </div>{% comment %} /row {% endcomment %}
 </div>

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,15 +84,15 @@ 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">
       <div class="modal-header">
-        <h5 class="modal-title" id="cookieSettingsModalLabel">
+        <h2 class="modal-title h5" id="cookieSettingsModalLabel">
           <i class="bi bi-shield-check me-2"></i>
           Cookie Preferences
-        </h5>
+        </h2>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
       <div class="modal-body">
@@ -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,11 +156,11 @@ 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>
-          <ul class="small text-dark mb-0 ps-3">
+          </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>
             <li>Disabling analytics cookies will prevent us from improving your experience</li>
@@ -381,7 +381,7 @@ Configuration: Uses site.posthog settings from _config.yml
   }
 
   .cookie-category {
-    border: 1px solid #dee2e6;
+    border: 1px solid var(--bs-border-color);
     border-radius: 8px;
     padding: 1rem;
   }

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