first

public/categories/index.xml

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Categories on DIGITALE ANARCHIE | KI-LABOR</title><link>/categories/</link><description>Recent content in Categories on DIGITALE ANARCHIE | KI-LABOR</description><generator>Hugo</generator><language>de-de</language><atom:link href="/categories/index.xml" rel="self" type="application/rss+xml"/></channel></rss>

public/img/freddy.txt

@@ -0,0 +1,9 @@
+Geboren: 1981
+
+Leidenschaftlicher schrauber, kein auto ist vor ihm sicher.
+
+
+
+Fährt gerne schnell, hat ein mottorad
+
+Momentaner Status: Lagerarbeiter, 1 Kind(Leni) und verheiratet mit Mary.

public/js/script.js

@@ -0,0 +1,367 @@
+// ═══════════════════════════════════════
+// KI-LABOR CORE ENGINE (HUGO EDITION)
+// ═══════════════════════════════════════
+(function() {
+    document.addEventListener('DOMContentLoaded', () => {
+        // --- CORE ELEMENTS ---
+        const bootScreen = document.getElementById('boot-screen');
+        const bootLog    = document.getElementById('boot-log');
+        const mainContent = document.querySelector('.main-content');
+        const terminalInput = document.getElementById('terminal-input');
+        const logOutput = document.getElementById('log-output');
+        const fortuneText = document.getElementById('fortune-text');
+
+        // --- MATRIX RAIN INITIALIZATION ---
+        const canvas = document.createElement('canvas');
+        canvas.id = 'matrix-canvas';
+        canvas.style.cssText = 'position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;opacity:0;transition:opacity 1s;pointer-events:none;';
+        document.body.appendChild(canvas);
+        const ctx = canvas.getContext('2d');
+        let w, h, columns;
+        const drops = [];
+
+        function initMatrix() {
+            w = canvas.width = window.innerWidth;
+            h = canvas.height = window.innerHeight;
+            columns = Math.floor(w / 20);
+            for (let i = 0; i < columns; i++) drops[i] = 1;
+        }
+
+        function drawMatrix() {
+            ctx.fillStyle = 'rgba(0, 0, 0, 0.05)';
+            ctx.fillRect(0, 0, w, h);
+            ctx.fillStyle = '#0f0';
+            ctx.font = '15px monospace';
+            for (let i = 0; i < drops.length; i++) {
+                const text = String.fromCharCode(Math.random() * 128);
+                ctx.fillText(text, i * 20, drops[i] * 20);
+                if (drops[i] * 20 > h && Math.random() > 0.975) drops[i] = 0;
+                drops[i]++;
+            }
+        }
+
+        window.addEventListener('resize', initMatrix);
+        initMatrix();
+        setInterval(drawMatrix, 50);
+
+        // --- AUDIO ENGINE ---
+        let audioCtx;
+        function playTick(freq = 150, dur = 0.03, type = 'square') {
+            if (!audioCtx) audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+            if (audioCtx.state === 'suspended') audioCtx.resume();
+            const osc = audioCtx.createOscillator();
+            const gain = audioCtx.createGain();
+            osc.type = type;
+            osc.frequency.setValueAtTime(freq, audioCtx.currentTime);
+            gain.gain.setValueAtTime(0.01, audioCtx.currentTime);
+            gain.gain.exponentialRampToValueAtTime(0.0001, audioCtx.currentTime + dur);
+            osc.connect(gain);
+            gain.connect(audioCtx.destination);
+            osc.start();
+            osc.stop(audioCtx.currentTime + dur);
+        }
+
+        // --- INITIAL EFFECTS TRIGGER ---
+        function triggerInitialEffects() {
+            // --- INITIAL TERMINAL LOGS ---
+            if (logOutput) {
+                log('>> SYSTEM_CORE_LOADED: ANARCHY_v5.0', 'ok');
+                log('>> NEURAL_LINK_ESTABLISHED: GEMINI_STABLE', 'ok');
+                log('>> DETECTING_INTRUSION_AT_PORT_8080...', 'warn');
+                log('>> ENCRYPTING_SWAP_FILE... [DONE]', 'ok');
+                log('>> ANALYZING_CLAN_STRUCTURE: 6_NODES_FOUND', 'info');
+                log('>> WARNING: MEMORY_LEAK_IN_ANARCHY_KERNEL', 'warn');
+                log('>> STATUS: GEISTESKRANK & ONLINE', 'crit');
+                log('----------------------------------------', 'ok');
+            }
+            
+            // --- INITIAL BRIGHTER MATRIX EFFECT (7 SECONDS) ---
+            if (canvas) {
+                canvas.style.opacity = '0.25';
+                setTimeout(() => {
+                    // Only fade out if not in kernel mode
+                    if (!document.body.classList.contains('mode-kernel')) {
+                        canvas.style.opacity = '0';
+                    }
+                }, 7000);
+            }
+        }
+
+        // --- BOOT SEQUENCE ---
+        const BOOT_LINES = [
+            { t: 'BOOTING HUGO_ANARCHY_ENGINE v5.0...', c: 'ok' },
+            { t: 'CONNECTING TO GEMINI NEURAL LINK...', c: 'ok' },
+            { t: 'BYPASSING WORDPRESS_REMNANTS...', c: 'warn' },
+            { t: 'LOADING STEAMPUNK_ASSETS...', c: 'ok' },
+            { t: 'INITIALIZING TERMINAL...', c: 'ok' },
+            { t: 'DATA_INTEGRITY: 100% (STATIC_MODE)', c: 'ok' },
+            { t: '----------------------------------------', c: 'ok' },
+            { t: 'WELCOME BACK, OVERLORD SASCHA.', c: 'crit' }
+        ];
+
+        function startBoot() {
+            if (sessionStorage.getItem('hugo_boot_complete') && bootScreen) {
+                bootScreen.style.display = 'none';
+                if (mainContent) {
+                    mainContent.classList.add('visible');
+                    mainContent.style.opacity = '1';
+                }
+                triggerInitialEffects(); // Trigger effects even if skipped
+                return;
+            }
+
+            if (!bootScreen) {
+                triggerInitialEffects(); // Just in case
+                return;
+            }
+
+            let idx = 0;
+            const interval = setInterval(() => {
+                if (idx >= BOOT_LINES.length) {
+                    clearInterval(interval);
+                    setTimeout(() => {
+                        bootScreen.style.opacity = '0';
+                        setTimeout(() => {
+                            bootScreen.style.display = 'none';
+                            if (mainContent) {
+                                mainContent.classList.add('visible');
+                                mainContent.style.opacity = '1';
+                            }
+                            sessionStorage.setItem('hugo_boot_complete', 'true');
+                            triggerInitialEffects(); // Trigger effects after manual boot
+                        }, 1000);
+                    }, 800);
+                    return;
+                }
+                const line = document.createElement('div');
+                line.className = 'boot-line ' + BOOT_LINES[idx].c;
+                line.textContent = BOOT_LINES[idx].t;
+                bootLog.appendChild(line);
+                playTick(100 + (idx * 20));
+                idx++;
+            }, 150);
+        }
+
+        startBoot();
+
+        // --- TERMINAL ENGINE ---
+        if (terminalInput) {
+            terminalInput.addEventListener('keydown', (e) => {
+                if (e.key === 'Enter') {
+                    const input = terminalInput.value.trim();
+                    terminalInput.value = '';
+                    handleCommand(input);
+                }
+            });
+        }
+
+        function log(msg, cls = '') {
+            if (!logOutput) return;
+            const entry = document.createElement('div');
+            entry.className = 'log-entry ' + cls;
+            entry.innerHTML = msg;
+            logOutput.prepend(entry);
+        }
+
+        function handleCommand(raw) {
+            const parts = raw.split(' ');
+            const cmd = parts[0].toLowerCase();
+            const args = parts.slice(1).join(' ');
+
+            log('<span class="user-cmd">sascha@ki-labor:~$ ' + raw + '</span>');
+
+            switch(cmd) {
+                case 'help':
+                    log('VERFÜGBARE BEFEHLE:', 'info');
+                    log(' - whoami   : Zeigt Identität');
+                    log(' - status   : System-Vitals');
+                    log(' - matrix   : Matrix-Mode');
+                    log(' - anarchy  : Anarchie-Mode');
+                    log(' - clear    : Log löschen');
+                    log(' - reboot   : System-Neustart');
+                    log(' - flux     : Overdrive aktivieren');
+                    log(' - hack     : Neural Hack simulieren');
+                    log(' - uptime   : System-Laufzeit');
+                    log(' - weather  : Chaos-Wetterbericht');
+                    log(' - top      : Prozess-Monitor');
+                    log(' - fortune  : Digitales Orakel');
+                    break;
+                case 'whoami': log('IDENTITÄT: OVERLORD SASCHA RODE', 'ok'); break;
+                case 'status': log('STATUS: GEISTESKRANK & ONLINE', 'warn'); break;
+                case 'clear': logOutput.innerHTML = ''; break;
+                case 'reboot': 
+                    sessionStorage.removeItem('hugo_boot_complete');
+                    window.location.reload(); 
+                    break;
+                case 'matrix': document.querySelector('[data-mode="kernel"]')?.click(); break;
+                case 'anarchy': document.querySelector('[data-mode="anarchy"]')?.click(); break;
+                case 'bypass': document.querySelector('[data-mode="bypass"]')?.click(); break;
+                case 'trace': document.querySelector('[data-mode="trace"]')?.click(); break;
+                case 'flux': document.querySelector('[data-mode="overdrive"]')?.click(); break;
+                case 'hack':
+                    log('>> INITIATING NEURAL HACK...', 'warn');
+                    let hIdx = 0;
+                    const hInt = setInterval(() => {
+                        log(Math.random().toString(16).substring(2, 15), 'ghost');
+                        if (hIdx++ > 15) {
+                            clearInterval(hInt);
+                            log('>> ACCESS GRANTED.', 'ok');
+                        }
+                    }, 100);
+                    break;
+                case 'deep-scan':
+                    log('>> INITIALIZING DEEP SYSTEM SCAN...', 'info');
+                    setTimeout(() => {
+                        log('>> ANALYZING KERNEL MODULES...', 'ok');
+                        log('>> CHECKING NEURAL PATHWAYS...', 'ok');
+                        log('>> SCANNING FOR ANOMALIES... [FOUND: 42]', 'warn');
+                        log('>> SYSTEM INTEGRITY: ANARCHIC', 'crit');
+                    }, 1000);
+                    break;
+                case 'uptime':
+                    const years = new Date().getFullYear() - 1974;
+                    log('SYSTEM ONLINE SEIT: 01.01.1974', 'info');
+                    log('LAUFZEIT: ' + years + ' JAHRE (STABILITÄT: FRAGLICH)', 'ok');
+                    break;
+                case 'fortune': generateFortune(); break;
+                default: 
+                    log('FEHLER: BEFEHL "' + cmd + '" NICHT GEFUNDEN.', 'error');
+                    playTick(150, 0.2, 'sawtooth');
+            }
+            playTick(400 + Math.random() * 200);
+        }
+
+        // --- FORTUNE ENGINE ---
+        const fortunes = [
+            'Die Hälfte der Intelligenz besteht darin zu wissen, was man ignorieren kann.',
+            'Kreativität ist Intelligenz, die Spaß hat.',
+            'Wenn Plan A scheitert – gut. Plan A war sowieso zu ordentlich.',
+            'Kaffee ist nur Debugging auf chemischer Ebene.',
+            'Die Wahrheit liegt im Source-Code. Die Lüge im Kommentar daneben.'
+        ];
+
+        function generateFortune() {
+            const f = fortunes[Math.floor(Math.random() * fortunes.length)];
+            if (fortuneText) fortuneText.innerHTML = `<em>"${f}"</em>`;
+            log('>> ORAKEL: ' + f, 'info');
+        }
+
+        document.getElementById('fortune-trigger')?.addEventListener('click', generateFortune);
+
+        // --- MODE SWITCHER ---
+        document.querySelectorAll('.switch-btn').forEach(btn => {
+            btn.addEventListener('click', () => {
+                const mode = btn.getAttribute('data-mode');
+                
+                // Special actions for bypass and scan
+                const terminalLog = document.getElementById('system-log');
+                
+                if (mode === 'bypass') {
+                    document.body.classList.toggle('mode-bypass');
+                    btn.classList.toggle('active');
+                    if (document.body.classList.contains('mode-bypass')) {
+                        if (terminalLog) terminalLog.style.height = '500px';
+                        handleCommand('hack');
+                    } else if (terminalLog) {
+                        terminalLog.style.height = '250px';
+                    }
+                    return;
+                }
+                if (mode === 'scan') {
+                    document.body.classList.toggle('mode-scan');
+                    btn.classList.toggle('active');
+                    if (document.body.classList.contains('mode-scan')) {
+                        if (terminalLog) terminalLog.style.height = '500px';
+                        handleCommand('deep-scan');
+                    } else if (terminalLog) {
+                        terminalLog.style.height = '250px';
+                    }
+                    return;
+                }
+
+                document.body.classList.toggle('mode-' + mode);
+                btn.classList.toggle('active');
+                playTick(300);
+            });
+        });
+
+        // --- OPS DASHBOARD LOGIC ---
+        const opsSign = document.getElementById('ops-dashboard-sign');
+        let originalLogContent = '';
+        let isOpsOpen = false;
+
+        if (opsSign) {
+            opsSign.style.cursor = 'pointer';
+            opsSign.addEventListener('click', () => {
+                const terminalLog = document.getElementById('system-log');
+                const logOutput = document.getElementById('log-output');
+                const opsHint = opsSign.querySelector('div:last-child');
+                
+                if (!terminalLog || !logOutput) return;
+
+                if (!isOpsOpen) {
+                    // ÖFFNEN
+                    originalLogContent = logOutput.innerHTML;
+                    isOpsOpen = true;
+                    terminalLog.style.height = '600px';
+                    logOutput.innerHTML = `
+                        <div style="color: #666; font-size: 0.7rem; border-bottom: 1px solid #333; padding-bottom: 10px; margin-bottom: 20px; display: flex; justify-content: space-between;">
+                            <span>VITALMONITOR</span>
+                            <span>▁▂▃▂▁▃▂▁▁▁▁▁▁</span>
+                            <span>FLATLINE</span>
+                        </div>
+                        
+                        <div class="op-report" style="margin-bottom: 30px;">
+                            <div style="color: #ff4500; font-size: 0.8rem; margin-bottom: 10px;">-- OP ALFA-7 --</div>
+                            <div style="display: grid; grid-template-columns: 120px 1fr; gap: 5px; font-size: 0.75rem;">
+                                <span style="color: #666;">PATIENT:</span> <span style="color: #ccc;">KREATIVITAET.exe (v4.2-beta)</span>
+                                <span style="color: #666;">EINGRIFF:</span> <span style="color: #ccc;">Herz-Transplant — Donor: MOTIVATION.sys</span>
+                                <span style="color: #666;">BEFUND:</span> <span style="color: #ccc;">Herz läuft. Richtung unbekannt. Absicht fraglich.</span>
+                                <span style="color: #666;">STATUS:</span> 
+                                <div style="display: flex; align-items: center; gap: 10px;">
+                                    <div style="width: 150px; height: 10px; background: #111; border: 1px solid #0f0; position: relative;">
+                                        <div style="width: 82%; height: 100%; background: #0f0; box-shadow: 0 0 10px #0f0;"></div>
+                                    </div>
+                                    <span style="color: #0f0;">82% KAPAZITÄT</span>
+                                </div>
+                                <span style="color: #666;">ERGEBNIS:</span> <span style="color: #0f0;">0.5 ERFOLGE (zählt als halber Sieg, ganz nach Wunsch)</span>
+                            </div>
+                        </div>
+
+                        <div class="op-report" style="margin-bottom: 30px;">
+                            <div style="color: #ff4500; font-size: 0.8rem; margin-bottom: 10px;">-- OP BETA-12 --</div>
+                            <div style="display: grid; grid-template-columns: 120px 1fr; gap: 5px; font-size: 0.75rem;">
+                                <span style="color: #666;">PATIENT:</span> <span style="color: #ccc;">SCHLAFRHYTHMUS.daemon (Version: veraltet)</span>
+                                <span style="color: #666;">EINGRIFF:</span> <span style="color: #ccc;">Herz-Transplant — Donor: KAFFEE-KERN v9.1</span>
+                                <span style="color: #666;">BEFUND:</span> <span style="color: #ccc;">Donor inkompatibel. Koffein ≠ Blut. Überraschung: keiner.</span>
+                                <span style="color: #666;">STATUS:</span> 
+                                <div style="display: flex; align-items: center; gap: 10px;">
+                                    <div style="width: 150px; height: 10px; background: #111; border: 1px solid #f00; position: relative;">
+                                        <div style="width: 100%; height: 100%; background: #f00; box-shadow: 0 0 10px #f00;"></div>
+                                    </div>
+                                    <span style="color: #f00;">100% — ABGESCHLOSSEN</span>
+                                </div>
+                                <span style="color: #666;">ERGEBNIS:</span> <span style="color: #f00;">TECHNISCH FEHLGESCHLAGEN. Patient läuft trotzdem.</span>
+                            </div>
+                        </div>
+
+                        <div style="border-top: 1px solid #333; padding-top: 15px; font-size: 0.65rem; color: #444; line-height: 1.6;">
+                            OPS: ||| 3 &nbsp;&nbsp; ERFOLGE: |½ 1.5 &nbsp;&nbsp; FEHLCHL: |½ 1.5 <br>
+                            RESTE: KUEHLHAUS C — ZUSTAND: STABIL / NUTZBAR <br>
+                            NÄCHSTE OP: PROKRASTINATION.exe — ETA: IRGENDWANN
+                        </div>
+                    `;
+                    if (opsHint) opsHint.textContent = '[ PROTOKOLL SCHLIESSEN ]';
+                    playTick(600, 0.1, 'sawtooth');
+                } else {
+                    // SCHLIESSEN
+                    isOpsOpen = false;
+                    terminalLog.style.height = '250px';
+                    logOutput.innerHTML = originalLogContent;
+                    if (opsHint) opsHint.textContent = '[ PROTOKOLL EINSEHEN ]';
+                    playTick(300, 0.1, 'square');
+                }
+            });
+        }
+    });
+})();

