jekyll-theme-zer0 0.22.0 → 0.22.19

data/assets/backgrounds/noise/contrast.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
+  <filter id="n1">
+    <feTurbulence type="fractalNoise" baseFrequency="0.6" numOctaves="4" stitchTiles="stitch"/>
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="transparent"/>
+  <rect width="100%" height="100%" filter="url(#n1)" opacity="0.06"/>
+</svg>

data/assets/backgrounds/noise/dark.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
+  <filter id="n1">
+    <feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/>
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="transparent"/>
+  <rect width="100%" height="100%" filter="url(#n1)" opacity="0.04"/>
+</svg>

data/assets/backgrounds/noise/dirt.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
+  <filter id="n1">
+    <feTurbulence type="fractalNoise" baseFrequency="0.6" numOctaves="4" stitchTiles="stitch"/>
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="transparent"/>
+  <rect width="100%" height="100%" filter="url(#n1)" opacity="0.06"/>
+</svg>

data/assets/backgrounds/noise/mint.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
+  <filter id="n1">
+    <feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/>
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="transparent"/>
+  <rect width="100%" height="100%" filter="url(#n1)" opacity="0.04"/>
+</svg>

data/assets/backgrounds/noise/neon.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
+  <filter id="n1">
+    <feTurbulence type="fractalNoise" baseFrequency="0.7" numOctaves="3" stitchTiles="stitch"/>
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="transparent"/>
+  <rect width="100%" height="100%" filter="url(#n1)" opacity="0.05"/>
+</svg>

data/assets/backgrounds/noise/plum.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
+  <filter id="n1">
+    <feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/>
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="transparent"/>
+  <rect width="100%" height="100%" filter="url(#n1)" opacity="0.05"/>
+</svg>

data/assets/backgrounds/noise/sunrise.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="300" height="300" viewBox="0 0 300 300">
+  <filter id="n1">
+    <feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/>
+    <feColorMatrix type="saturate" values="0"/>
+  </filter>
+  <rect width="100%" height="100%" fill="transparent"/>
+  <rect width="100%" height="100%" filter="url(#n1)" opacity="0.05"/>
+</svg>

data/assets/backgrounds/patterns/air.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
+  <circle cx="30" cy="30" r="8" fill="none" stroke="#6fa8dc" stroke-width="0.5" opacity="0.3"/>
+  <circle cx="0" cy="0" r="5" fill="none" stroke="#b8d4e3" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="60" cy="60" r="5" fill="none" stroke="#b8d4e3" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="60" cy="0" r="5" fill="none" stroke="#b8d4e3" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="0" cy="60" r="5" fill="none" stroke="#b8d4e3" stroke-width="0.5" opacity="0.2"/>
+</svg>

data/assets/backgrounds/patterns/aqua.svg

@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
+  <circle cx="30" cy="30" r="8" fill="none" stroke="#00b4d8" stroke-width="0.5" opacity="0.3"/>
+  <circle cx="0" cy="0" r="5" fill="none" stroke="#90e0ef" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="60" cy="60" r="5" fill="none" stroke="#90e0ef" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="60" cy="0" r="5" fill="none" stroke="#90e0ef" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="0" cy="60" r="5" fill="none" stroke="#90e0ef" stroke-width="0.5" opacity="0.2"/>
+</svg>

data/assets/backgrounds/patterns/contrast.svg

@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40">
+  <line x1="0" y1="0" x2="40" y2="40" stroke="#ffcc00" stroke-width="0.5" opacity="0.15"/>
+  <line x1="40" y1="0" x2="0" y2="40" stroke="#ffffff" stroke-width="0.3" opacity="0.08"/>
+</svg>

data/assets/backgrounds/patterns/dark.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
+  <rect x="22" y="22" width="6" height="6" rx="1" fill="none" stroke="#0f3460" stroke-width="0.5" opacity="0.25"/>
+  <rect x="-3" y="-3" width="6" height="6" rx="1" fill="none" stroke="#16213e" stroke-width="0.5" opacity="0.15"/>
+  <rect x="47" y="47" width="6" height="6" rx="1" fill="none" stroke="#16213e" stroke-width="0.5" opacity="0.15"/>
+</svg>

data/assets/backgrounds/patterns/dirt.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
+  <polygon points="25,10 35,35 15,35" fill="none" stroke="#d4a574" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="8" cy="8" r="3" fill="none" stroke="#8b6914" stroke-width="0.4" opacity="0.15"/>
+  <circle cx="42" cy="42" r="3" fill="none" stroke="#8b6914" stroke-width="0.4" opacity="0.15"/>
+</svg>

