jekyll-theme-zer0 0.22.5 → 0.22.20

data/assets/backgrounds/gradients/neon.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400">
+  <defs>
+    <linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#ff006e"/>
+      <stop offset="50%" stop-color="#8338ec"/>
+      <stop offset="100%" stop-color="#3a86ff"/>
+    </linearGradient>
+    <filter id="f1">
+      <feTurbulence type="fractalNoise" baseFrequency="0.006" numOctaves="5" seed="42"/>
+      <feDisplacementMap in="SourceGraphic" scale="80"/>
+    </filter>
+  </defs>
+  <rect width="100%" height="100%" fill="url(#g1)"/>
+  <rect width="100%" height="100%" fill="url(#g1)" filter="url(#f1)" opacity="0.6"/>
+</svg>

data/assets/backgrounds/gradients/plum.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400">
+  <defs>
+    <linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#4a0e4e"/>
+      <stop offset="50%" stop-color="#812f85"/>
+      <stop offset="100%" stop-color="#c77dff"/>
+    </linearGradient>
+    <filter id="f1">
+      <feTurbulence type="fractalNoise" baseFrequency="0.006" numOctaves="4" seed="15"/>
+      <feDisplacementMap in="SourceGraphic" scale="65"/>
+    </filter>
+  </defs>
+  <rect width="100%" height="100%" fill="url(#g1)"/>
+  <rect width="100%" height="100%" fill="url(#g1)" filter="url(#f1)" opacity="0.5"/>
+</svg>

data/assets/backgrounds/gradients/sunrise.svg

@@ -0,0 +1,15 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="800" height="400" viewBox="0 0 800 400">
+  <defs>
+    <linearGradient id="g1" x1="0%" y1="0%" x2="100%" y2="100%">
+      <stop offset="0%" stop-color="#ff6b35"/>
+      <stop offset="50%" stop-color="#f7c59f"/>
+      <stop offset="100%" stop-color="#efefd0"/>
+    </linearGradient>
+    <filter id="f1">
+      <feTurbulence type="fractalNoise" baseFrequency="0.008" numOctaves="4" seed="7"/>
+      <feDisplacementMap in="SourceGraphic" scale="60"/>
+    </filter>
+  </defs>
+  <rect width="100%" height="100%" fill="url(#g1)"/>
+  <rect width="100%" height="100%" fill="url(#g1)" filter="url(#f1)" opacity="0.5"/>
+</svg>

data/assets/backgrounds/noise/air.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/aqua.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/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);
-  }
 });