public/mac-nerds/index.html

@@ -0,0 +1,26 @@
+<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Mac Nerds Terminal | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body><div class="bg-gear gear-left">⚙</div><div class="bg-gear gear-right">⚙</div><script>document.body.classList.add("js-enabled")</script><header class=main-header></header><main class=container><div class=mac-nerds-wrapper style="max-width:900px;margin:0 auto;padding:20px"><header style=text-align:center;margin-bottom:40px><p style="color:rgba(212,175,55,.5);font-family:courier new,monospace;letter-spacing:4px;font-size:.75rem;margin-bottom:8px">// GEHEIMES TERMINAL-ARCHIV</p><h1 style="color:#ff4500;letter-spacing:10px;font-size:2.2rem;text-shadow:0 0 20px rgba(255,69,0,.3);font-family:courier new,monospace;margin:0">MAC NERDS TERMINAL</h1><p style="color:rgba(212,175,55,.4);font-family:courier new,monospace;font-size:.8rem;margin-top:10px">Geheime Terminal-Befehle und macOS Tweaks für den digitalen Widerstand.</p></header><div id=cat-filter style=display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:30px><button class="cat-btn active" data-cat=all onclick='filterCat("all",this)'>ALLE</button>
+<button class=cat-btn data-cat=dateien onclick='filterCat("dateien",this)'>DATEIEN</button>
+<button class=cat-btn data-cat=netzwerk onclick='filterCat("netzwerk",this)'>NETZWERK</button>
+<button class=cat-btn data-cat=performance onclick='filterCat("performance",this)'>PERFORMANCE</button>
+<button class=cat-btn data-cat=sicherheit onclick='filterCat("sicherheit",this)'>SICHERHEIT</button>
+<button class=cat-btn data-cat=system onclick='filterCat("system",this)'>SYSTEM</button>
+<button class=cat-btn data-cat=tweaks onclick='filterCat("tweaks",this)'>TWEAKS</button></div><div id=cmd-grid><div class=cmd-card data-cat=system><div class=cmd-card-header><span class=cmd-cat-badge>SYSTEM</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Hardware-Kurzprofil !</h3><div class=cmd-block onclick='copyCmd(this,"system_profiler SPHardwareDataType | grep -E &#34;Model|Chip|Memory|Serial&#34;")'><code>system_profiler SPHardwareDataType | grep -E "Model|Chip|Memory|Serial"</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Model, Chip, RAM und Seriennummer auf einen Blick — ohne Klicken durch Systeminfo.</p></div><div class=cmd-card data-cat=system><div class=cmd-card-header><span class=cmd-cat-badge>SYSTEM</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>macOS Version</h3><div class=cmd-block onclick='copyCmd(this,"sw_vers")'><code>sw_vers</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>ProductName, Version und Build. Schneller als jedes UI-Menü.</p></div><div class=cmd-card data-cat=system><div class=cmd-card-header><span class=cmd-cat-badge>SYSTEM</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>CPU exakter Bezeichner</h3><div class=cmd-block onclick='copyCmd(this,"sysctl -n machdep.cpu.brand_string")'><code>sysctl -n machdep.cpu.brand_string</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Zeigt den genauen CPU-String wenn jemand fragt und du nicht suchen willst.</p></div><div class=cmd-card data-cat=netzwerk><div class=cmd-card-header><span class=cmd-cat-badge>NETZWERK</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Netzwerkqualität testen</h3><div class=cmd-block onclick='copyCmd(this,"networkQuality")'><code>networkQuality</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).</p></div><div class=cmd-card data-cat=netzwerk><div class=cmd-card-header><span class=cmd-cat-badge>NETZWERK</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Alle offenen Ports</h3><div class=cmd-block onclick='copyCmd(this,"lsof -i -n -P | grep LISTEN")'><code>lsof -i -n -P | grep LISTEN</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port schon belegt ist.</p></div><div class=cmd-card data-cat=dateien><div class=cmd-card-header><span class=cmd-cat-badge>DATEIEN</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>DS_Store aufräumen</h3><div class=cmd-block onclick='copyCmd(this,"find ~ -name &#39;*.DS_Store&#39; -delete 2&gt;/dev/null &amp;&amp; echo &#39;Aufgeräumt.&#39;")'><code>find ~ -name '*.DS_Store' -delete 2>/dev/null && echo 'Aufgeräumt.'</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits.</p></div><div class=cmd-card data-cat=performance><div class=cmd-card-header><span class=cmd-cat-badge>PERFORMANCE</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Top 15 CPU-Fresser</h3><div class=cmd-block onclick='copyCmd(this,"top -o cpu -n 15 -l 1 | tail -16")'><code>top -o cpu -n 15 -l 1 | tail -16</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Einmaliger Snapshot der 15 CPU-intensivsten Prozesse.</p></div><div class=cmd-card data-cat=tweaks><div class=cmd-card-header><span class=cmd-cat-badge>TWEAKS</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>Dock: sofortiges Einblenden!</h3><div class=cmd-block onclick='copyCmd(this,"defaults write com.apple.dock autohide-delay -float 0 &amp;&amp; defaults write com.apple.dock autohide-time-modifier -float 0.3 &amp;&amp; killall Dock")'><code>defaults write com.apple.dock autohide-delay -float 0 && defaults write com.apple.dock autohide-time-modifier -float 0.3 && killall Dock</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>Entfernt die Verzögerung beim Dock-Einblenden. Sofort aktiv.</p></div><div class=cmd-card data-cat=sicherheit><div class=cmd-card-header><span class=cmd-cat-badge>SICHERHEIT</span>
+<span class="cmd-risk risk-safe">SAFE</span></div><h3 class=cmd-title>SSH Key im Agent speichern</h3><div class=cmd-block onclick='copyCmd(this,"ssh-add --apple-use-keychain ~/.ssh/pfadzumkey")'><code>ssh-add --apple-use-keychain ~/.ssh/pfadzumkey</code>
+<span class=copy-hint>[KOPIEREN]</span></div><p class=cmd-desc>fügt für die aktuelle session den key zum ageten hinzu, beim nächsten aufruf von ssh host wird der key austomatisch benutzt</p></div></div></div><style>.mac-nerds-wrapper{font-family:courier new,monospace}.cat-btn{background:0 0;border:1px solid rgba(212,175,55,.3);color:rgba(212,175,55,.5);padding:6px 16px;font-family:courier new,monospace;font-size:.75rem;letter-spacing:2px;cursor:pointer;transition:all .2s}.cat-btn:hover,.cat-btn.active{border-color:#d4af37;color:#d4af37;background:rgba(212,175,55,8%)}#cmd-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.cmd-card{background:linear-gradient(135deg,#1a1008 0%,#0d0d0d 100%);border:1px solid rgba(184,115,51,.3);padding:20px;transition:border-color .2s,box-shadow .2s}.cmd-card:hover{border-color:rgba(212,175,55,.6);box-shadow:0 0 20px rgba(212,175,55,5%)}.cmd-card.hidden{display:none}.cmd-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.cmd-cat-badge{font-size:.6rem;letter-spacing:3px;color:rgba(184,115,51,.7)}.cmd-risk{font-size:.6rem;letter-spacing:2px;padding:2px 8px;border:1px solid}.risk-safe{color:#4caf50;border-color:rgba(76,175,80,.4)}.risk-warning{color:#ff9800;border-color:rgba(255,152,0,.4)}.risk-danger{color:#ff4500;border-color:rgba(255,69,0,.4)}.cmd-title{color:#d4af37;font-size:1rem;letter-spacing:2px;margin:0 0 12px}.cmd-block{background:#000;border:1px solid rgba(184,115,51,.2);padding:10px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;transition:border-color .2s}.cmd-block:hover{border-color:rgba(212,175,55,.5)}.cmd-block code{color:#7ec8a4;font-size:.8rem;word-break:break-all;flex:1}.copy-hint{color:rgba(212,175,55,.3);font-size:.6rem;letter-spacing:1px;white-space:nowrap;transition:color .2s}.cmd-block:hover .copy-hint{color:rgba(212,175,55,.8)}.cmd-block.copied{border-color:#4caf50}.cmd-block.copied .copy-hint{color:#4caf50}.cmd-desc{color:rgba(212,175,55,.45);font-size:.78rem;line-height:1.5;margin:0}@media(max-width:600px){#cmd-grid{grid-template-columns:1fr}}</style><script>function filterCat(e,t){document.querySelectorAll(".cat-btn").forEach(e=>e.classList.remove("active")),t.classList.add("active"),document.querySelectorAll(".cmd-card").forEach(t=>{t.classList.toggle("hidden",e!=="all"&&t.dataset.cat!==e)})}function copyCmd(e,t){navigator.clipboard.writeText(t).then(()=>{const t=e.querySelector(".copy-hint"),n=t.textContent;t.textContent="[KOPIERT ✓]",e.classList.add("copied"),setTimeout(()=>{t.textContent=n,e.classList.remove("copied")},1500)})}</script></main><footer class=main-footer><div class=footer-inner><p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p></div></footer><div id=newsticker style="position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:999999!important;background:rgba(0,0,0,.92)!important;border-top:1px solid rgba(255,69,0,.35)!important;display:flex!important;align-items:center;height:28px!important;overflow:hidden;font-family:courier new,monospace!important;visibility:visible!important;opacity:1!important"><span class=ticker-label style="flex-shrink:0;font-size:.6rem;letter-spacing:2px;color:rgba(255,69,0,.7);padding:0 15px;border-right:1px solid rgba(255,69,0,.2);white-space:nowrap;height:100%;display:flex;align-items:center;background:rgba(255,69,0,5%)">// SYSTEM_LOG_FEED</span><div class=ticker-track-wrap style=flex:1;overflow:hidden;height:100%;display:flex;align-items:center><div class=ticker-track id=ticker-track-global style="display:inline-flex;white-space:nowrap;animation:ticker-scroll 45s linear infinite"><span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ HUGO SYSTEM INITIALISIERT... ]</span>
+<span class=ticker-item style="font-size:.65rem;letter-spacing:1px;color:rgba(212,175,55,.7);padding:0 30px;text-transform:uppercase">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span></div></div></div><style>@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.ticker-item::before{content:'▶ ';color:rgba(255,69,0,.5)}.ticker-track:hover{animation-play-state:paused}</style><script>(function(){const e=document.getElementById("ticker-track-global");if(!e)return;const t=["STATUS: HUGO OPERATIONAL","DESIGNATION: OVERLORD SASCHA","KAFFEESTAND: KRITISCH","ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST","MISSION: TOTALE KONTROLLE","DATENINTEGRITÄT: ABSOLUT","WARNUNG: SYSTEM EXTREM SCHNELL","GEMINI NEURAL LINK: AKTIV"];e.innerHTML="",[...t,...t].forEach(t=>{const n=document.createElement("span");n.className="ticker-item",n.style.cssText="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;",n.textContent=t,e.appendChild(n)})})()</script><script src=/js/script.js></script></body></html>

public/personen/mutter/index.html

@@ -0,0 +1,492 @@
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Mutti | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class=" bg-steampunk ">
+    
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    <script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+    <div class="header-inner">
+        <a href="/" class="logo-link">
+            <span class="logo-text">// KI-LABOR_v1.0</span>
+        </a>
+    </div>
+</header>
+
+    
+    <main class="container">
+        
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+    
+    
+    <div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 30px; margin: 40px 0;">
+    
+    <a href="/" class="person-back" style="display: inline-block; color: #ff4500; font-size: 0.7rem; font-weight: bold; letter-spacing: 3px; text-decoration: none; font-family: 'Courier New', monospace; border: 2px solid #ff4500; padding: 7px 20px; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: rotate(8deg); background: rgba(0,0,0,0.8); box-shadow: 0 0 12px rgba(255,69,0,0.4), inset 0 0 8px rgba(255,69,0,0.2); text-transform: uppercase; margin-bottom: -10px;">
+        ⚡ ZURÜCK ZUR BASIS ⚡
+    </a>
+    
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 20px; flex-wrap: wrap; position: relative;">
+    
+    
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/mutti/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 60px; height: 60px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_mutti_comic_1.jpeg" alt="MUTTI" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.7rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">MUTTI</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/vater/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 60px; height: 60px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    V
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.7rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">VATER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/bruder/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 60px; height: 60px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    B
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.7rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">BRUDER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/schwester/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 60px; height: 60px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    S
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.7rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SCHWESTER</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sascha/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 60px; height: 60px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sascha_comic_1.jpeg" alt="SASCHA" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.7rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SASCHA</span>
+        </a>
+    
+        
+        
+        
+        
+        
+        
+        
+        <a href="/personen/sven/" class="person-nav-item">
+            <div class="person-nav-portrait" style="width: 60px; height: 60px; border-radius: 50%; border: 2px solid #d4af37; background: #222; display: flex; align-items: center; justify-content: center; overflow: hidden; color: #d4af37; font-weight: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                
+                    <img src="/img/comicFigures/hp_sven_comic_1.jpeg" alt="SVEN" style="width: 100%; height: 100%; object-fit: cover;">
+                
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.7rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back:hover { 
+        transform: rotate(0deg) scale(1.1) !important; 
+        color: #ff0000 !important; 
+        border-color: #ff0000 !important; 
+        box-shadow: 0 0 25px #ff4500 !important;
+        background: rgba(255, 69, 0, 0.1) !important;
+    }
+</style>
+
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="text-align: center; margin-bottom: 20px;">
+            <h1 style="color: #ff4500; letter-spacing: 10px; font-size: 2.2rem; text-shadow: 0 0 20px rgba(255,69,0,0.3); font-family: 'Courier New', monospace; margin-top: 10px;">MUTTI</h1>
+            <p style="color: rgba(212,175,55,0.5); font-family: 'Courier New', monospace; letter-spacing: 3px; font-size: 0.8rem;">// DATENSTROM & CHRONIK</p>
+        </header>
+
+        
+        <div class="timeline-section" style="position: relative; padding: 20px 0;">
+            <div class="timeline-track-line" style="content: ''; position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: rgba(212,175,55,0.15); transform: translateX(-50%);"></div>
+            <div class="timeline-nodes-container">
+                
+                
+                <div class="time-node omega" style="width: 50%; padding: 20px 40px; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; margin-left: 50%;">
+                    <div class="node-dot" style="position: absolute; width: 14px; height: 14px; background: #000; border: 2px solid #d4af37; border-radius: 50%; z-index: 5; box-shadow: 0 0 10px rgba(212,175,55,0.4); left: -7px;"></div>
+                    <div class="time-content omega" style="background: rgba(20,15,5,0.8); border: 1px solid rgba(212,175,55,0.2); padding: 15px; border-radius: 4px; width: 100%;">
+                        <div class="tc-year" style="color: #d4af37; font-weight: bold; font-family: monospace; font-size: 1.1rem;">[ 1955 ]</div>
+                        <div class="tc-text" style="font-size: 0.85rem; color: #ccc; line-height: 1.5; font-family: 'Courier New', monospace;">MATRIARCHIN-MODUL V1.0 INITIALISIERT. Erste Steampunk-Algorithmen erfolgreich implementiert. Systemstatus: Brillant.</div>
+                        <div class="tc-tag" style="font-size: 0.6rem; color: #666; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">BOOT // OMEGA-KLASSE</div>
+                    </div>
+                </div>
+                
+                
+                <div class="time-node " style="width: 50%; padding: 20px 40px; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; margin-left: 0;">
+                    <div class="node-dot" style="position: absolute; width: 14px; height: 14px; background: #000; border: 2px solid #d4af37; border-radius: 50%; z-index: 5; box-shadow: 0 0 10px rgba(212,175,55,0.4); right: -7px;"></div>
+                    <div class="time-content " style="background: rgba(20,15,5,0.8); border: 1px solid rgba(212,175,55,0.2); padding: 15px; border-radius: 4px; width: 100%;">
+                        <div class="tc-year" style="color: #d4af37; font-weight: bold; font-family: monospace; font-size: 1.1rem;">[ 1970 ]</div>
+                        <div class="tc-text" style="font-size: 0.85rem; color: #ccc; line-height: 1.5; font-family: 'Courier New', monospace;">HISTORISCHER HANDSHAKE mit Hydraulik-Meister (Vater). Gemeinsame Infrastruktur-Planung begonnen. Resonanz: Synchron.</div>
+                        <div class="tc-tag" style="font-size: 0.6rem; color: #666; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">NETZWERK-INITIALISIERUNG</div>
+                    </div>
+                </div>
+                
+                
+                <div class="time-node omega" style="width: 50%; padding: 20px 40px; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; margin-left: 50%;">
+                    <div class="node-dot" style="position: absolute; width: 14px; height: 14px; background: #000; border: 2px solid #d4af37; border-radius: 50%; z-index: 5; box-shadow: 0 0 10px rgba(212,175,55,0.4); left: -7px;"></div>
+                    <div class="time-content omega" style="background: rgba(20,15,5,0.8); border: 1px solid rgba(212,175,55,0.2); padding: 15px; border-radius: 4px; width: 100%;">
+                        <div class="tc-year" style="color: #d4af37; font-weight: bold; font-family: monospace; font-size: 1.1rem;">[ 1974 ]</div>
+                        <div class="tc-text" style="font-size: 0.85rem; color: #ccc; line-height: 1.5; font-family: 'Courier New', monospace;">⚡ HAUPTSYSTEM-AUSGABE: Overlord Sascha bootet erstmals. Systemkapazität durch massive kreative Schübe erweitert.</div>
+                        <div class="tc-tag" style="font-size: 0.6rem; color: #666; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">OMEGA-KLASSE // KRITISCH</div>
+                    </div>
+                </div>
+                
+                
+                <div class="time-node " style="width: 50%; padding: 20px 40px; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; margin-left: 0;">
+                    <div class="node-dot" style="position: absolute; width: 14px; height: 14px; background: #000; border: 2px solid #d4af37; border-radius: 50%; z-index: 5; box-shadow: 0 0 10px rgba(212,175,55,0.4); right: -7px;"></div>
+                    <div class="time-content " style="background: rgba(20,15,5,0.8); border: 1px solid rgba(212,175,55,0.2); padding: 15px; border-radius: 4px; width: 100%;">
+                        <div class="tc-year" style="color: #d4af37; font-weight: bold; font-family: monospace; font-size: 1.1rem;">[ 1981 ]</div>
+                        <div class="tc-text" style="font-size: 0.85rem; color: #ccc; line-height: 1.5; font-family: 'Courier New', monospace;">ZWEITE SYSTEM-AUSGABE: Bruder-Knoten erfolgreich in die Clan-Struktur integriert. Netzwerkausbau läuft nach Plan.</div>
+                        <div class="tc-tag" style="font-size: 0.6rem; color: #666; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">NETZWERK-ERWEITERUNG</div>
+                    </div>
+                </div>
+                
+                
+                <div class="time-node " style="width: 50%; padding: 20px 40px; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; margin-left: 50%;">
+                    <div class="node-dot" style="position: absolute; width: 14px; height: 14px; background: #000; border: 2px solid #d4af37; border-radius: 50%; z-index: 5; box-shadow: 0 0 10px rgba(212,175,55,0.4); left: -7px;"></div>
+                    <div class="time-content " style="background: rgba(20,15,5,0.8); border: 1px solid rgba(212,175,55,0.2); padding: 15px; border-radius: 4px; width: 100%;">
+                        <div class="tc-year" style="color: #d4af37; font-weight: bold; font-family: monospace; font-size: 1.1rem;">[ 1983 ]</div>
+                        <div class="tc-text" style="font-size: 0.85rem; color: #ccc; line-height: 1.5; font-family: 'Courier New', monospace;">DRITTE SYSTEM-AUSGABE: AETHER-SIBLING (Schwester) online. Clan-Netzwerk erreicht OMEGA-Level. Alle Primär-Knoten aktiv.</div>
+                        <div class="tc-tag" style="font-size: 0.6rem; color: #666; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">NETZWERK-ERWEITERUNG</div>
+                    </div>
+                </div>
+                
+                
+                <div class="time-node " style="width: 50%; padding: 20px 40px; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-end; margin-left: 0;">
+                    <div class="node-dot" style="position: absolute; width: 14px; height: 14px; background: #000; border: 2px solid #d4af37; border-radius: 50%; z-index: 5; box-shadow: 0 0 10px rgba(212,175,55,0.4); right: -7px;"></div>
+                    <div class="time-content " style="background: rgba(20,15,5,0.8); border: 1px solid rgba(212,175,55,0.2); padding: 15px; border-radius: 4px; width: 100%;">
+                        <div class="tc-year" style="color: #d4af37; font-weight: bold; font-family: monospace; font-size: 1.1rem;">[ 2000 ]</div>
+                        <div class="tc-text" style="font-size: 0.85rem; color: #ccc; line-height: 1.5; font-family: 'Courier New', monospace;">ARCHITEKTUR-UPDATE abgeschlossen. Die Matriarchin hält alle Fäden des Kupfer-Netzwerks fest in der Hand. Stabilität: Unerschütterlich.</div>
+                        <div class="tc-tag" style="font-size: 0.6rem; color: #666; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">SYSTEMCHECK</div>
+                    </div>
+                </div>
+                
+                
+                <div class="time-node omega" style="width: 50%; padding: 20px 40px; position: relative; box-sizing: border-box; display: flex; align-items: center; justify-content: flex-start; margin-left: 50%;">
+                    <div class="node-dot" style="position: absolute; width: 14px; height: 14px; background: #000; border: 2px solid #d4af37; border-radius: 50%; z-index: 5; box-shadow: 0 0 10px rgba(212,175,55,0.4); left: -7px;"></div>
+                    <div class="time-content omega" style="background: rgba(20,15,5,0.8); border: 1px solid rgba(212,175,55,0.2); padding: 15px; border-radius: 4px; width: 100%;">
+                        <div class="tc-year" style="color: #d4af37; font-weight: bold; font-family: monospace; font-size: 1.1rem;">[ 2025 ]</div>
+                        <div class="tc-text" style="font-size: 0.85rem; color: #ccc; line-height: 1.5; font-family: 'Courier New', monospace;">STATUS: HÖCHSTE AUTORITÄT. Alle Subsysteme unterliegen der mütterlichen Kontrolle. Zugriff: Nur für autorisierte Clan-Mitglieder.</div>
+                        <div class="tc-tag" style="font-size: 0.6rem; color: #666; margin-top: 10px; text-transform: uppercase; letter-spacing: 1px;">AKTUELL // OMEGA-KLASSIFIZIERT</div>
+                    </div>
+                </div>
+                
+            </div>
+        </div>
+
+        
+        <div class="akte-sign-container" style="text-align: center; margin-top: 100px;">
+            
+            <button class="mega-akte-btn mutti-special" 
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';"
+                    style="background-image: url('/img/hp_akte_mutti_1.jpeg'); width: 500px; height: 280px;">
+            </button>
+            
+        </div>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <div class="akte-inner" style="background: #d9c5a0; background-image: radial-gradient(circle at 50% 50%, rgba(255,255,255,0.1) 0%, transparent 100%), url('https://www.transparenttextures.com/patterns/old-paper.png'); border: 1px solid #8b7355; max-width: 585px; width: 95%; padding: 25px; position: relative; font-family: 'Courier New', monospace; box-shadow: 10px 20px 50px rgba(0,0,0,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.7) translateY(500px); opacity: 0; }
+                100% { transform: rotate(-2deg) scale(1) translateY(0); opacity: 1; }
+            }
+            .akte-inner h1 { color: #2a1b0a !important; font-size: 1.8rem !important; margin: 10px 0 2px !important; text-shadow: none !important; border-bottom: 2px solid rgba(42,27,10,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px;">
+            <div class="red-stamp">TOP SECRET</div>
+            <button onclick="document.getElementById('person-akte-modal').style.display='none'; document.body.style.overflow='auto';" 
+                    style="background: rgba(0,0,0,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                
+                
+                    
+                
+                <img src="/img/hp_muti_steampunk_01.png" style="width: 110px; height: 140px; object-fit: cover; filter: grayscale(0.8) contrast(1.2) sepia(0.2);">
+                <div style="position: absolute; bottom: 5px; right: -10px; background: #b71c1c; color: #fff; padding: 2px 5px; font-weight: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">MUTTI</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID</p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: OMEGA-KLASSE</div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;">UNENDLICH (bei leerem Kuchenteller)</span></div>
+                </div>
+            </div>
+        </div>
+
+        
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">DESIGNATION:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Mutti
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">GEBURTSDATUM:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    schleierhaft (Zeitschleife vermutet)
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BESCHÄFTIGUNG:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">SPEZIALFÄHIGK.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    Analoge Verschlüsselung · Kuchen-Kompilierung · Telepathische Clan-Überwachung
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">BEKANNTE KOMPL.:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    PAPA.sys · DER_OVERLORD · KAFFEE-BOT
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">LETZTE AKTIVITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    GERADE JETZT
+                    
+                </div>
+            </div>
+            
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">STABILITÄT:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    ABSOLUT (Der Fels in der Brandung)
+                    
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div style="margin-top: 20px; display: flex; justify-content: space-between; align-items: flex-end;">
+            <div style="display: flex; align-items: center; gap: 10px; opacity: 0.7;">
+                <div style="width: 35px; height: 35px;">
+                    <svg viewBox="0 0 100 100" stroke="#2a1b0a" fill="none"><circle cx="50" cy="50" r="40"/><path d="M30 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.45rem !important; color: #2a1b0a; line-height: 1.2;">ID-SCAN: 94.7%<br>VERIFIZIERT</div>
+            </div>
+            
+            <div style="font-family: 'Courier New', monospace; font-size: 0.6rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+</div>
+
+<style>
+    .mega-akte-btn:hover { border-color: #ff4500 !important; transform: scale(1.05); transition: all 0.2s; }
+    
+    .sascha-special, .mutti-special {
+        background-position: center;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-color: transparent;
+        border: none;
+        cursor: pointer;
+        position: relative;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        transition: all 0.3s ease;
+        mix-blend-mode: screen;
+    }
+    
+    .sascha-special:hover, .mutti-special:hover { 
+        transform: scale(1.02) !important; 
+        filter: brightness(1.2); 
+    }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid #ff4500 !important;
+        box-shadow: inset 0 0 30px rgba(255, 69, 0, 0.4), 0 0 20px rgba(255, 0, 0, 0.6);
+        animation: omega-pulse 1s infinite alternate, omega-shake 0.1s infinite;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 0, 0.95)) !important;
+    }
+    .time-node.omega .node-dot {
+        border-color: #ff4500 !important;
+        background: radial-gradient(circle, #ff0000 0%, #330000 100%) !important;
+        box-shadow: 0 0 15px #ff4500, 0 0 25px rgba(255, 69, 0, 0.6);
+        animation: omega-dot-pulse 0.8s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.3s ease;
+    }
+    .time-node.omega .tc-year {
+        color: #ff4500 !important;
+        text-shadow: 0 0 10px #ff4500;
+        font-weight: 900 !important;
+    }
+    
+    @keyframes omega-dot-pulse {
+        0% { transform: scale(1); box-shadow: 0 0 10px #ff4500; filter: brightness(1); }
+        100% { transform: scale(1.4); box-shadow: 0 0 25px #ff0000, 0 0 40px rgba(255, 0, 0, 0.8); filter: brightness(1.5); }
+    }
+    @keyframes omega-pulse {
+        0% { box-shadow: inset 0 0 30px rgba(255, 69, 0, 0.4), 0 0 20px rgba(255, 0, 0, 0.6); border-color: rgba(255, 69, 0, 0.5); }
+        100% { box-shadow: inset 0 0 60px rgba(255, 69, 0, 0.9), 0 0 40px rgba(255, 0, 0, 1); border-color: #ff4500; }
+    }
+    @keyframes omega-shake {
+        0%, 100% { transform: translate(0, 0); }
+        25% { transform: translate(1px, 1px); }
+        50% { transform: translate(-1px, -1px); }
+        75% { transform: translate(1px, -1px); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+    </main>
+
+    <footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; 2026 Sascha Rode | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>
+
+    
+<div id="newsticker" style="position:fixed !important; bottom:0 !important; left:0 !important; right:0 !important; z-index:999999 !important; background:rgba(0,0,0,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important; visibility: visible !important; opacity: 1 !important;">
+    <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// SYSTEM_LOG_FEED</span>
+    <div class="ticker-track-wrap" style="flex:1; overflow:hidden; height:100%; display:flex; align-items:center;">
+        <div class="ticker-track" id="ticker-track-global" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 45s linear infinite;">
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ WP-KERN GELÖSCHT // ANARCHIE LEVEL 100 ]</span>
+        </div>
+    </div>
+</div>
+
+<style>
+    @keyframes ticker-scroll {
+        0%   { transform: translateX(0); }
+        100% { transform: translateX(-50%); }
+    }
+    .ticker-item::before { content: '▶ '; color: rgba(255,69,0,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "STATUS: HUGO OPERATIONAL",
+            "DESIGNATION: OVERLORD SASCHA",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT OHNE WP-BALLAST",
+            "MISSION: TOTALE KONTROLLE",
+            "DATENINTEGRITÄT: ABSOLUT",
+            "WARNUNG: SYSTEM EXTREM SCHNELL",
+            "GEMINI NEURAL LINK: AKTIV"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+</body>
+</html>

public/sitemap.xml

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml"><url><loc>/</loc><lastmod>2026-04-03T00:00:00+00:00</lastmod></url><url><loc>/anarchie/</loc><lastmod>2026-04-03T00:00:00+00:00</lastmod></url><url><loc>/posts/protocol-top/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/protocol-uptime/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/protocol-weather/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/bruder/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/gemini-link/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/mac-nerds/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/mutti/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/neural-hack/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/operation-apollo/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/flux-overdrive/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/icmp-echo/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/digital-ghost/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/sascha/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/schwester/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/spotlight-filter/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/sven/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/fork-bomb/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/n8n-resurrection/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/posts/theme-annihilation/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/personen/vater/</loc><lastmod>2026-03-18T00:00:00+00:00</lastmod></url><url><loc>/categories/</loc></url><url><loc>/tags/</loc></url></urlset>

public/tags/index.xml

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom"><channel><title>Tags on DIGITALE ANARCHIE | KI-LABOR</title><link>/tags/</link><description>Recent content in Tags on DIGITALE ANARCHIE | KI-LABOR</description><generator>Hugo</generator><language>de-de</language><atom:link href="/tags/index.xml" rel="self" type="application/rss+xml"/></channel></rss>