data/assets/backgrounds/patterns/mint.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
+  <circle cx="25" cy="25" r="10" fill="none" stroke="#52b788" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="25" cy="25" r="6" fill="none" stroke="#95d5b2" stroke-width="0.4" opacity="0.15"/>
+  <circle cx="5" cy="5" r="3" fill="none" stroke="#2d6a4f" stroke-width="0.3" opacity="0.1"/>
+  <circle cx="45" cy="45" r="3" fill="none" stroke="#2d6a4f" stroke-width="0.3" opacity="0.1"/>
+</svg>

data/assets/backgrounds/patterns/neon.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
+  <polygon points="30,5 55,50 5,50" fill="none" stroke="#ff006e" stroke-width="0.6" opacity="0.25"/>
+  <circle cx="30" cy="35" r="4" fill="none" stroke="#3a86ff" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="10" cy="10" r="3" fill="none" stroke="#8338ec" stroke-width="0.5" opacity="0.15"/>
+  <circle cx="50" cy="10" r="3" fill="none" stroke="#8338ec" stroke-width="0.5" opacity="0.15"/>
+</svg>

data/assets/backgrounds/patterns/plum.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="60" height="60" viewBox="0 0 60 60">
+  <circle cx="30" cy="30" r="12" fill="none" stroke="#c77dff" stroke-width="0.5" opacity="0.2"/>
+  <circle cx="30" cy="30" r="6" fill="none" stroke="#812f85" stroke-width="0.4" opacity="0.15"/>
+  <line x1="10" y1="10" x2="50" y2="50" stroke="#4a0e4e" stroke-width="0.3" opacity="0.1"/>
+  <line x1="50" y1="10" x2="10" y2="50" stroke="#4a0e4e" stroke-width="0.3" opacity="0.1"/>
+</svg>

data/assets/backgrounds/patterns/sunrise.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="50" height="50" viewBox="0 0 50 50">
+  <circle cx="25" cy="25" r="10" fill="none" stroke="#ff6b35" stroke-width="0.5" opacity="0.2"/>
+  <line x1="5" y1="25" x2="45" y2="25" stroke="#f7c59f" stroke-width="0.3" opacity="0.12"/>
+  <line x1="25" y1="5" x2="25" y2="45" stroke="#f7c59f" stroke-width="0.3" opacity="0.12"/>
+</svg>

data/assets/js/background-customizer.js

@@ -0,0 +1,73 @@
+/**
+ * background-customizer.js
+ * Runtime switching of theme skin and fffuel-style SVG backgrounds.
+ *
+ * API:
+ *   zer0Bg.setSkin('aqua')        — change skin (persists to localStorage)
+ *   zer0Bg.toggle()               — enable / disable backgrounds
+ *   zer0Bg.setOpacity('gradient', 0.5) — adjust a layer opacity at runtime
+ *   zer0Bg.currentSkin()          — returns current skin name
+ */
+(() => {
+  "use strict";
+
+  const STORAGE_KEY_SKIN = "zer0-theme-skin";
+  const STORAGE_KEY_BG   = "zer0-bg-enabled";
+
+  const html = document.documentElement;
+
+  /** Read stored skin or fall back to the server-rendered attribute. */
+  function getStoredSkin() {
+    return localStorage.getItem(STORAGE_KEY_SKIN) || html.getAttribute("data-theme-skin") || "dark";
+  }
+
+  /** Read stored background on/off preference. */
+  function isBgEnabled() {
+    const stored = localStorage.getItem(STORAGE_KEY_BG);
+    if (stored !== null) return stored === "true";
+    return html.getAttribute("data-zer0-bg") !== "false";
+  }
+
+  /** Apply skin to <html> and persist. */
+  function setSkin(name) {
+    html.setAttribute("data-theme-skin", name);
+    localStorage.setItem(STORAGE_KEY_SKIN, name);
+    document.dispatchEvent(new CustomEvent("zer0:skin-change", { detail: { skin: name } }));
+  }
+
+  /** Toggle backgrounds on/off. */
+  function toggle(force) {
+    const enabled = typeof force === "boolean" ? force : !isBgEnabled();
+    html.setAttribute("data-zer0-bg", enabled ? "on" : "off");
+    localStorage.setItem(STORAGE_KEY_BG, String(enabled));
+    document.dispatchEvent(new CustomEvent("zer0:bg-toggle", { detail: { enabled } }));
+  }
+
+  /** Adjust a specific layer opacity at runtime via CSS custom property. */
+  function setOpacity(layer, value) {
+    const map = {
+      gradient: "--zer0-bg-gradient-opacity",
+      texture:  "--zer0-bg-texture-opacity",
+      pattern:  "--zer0-bg-pattern-opacity"
+    };
+    const prop = map[layer];
+    if (prop) html.style.setProperty(prop, value);
+  }
+
+  /** Return current skin name. */
+  function currentSkin() {
+    return html.getAttribute("data-theme-skin") || "dark";
+  }
+
+  // Restore on page load
+  const storedSkin = getStoredSkin();
+  if (storedSkin !== html.getAttribute("data-theme-skin")) {
+    html.setAttribute("data-theme-skin", storedSkin);
+  }
+  if (!isBgEnabled()) {
+    html.setAttribute("data-zer0-bg", "off");
+  }
+
+  // Public API
+  window.zer0Bg = { setSkin, toggle, setOpacity, currentSkin };
+})();

data/assets/js/code-copy.js

@@ -20,7 +20,7 @@ document.addEventListener('DOMContentLoaded', function () {
       button.innerHTML = '<i class="bi bi-clipboard me-1"></i>' + copyText;
       button.tabIndex = 0;
       
-      // Enhanced click handler with better feedback
+      // Click handler using modern Clipboard API
       button.addEventListener('click', function (e) {
         e.preventDefault();
         e.stopPropagation();
@@ -34,24 +34,23 @@ document.addEventListener('DOMContentLoaded', function () {
           .join('\n')
           .trim();
         
-        // Use modern Clipboard API with fallback
-        if (navigator.clipboard && navigator.clipboard.writeText) {
-          navigator.clipboard.writeText(code).then(function() {
-            // Success feedback
-            button.innerHTML = '<i class="bi bi-check-circle me-1"></i>' + copiedText;
-            button.classList.add('copied');
-            
-            setTimeout(function () {
-              button.innerHTML = '<i class="bi bi-clipboard me-1"></i>' + copyText;
-              button.classList.remove('copied');
-            }, 2000);
-          }).catch(function(err) {
-            console.error('Failed to copy:', err);
-            fallbackCopy(code, button, copyText);
-          });
-        } else {
-          fallbackCopy(code, button, copyText);
-        }
+        // Modern Clipboard API (supported in all current browsers)
+        navigator.clipboard.writeText(code).then(function() {
+          // Success feedback
+          button.innerHTML = '<i class="bi bi-check-circle me-1"></i>' + copiedText;
+          button.classList.add('copied');
+          
+          setTimeout(function () {
+            button.innerHTML = '<i class="bi bi-clipboard me-1"></i>' + copyText;
+            button.classList.remove('copied');
+          }, 2000);
+        }).catch(function(err) {
+          console.error('Failed to copy:', err);
+          button.innerHTML = '<i class="bi bi-x-circle me-1"></i>Copy failed';
+          setTimeout(function () {
+            button.innerHTML = '<i class="bi bi-clipboard me-1"></i>' + copyText;
+          }, 2000);
+        });
       });
       
       // Ensure pre has position relative for absolute positioning
@@ -62,32 +61,4 @@ document.addEventListener('DOMContentLoaded', function () {
       preElement.appendChild(button);
       preElement.classList.add('has-copy-button');
     });
-  
-  // Fallback copy method for older browsers
-  function fallbackCopy(text, button, copyText) {
-    var textArea = document.createElement('textarea');
-    textArea.value = text;
-    textArea.style.position = 'fixed';
-    textArea.style.opacity = '0';
-    document.body.appendChild(textArea);
-    textArea.select();
-    
-    try {
-      document.execCommand('copy');
-      button.innerHTML = '<i class="bi bi-check-circle me-1"></i>Copied!';
-      button.classList.add('copied');
-      setTimeout(function () {
-        button.innerHTML = '<i class="bi bi-clipboard me-1"></i>' + copyText;
-        button.classList.remove('copied');
-      }, 2000);
-    } catch (err) {
-      console.error('Fallback copy failed:', err);
-      button.innerHTML = '<i class="bi bi-x-circle me-1"></i>Failed';
-      setTimeout(function () {
-        button.innerHTML = '<i class="bi bi-clipboard me-1"></i>' + copyText;
-      }, 2000);
-    }
-    
-    document.body.removeChild(textArea);
-  }
 });

data/assets/js/config-utility.js

@@ -0,0 +1,307 @@
+/**
+ * ===================================================================
+ * Configuration Utility — Interactive Config Viewer & Editor
+ * ===================================================================
+ *
+ * Powers the /about/config/ page with:
+ *   - Search / filter across all config keys
+ *   - Copy individual values or entire sections
+ *   - Live YAML preview from the editor form
+ *   - Import / export configuration
+ *
+ * Dependencies: Bootstrap 5 (already on page)
+ * ===================================================================
+ */
+
+(function () {
+  'use strict';
+
+  /* ── helpers ──────────────────────────────────────────────────────── */
+
+  /** Safe clipboard write with visual feedback on a button. */
+  function copyToClipboard(text, btn) {
+    if (!btn) return;
+    var orig = btn.innerHTML;
+    navigator.clipboard.writeText(text).then(function () {
+      btn.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
+      btn.classList.replace('btn-outline-secondary', 'btn-success');
+      setTimeout(function () {
+        btn.innerHTML = orig;
+        btn.classList.replace('btn-success', 'btn-outline-secondary');
+      }, 1800);
+    }).catch(function () {
+      /* fallback */
+      var ta = document.createElement('textarea');
+      ta.value = text;
+      ta.style.cssText = 'position:fixed;opacity:0';
+      document.body.appendChild(ta);
+      ta.select();
+      try { document.execCommand('copy'); } catch (_) { /* noop */ }
+      document.body.removeChild(ta);
+      btn.innerHTML = '<i class="bi bi-check-lg"></i> Copied!';
+      setTimeout(function () { btn.innerHTML = orig; }, 1800);
+    });
+  }
+
+  /* ── search / filter ─────────────────────────────────────────────── */
+
+  function initSearch() {
+    var input = document.getElementById('cfg-search');
+    if (!input) return;
+
+    input.addEventListener('input', function () {
+      var q = input.value.toLowerCase().trim();
+      var rows = document.querySelectorAll('.cfg-row');
+      var sections = document.querySelectorAll('.cfg-section');
+
+      if (!q) {
+        rows.forEach(function (r) { r.classList.remove('d-none'); });
+        sections.forEach(function (s) { s.classList.remove('d-none'); });
+        return;
+      }
+
+      rows.forEach(function (r) {
+        var key = (r.getAttribute('data-key') || '').toLowerCase();
+        var val = (r.getAttribute('data-value') || '').toLowerCase();
+        var match = key.indexOf(q) !== -1 || val.indexOf(q) !== -1;
+        r.classList.toggle('d-none', !match);
+      });
+
+      /* hide sections that have zero visible rows */
+      sections.forEach(function (s) {
+        var visible = s.querySelectorAll('.cfg-row:not(.d-none)');
+        s.classList.toggle('d-none', !visible.length);
+      });
+    });
+
+    /* clear button */
+    var clearBtn = document.getElementById('cfg-search-clear');
+    if (clearBtn) {
+      clearBtn.addEventListener('click', function () {
+        input.value = '';
+        input.dispatchEvent(new Event('input'));
+        input.focus();
+      });
+    }
+  }
+
+  /* ── copy individual value buttons ───────────────────────────────── */
+
+  function initCopyButtons() {
+    document.querySelectorAll('.cfg-copy-val').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        var val = btn.getAttribute('data-value') || '';
+        copyToClipboard(val, btn);
+      });
+    });
+  }
+
+  /* ── copy section YAML ───────────────────────────────────────────── */
+
+  function initSectionCopy() {
+    document.querySelectorAll('.cfg-copy-section').forEach(function (btn) {
+      btn.addEventListener('click', function () {
+        var sectionId = btn.getAttribute('data-section');
+        var section = document.getElementById(sectionId);
+        if (!section) return;
+        var rows = section.querySelectorAll('.cfg-row');
+        var lines = [];
+        rows.forEach(function (r) {
+          var key = r.getAttribute('data-key') || '';
+          var val = r.getAttribute('data-value') || '';
+          lines.push(key + ': ' + val);
+        });
+        copyToClipboard(lines.join('\n'), btn);
+      });
+    });
+  }
+
+  /* ── copy full config ────────────────────────────────────────────── */
+
+  function initFullCopy() {
+    var btn = document.getElementById('cfg-copy-full');
+    if (!btn) return;
+    btn.addEventListener('click', function () {
+      var pre = document.getElementById('cfg-full-yaml');
+      if (pre) copyToClipboard(pre.textContent, btn);
+    });
+  }
+
+  /* ── expand / collapse all ───────────────────────────────────────── */
+
+  function initExpandCollapse() {
+    var expandBtn = document.getElementById('cfg-expand-all');
+    var collapseBtn = document.getElementById('cfg-collapse-all');
+
+    if (expandBtn) {
+      expandBtn.addEventListener('click', function () {
+        document.querySelectorAll('#configAccordion .accordion-collapse').forEach(function (el) {
+          el.classList.add('show');
+        });
+        document.querySelectorAll('#configAccordion .accordion-button').forEach(function (el) {
+          el.classList.remove('collapsed');
+          el.setAttribute('aria-expanded', 'true');
+        });
+      });
+    }
+
+    if (collapseBtn) {
+      collapseBtn.addEventListener('click', function () {
+        document.querySelectorAll('#configAccordion .accordion-collapse').forEach(function (el) {
+          el.classList.remove('show');
+        });
+        document.querySelectorAll('#configAccordion .accordion-button').forEach(function (el) {
+          el.classList.add('collapsed');
+          el.setAttribute('aria-expanded', 'false');
+        });
+      });
+    }
+  }
+
+  /* ── editor: YAML builder ────────────────────────────────────────── */
+
+  function yamlEscape(val) {
+    if (val === '' || val === null || val === undefined) return '""';
+    if (val === true || val === false) return String(val);
+    var s = String(val).replace(/\r\n|\r|\n/g, ' ').replace(/\s{2,}/g, ' ').trim();
+    if (s === '') return '""';
+    if (s === 'true' || s === 'false') return s;
+    if (/^-?[0-9]+(\.[0-9]+)?$/.test(s)) return s;
+    if (/[:#{}[\],&*?|>!%@`'"]/.test(s)) {
+      return '"' + s.replace(/\\/g, '\\\\').replace(/"/g, '\\"') + '"';
+    }
+    return '"' + s + '"';
+  }
+
+  function pad(k, w) { w = w || 26; return (k + ' '.repeat(w)).slice(0, w); }
+
+  function buildEditorYAML() {
+    var f = {};
+    document.querySelectorAll('#configEditor .edit-field').forEach(function (el) {
+      var key = el.getAttribute('data-key');
+      if (!key) return;
+      f[key] = el.type === 'checkbox' ? el.checked : el.value.trim();
+    });
+
+    var lines = [];
+    lines.push('# ===========================================================================');
+    lines.push('# _config.yml — generated by Configuration Utility');
+    lines.push('# ===========================================================================');
+    lines.push('');
+
+    lines.push('# ── Site Identity ─────────────────────────────────────────────────');
+    lines.push(pad('title') + ': ' + yamlEscape(f.title || ''));
+    lines.push(pad('founder') + ': ' + yamlEscape(f.founder || ''));
+    lines.push(pad('email') + ': ' + yamlEscape(f.email || ''));
+    lines.push(pad('description') + ': ' + yamlEscape(f.description || ''));
+    lines.push('');
+
+    lines.push('# ── GitHub ────────────────────────────────────────────────────────');
+    lines.push(pad('github_user') + ': ' + yamlEscape(f.github_user || ''));
+    lines.push(pad('repository_name') + ': ' + yamlEscape(f.repository_name || ''));
+    lines.push(pad('branch') + ': ' + yamlEscape(f.branch || 'main'));
+    lines.push('');
+
+    lines.push('# ── URLs & Deployment ─────────────────────────────────────────────');
+    lines.push(pad('url') + ': ' + yamlEscape(f.url || ''));
+    lines.push(pad('baseurl') + ': ' + yamlEscape(f.baseurl || ''));
+    lines.push(pad('remote_theme') + ': ' + yamlEscape(f.remote_theme || 'bamr87/zer0-mistakes'));
+    lines.push(pad('port') + ': ' + (f.port || '4000'));
+    lines.push(pad('permalink') + ': ' + (f.permalink || 'pretty'));
+    lines.push('');
+
+    lines.push('# ── Personalization ───────────────────────────────────────────────');
+    lines.push(pad('locale') + ': ' + yamlEscape(f.locale || 'en-US'));
+    lines.push(pad('theme_skin') + ': ' + yamlEscape(f.theme_skin || 'dark'));
+    if (f.logo) lines.push(pad('logo') + ': ' + yamlEscape(f.logo));
+    lines.push('');
+
+    lines.push('# ── Analytics ─────────────────────────────────────────────────────');
+    if (f.google_analytics) {
+      lines.push(pad('google_analytics') + ': ' + yamlEscape(f.google_analytics));
+    }
+    lines.push('posthog:');
+    lines.push('  enabled: ' + (f['posthog.enabled'] ? 'true' : 'false'));
+    if (f['posthog.api_key']) {
+      lines.push('  api_key: ' + yamlEscape(f['posthog.api_key']));
+    }
+    lines.push('');
+
+    lines.push('# ── Build ─────────────────────────────────────────────────────────');
+    lines.push(pad('markdown') + ': kramdown');
+    lines.push(pad('highlighter') + ': rouge');
+    lines.push('');
+
+    lines.push('# ── Plugins ───────────────────────────────────────────────────────');
+    lines.push('plugins:');
+    lines.push('  - github-pages');
+    lines.push('  - jekyll-remote-theme');
+    lines.push('  - jekyll-feed');
+    lines.push('  - jekyll-sitemap');
+    lines.push('  - jekyll-seo-tag');
+
+    return lines.join('\n');
+  }
+
+  function initEditor() {
+    var preview = document.getElementById('editor-yaml-preview');
+    if (!preview) return;
+
+    function update() { preview.textContent = buildEditorYAML(); }
+
+    document.querySelectorAll('#configEditor .edit-field').forEach(function (el) {
+      el.addEventListener('input', update);
+      el.addEventListener('change', update);
+    });
+
+    /* download */
+    var dlBtn = document.getElementById('editor-download');
+    if (dlBtn) {
+      dlBtn.addEventListener('click', function () {
+        var yaml = buildEditorYAML();
+        var blob = new Blob([yaml], { type: 'text/yaml;charset=utf-8' });
+        var a = document.createElement('a');
+        a.href = URL.createObjectURL(blob);
+        a.download = '_config.yml';
+        document.body.appendChild(a);
+        a.click();
+        document.body.removeChild(a);
+      });
+    }
+
+    /* copy */
+    var cpBtn = document.getElementById('editor-copy');
+    if (cpBtn) {
+      cpBtn.addEventListener('click', function () {
+        copyToClipboard(buildEditorYAML(), cpBtn);
+      });
+    }
+
+    /* initial render */
+    update();
+  }
+
+  /* ── description char counter ────────────────────────────────────── */
+
+  function initCharCounters() {
+    document.querySelectorAll('[data-char-counter]').forEach(function (el) {
+      var counter = document.getElementById(el.getAttribute('data-char-counter'));
+      if (!counter) return;
+      function upd() { counter.textContent = el.value.length; }
+      el.addEventListener('input', upd);
+      upd();
+    });
+  }
+
+  /* ── wiring ──────────────────────────────────────────────────────── */
+
+  document.addEventListener('DOMContentLoaded', function () {
+    initSearch();
+    initCopyButtons();
+    initSectionCopy();
+    initFullCopy();
+    initExpandCollapse();
+    initEditor();
+    initCharCounters();
+  });
+})();

data/assets/js/nav-editor.js

@@ -0,0 +1,39 @@
+/**
+ * nav-editor.js
+ * Powers the Navigation Editor admin page.
+ * - Copy YAML output from nav data rendered in the overview tab
+ */
+
+document.addEventListener('DOMContentLoaded', function () {
+  'use strict';
+
+  var copyBtn = document.getElementById('nav-copy-yaml');
+  if (copyBtn) {
+    copyBtn.addEventListener('click', function () {
+      var text = document.getElementById('nav-yaml-output').textContent;
+      navigator.clipboard.writeText(text).then(function () {
+        copyBtn.innerHTML = '<i class="bi bi-check me-1"></i> Copied';
+        setTimeout(function () { copyBtn.innerHTML = '<i class="bi bi-clipboard me-1"></i> Copy'; }, 2000);
+      });
+    });
+  }
+
+  /* Populate YAML preview when nav file selector changes */
+  var fileSelect = document.getElementById('nav-file-select');
+  if (fileSelect) {
+    fileSelect.addEventListener('change', function () {
+      var selected = this.value;
+      var output = document.getElementById('nav-yaml-output');
+      if (output) {
+        output.textContent = '# _data/navigation/' + selected + '.yml\n# View the Overview tab for the rendered tree structure.\n# Edit the YAML file directly in your repository.';
+      }
+
+      // Expand the matching accordion section
+      var accBtn = document.querySelector('#navAcc-' + selected);
+      if (accBtn) {
+        var bsCollapse = bootstrap.Collapse.getOrCreateInstance(accBtn, { toggle: false });
+        bsCollapse.show();
+      }
+    });
+  }
+});