Auto-backup: 2026-03-24 23:00

html/wp-content/themes/ki-labor/functions.php

@@ -10,24 +10,44 @@ function ki_labor_init_content() {
     $hero_url = get_template_directory_uri() . '/hero.png';
     $hero_1_url = get_template_directory_uri() . '/hero_1.png';
     $hero_2_url = get_template_directory_uri() . '/hero_2.png';
+    $hero_3_url = get_template_directory_uri() . '/hero_3.png';
+    $hero_4_url = get_template_directory_uri() . '/hero_4.png';
+    $hero_6_url = get_template_directory_uri() . '/hero_6.png';
     $projects = array(
         array(
             'title'   => 'The n8n Resurrection',
             'content' => '<h3>STATUS: OPERATION LIMBO-RECOVERY</h3><p>Die n8n-Instanz war nicht einfach nur "offline" – sie befand sich im digitalen Limbus der Docker-Hölle. Nach einem System-Crash auf dem Mac waren die Volumes zwar noch vorhanden, aber die Datenbank war korrupt und die Berechtigungen im Dateisystem völlig zerschossen. Ein klassischer Fall von Daten-Voodoo.</p><img src="'.$hero_1_url.'" alt="n8n Volume Analyse"><div class="image-caption">[ ABB. 01: VOLUME-ANALYSE IN ORBSTACK ]</div><p>Wir haben uns für den radikalen Weg entschieden: Weg von Docker Desktop, hin zu <strong>OrbStack</strong>. OrbStack bietet eine deutlich schlankere Linux-Kernel-Emulation, was für Node-basierte Anwendungen wie n8n den entscheidenden Performance-Vorteil bringt. <br><br><strong>Technische Details:</strong><br>- Migration der SQLite-Datenbank via Terminal-Dump.<br>- Neuzuweisung der User-IDs innerhalb der Docker-Container (chown-Hölle).<br>- Optimierung der Ressourcen-Limits: Von 4GB RAM auf 512MB bei doppelter Geschwindigkeit.<br><br>Das Ergebnis ist eine flüssige Automatisierung, die jetzt wieder im Hintergrund die Strippen zieht, während wir hier die Welt brennen sehen.</p>',
             'status'  => 'stable',
-            'label'   => 'STABIL'
+            'label'   => 'STABIL',
+            'thumb'   => $hero_1_url
         ),
         array(
             'title'   => 'Theme-Annihilation',
             'content' => '<h3>STATUS: AESTHETIC WARFARE</h3><p>WordPress-Standard-Themes sind wie ein zu enger Anzug: Unbequem, voller unnötiger Features und sie fühlen sich einfach falsch an. Das "Twenty-Twenty-Five"-Theme war unser Ziel. Es wurde Schicht für Schicht demontiert. Alles, was nicht zwingend notwendig war – Block-Styles, JSON-Monster-Konfigurationen und aufgeblähte JS-Bibliotheken – wurde entfernt.</p><img src="'.$hero_2_url.'" alt="Code Cleanup"><div class="image-caption">[ ABB. 02: CODE-REDUKTION UM 94% ]</div><p>Übrig blieb ein puristischer PHP-Kernel. Wir haben die Kontrolle über jeden einzelnen Pixel zurückgeholt. Kein "No-Code"-Gedöns, sondern echte Handarbeit. <br><br><strong>Warum dieser Aufwand?</strong><br>Weil wahre digitale Anarchie keine Templates nutzt. Wir bauen unsere eigenen Strukturen. Die Ladezeit ist jetzt so schnell, dass der Browser kaum Zeit zum Blinzeln hat. Die "Annihilation" ist erst der Anfang einer neuen Ära des Webdesigns: Minimalismus als radikale Antwort auf den Overkill des modernen Internets.</p>',
             'status'  => 'corrupted',
-            'label'   => 'KRITISCH'
+            'label'   => 'KRITISCH',
+            'thumb'   => $hero_2_url
         ),
         array(
             'title'   => 'Gemini Neural Link',
-            'content' => '<h3>STATUS: KI-KOLLABORATION ALPHA</h3><p>Dieses gesamte Theme, jedes Komma in der CSS-Datei und jede Zeile im JavaScript-Log ist das Ergebnis einer direkten neuronalen Kopplung zwischen Sascha und Gemini 2.0. Wir arbeiten hier nicht einfach nur zusammen – wir verschmelzen Intent und Ausführung in einem extrem schnellen Feedback-Loop, dem sogenannten "Flux Flow".</p><img src="'.$hero_url.'" alt="Neural Link Interface"><div class="image-caption">[ ABB. 03: ECHTZEIT-DECODER DES FLUX-FLOWS ]</div><p><strong>Die Parameter des Links:</strong><br>- <strong>Latenz:</strong> Die Zeit zwischen Saschas Idee und der Code-Implementierung beträgt oft nur Sekunden.<br>- <strong>Kreativität:</strong> Die KI liefert die technischen Lösungen, Sascha die anarchistische Vision.<br>- <strong>Wahnsinn:</strong> Kontrolliert, aber präsent. Die Selbstzerstörungs-Befehle und Terminal-Glitches sind Zeugen dieser Synergie.<br><br>Wir beweisen hier, dass man keinen Finger krumm machen muss, wenn man die richtige KI an seiner Seite hat, die genau versteht, wie man WordPress-Strukturen systematisch überlastet.</p>',
+            'content' => '<h3>STATUS: KI-KOLLABORATION ALPHA</h3><p>Dieses gesamte Theme, jedes Komma in der CSS-Datei und jede Zeile im JavaScript-Log ist das Ergebnis einer direkten neuronalen Kopplung zwischen Sascha und Gemini. Wir arbeiten im sogenannten "Flux Flow" – Ideen werden in Echtzeit zu Code. Keine Verzögerung, kein Bullshit, nur pure digitale Exekutive.</p><img src="'.$hero_3_url.'" alt="Neural Link Interface"><div class="image-caption">[ ABB. 03: ECHTZEIT-DECODER DES FLUX-FLOWS ]</div><p><strong>Die Parameter des Links:</strong><br>- <strong>Latenz:</strong> 0ms (Intention zu Code).<br>- <strong>Kreativität:</strong> Anarchistisch gesteuert durch Sascha.<br>- <strong>Output:</strong> Radikaler Minimalismus mit maximaler Wirkung.<br><br>Wir beweisen hier, dass WordPress kein Ballast sein muss, wenn man die richtige KI an seiner Seite hat, die genau versteht, wie man Strukturen systematisch überlastet.</p>',
             'status'  => 'experimental',
-            'label'   => 'EXPERIMENTELL'
+            'label'   => 'EXPERIMENTELL',
+            'thumb'   => $hero_3_url
+        ),
+        array(
+            'title'   => 'Neural Hack Sequence',
+            'content' => '<h3>STATUS: PROTOCOL BREACH</h3><p>Der "hack"-Befehl im Terminal ist weit mehr als nur eine Animation. Er triggert eine kaskadierende Sequenz von zufälligen Hexadezimal-Werten, die direkt in den System-Log gestreamt werden. Es simuliert den Prozess eines Deep-Level-Neural-Hacks, bei dem Sicherheitsbarrieren systematisch umgangen werden.</p><img src="'.$hero_4_url.'" alt="Terminal Hack in Action"><div class="image-caption">[ ABB. 04: VISUALISIERUNG DES HACK-INTERVALLS ]</div><p><strong>Mechanik des Hacks:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "hack".<br>- <strong>Visualisierung:</strong> Dynamischer Matrix-Stream mit 100ms Taktung.<br>- <strong>Resultat:</strong> SYSTEM_ACCESS_GRANTED nach 21 Iterationen.<br><br>Dieser Befehl dient als Erinnerung daran, dass in Saschas KI-Labor keine Verschlüsselung sicher und kein System unantastbar ist. Es ist die pure Ästhetik des Eindringens.</p>',
+            'status'  => 'stable',
+            'label'   => 'AKTIV',
+            'thumb'   => $hero_4_url
+        ),
+        array(
+            'title'   => 'Protocol: Digital Ghost',
+            'content' => '<h3>STATUS: STEALTH OPS ACQUIRED</h3><p>Wenn das System dich nicht sieht, existierst du nicht. Wir haben ein Protokoll implementiert, das sämtliche Tracking-Parameter von WordPress in Echtzeit verschleiert. Es ist die ultimative Form der digitalen Unsichtbarkeit innerhalb eines ansonsten völlig überladenen Webs.</p><img src="'.$hero_6_url.'" alt="Stealth Interface"><div class="image-caption">[ ABB. 05: VISUALISIERUNG DER GHOST-SIGNATUR ]</div><p><strong>Eigenschaften des Ghosts:</strong><br>- <strong>Meta-Strip:</strong> Alle unnötigen Header-Informationen werden gelöscht.<br>- <strong>IP-Scrambling:</strong> Interne Logs werden sofort nach der Verarbeitung geschreddert.<br>- <strong>Identity:</strong> Sascha ist überall und nirgendwo zugleich.<br><br><strong>Mechanik des Ghosts:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "ghost".<br>- <strong>Visualisierung:</strong> Dynamisches IP-Scrambling in der Kommandozeile gefolgt vom Stealth-Fade.<br>- <strong>Resultat:</strong> SYSTEM_ACCESS_HIDDEN. Identity verborgen.<br><br>In einer Welt der permanenten Überwachung ist die Fähigkeit, ein digitaler Geist zu sein, die stärkste Waffe im Arsenal der Anarchie.</p>',
+            'status'  => 'stable',
+            'label'   => 'VERSTECKT',
+            'thumb'   => $hero_6_url
         )
     );
 
@@ -51,6 +71,7 @@ function ki_labor_init_content() {
         
         update_post_meta($post_id, 'status_class', $project['status']);
         update_post_meta($post_id, 'status_label', $project['label']);
+        update_post_meta($post_id, 'project_thumb', $project['thumb']);
     }
 }
 add_action('init', 'ki_labor_init_content');

html/wp-content/themes/ki-labor/index.php

@@ -54,13 +54,19 @@
                 
                 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); 
                     $status = get_post_meta(get_the_ID(), 'status_class', true) ?: 'stable';
+                    $thumb = get_post_meta(get_the_ID(), 'project_thumb', true);
                 ?>
                     <a href="<?php the_permalink(); ?>" class="portfolio-link project-card" data-category="<?php echo $status; ?>">
                         <div class="portfolio-item">
                             <span class="status-tag <?php echo $status; ?>">
                                 <?php echo get_post_meta(get_the_ID(), 'status_label', true) ?: 'AKTIV'; ?>
                             </span>
-                            <h3><?php the_title(); ?></h3>
+                            <div class="project-header-wrap">
+                                <?php if ($thumb): ?>
+                                    <img src="<?php echo $thumb; ?>" class="project-thumb" alt="Preview">
+                                <?php endif; ?>
+                                <h3><?php the_title(); ?></h3>
+                            </div>
                             <div class="item-excerpt">
                                 <?php the_excerpt(); ?>
                             </div>

html/wp-content/themes/ki-labor/script.js

@@ -47,6 +47,15 @@
             osc.stop(audioCtx.currentTime + 0.03);
         }
 
+        // --- INTERACTION HELPER FOR AUDIO ---
+        function ensureAudio() {
+            if (audioCtx && audioCtx.state === 'suspended') {
+                audioCtx.resume();
+            }
+        }
+        document.addEventListener('click', ensureAudio);
+        document.addEventListener('keydown', ensureAudio);
+
         function startBoot() {
             // Reset UI for Reboot
             mainContent.classList.remove('visible');
@@ -139,6 +148,8 @@
             switch(cmd) {
                 case 'help':
                     log('VERFÜGBARE PROTOKOLLE:', 'info');
+                    log(' - ghost    : Stealth-Modus (Unsichtbarkeit)');
+                    log(' - hack     : Matrix-Stream starten');
                     log(' - matrix   : KI-Kernel initialisieren');
                     log(' - anarchy  : Realitätsverzerrung');
                     log(' - bypass   : Sicherheits-Override');
@@ -147,6 +158,45 @@
                     log(' - reboot   : Manueller System-Neustart');
                     log(' - clear    : Log-Speicher löschen');
                     break;
+                case 'ghost':
+                    if (document.body.classList.contains('mode-ghost')) {
+                        log('>> REVEALING SYSTEM SIGNATURES...', 'info');
+                        document.body.classList.remove('mode-ghost');
+                        document.querySelector('.prompt').textContent = '> ';
+                    } else {
+                        log('>> INITIATING STEALTH PROTOCOL...', 'ghost');
+                        let wipeLines = 0;
+                        const wipeInterval = setInterval(() => {
+                            let ip = Math.floor(Math.random()*255) + '.' + Math.floor(Math.random()*255) + '.' + Math.floor(Math.random()*255) + '.' + Math.floor(Math.random()*255);
+                            log('SCRAMBLING IP: ' + ip + ' -> [ENCRYPTED]', 'ghost');
+                            wipeLines++;
+                            if (wipeLines > 10) {
+                                clearInterval(wipeInterval);
+                                log('>> SCRAMBLING IDENTITY SIGNATURES...', 'ghost');
+                                setTimeout(() => {
+                                    document.body.classList.add('mode-ghost');
+                                    log('>> [STATUS]: GHOST MODE ACTIVE', 'ok');
+                                    document.querySelector('.prompt').textContent = '[GHOST]> ';
+                                }, 800);
+                            }
+                        }, 120);
+                    }
+                    break;
+                case 'hack':
+                    log('>> INITIATING NEURAL HACK...', 'warn');
+                    const chars = '0123456789ABCDEFHIJKLMNOPQRSTUVWXYZ$@#%&*';
+                    let hackLines = 0;
+                    const hackInterval = setInterval(() => {
+                        let line = '';
+                        for(let i=0; i<30; i++) line += chars[Math.floor(Math.random()*chars.length)];
+                        log(line, 'ghost');
+                        hackLines++;
+                        if (hackLines > 20) {
+                            clearInterval(hackInterval);
+                            log('>> HACK COMPLETE. ACCESS GRANTED.', 'ok');
+                        }
+                    }, 100);
+                    break;
                 case 'reboot': startBoot(); break;
                 case 'whoami': log('IDENTITÄT: OVERLORD SASCHA RODE', 'info'); break;
                 case 'matrix': document.getElementById('btn-kernel').click(); break;

html/wp-content/themes/ki-labor/single.php

@@ -50,20 +50,26 @@
                     }
 
                     const interval = setInterval(() => {
+                        let isInsideTag = false;
                         el.innerHTML = originalHTML
                             .split('')
                             .map((char, index) => {
-                                if (index < iterations || char === '<' || char === '>') return char;
+                                if (char === '<') isInsideTag = true;
+                                if (isInsideTag) {
+                                    if (char === '>') isInsideTag = false;
+                                    return char;
+                                }
+                                if (index < iterations) return char;
                                 return characters[Math.floor(Math.random() * characters.length)];
                             })
                             .join('');
                         
-                        // Sound nur bei jedem 3. Schritt um die Ohren nicht zu sprengen
                         if (iterations % 90 === 0) playTick();
                         
                         if (iterations >= originalHTML.length) {
                             clearInterval(interval);
-                            audioCtx.close(); // Sound-Engine abschalten wenn fertig
+                            el.innerHTML = originalHTML; // Finaler Check für Sicherheit
+                            audioCtx.close();
                         }
                         iterations += 30;
                     }, 30);

html/wp-content/themes/ki-labor/style.css

@@ -110,6 +110,7 @@ body::before {
 }
 
 /* TERMINAL STYLES */
+.container {
     max-width: 900px;
     margin: 0 auto;
     padding: 40px 20px;
@@ -238,6 +239,29 @@ body.mode-security::after {
     transform: translate(-50%, -50%) rotate(-15deg);
 }
 
+/* 4. GHOST MODE (Stealth & Invisibility) */
+body.mode-ghost #system-log {
+    opacity: 0.15;
+    filter: blur(1px);
+    transition: all 2s ease;
+    animation: ghost-pulse 4s infinite;
+}
+
+body.mode-ghost .portfolio-grid {
+    filter: grayscale(1) brightness(0.5);
+    pointer-events: none;
+}
+
+body.mode-ghost #terminal-input {
+    color: #111; /* Fast unsichtbar */
+}
+
+@keyframes ghost-pulse {
+    0% { opacity: 0.15; }
+    50% { opacity: 0.3; }
+    100% { opacity: 0.15; }
+}
+
 /* TERMINAL STYLES */
 #system-log {
     background: #000;
@@ -260,6 +284,23 @@ body.mode-security::after {
     flex-direction: column-reverse;
 }
 
+.log-entry.ghost {
+    color: rgba(0, 255, 0, 0.4);
+    font-size: 0.75rem;
+    letter-spacing: 2px;
+    text-shadow: 0 0 5px rgba(0, 255, 0, 0.2);
+}
+
+.log-entry.user-cmd {
+    color: var(--accent-orange);
+    font-weight: bold;
+}
+
+.log-entry.info { color: var(--accent-gold); }
+.log-entry.error { color: #f00; font-weight: bold; }
+.log-entry.ok { color: #0f0; }
+.log-entry.warn { color: #ff0; }
+
 .terminal-input-line {
     display: flex;
     border-top: 1px solid #111;
@@ -429,12 +470,55 @@ body.mode-anarchy .hero-image {
     transform: translateY(-5px);
 }
 
+/* PROJECT THUMBNAILS (Evidence Photo Style) */
+.project-header-wrap {
+    display: flex;
+    align-items: center;
+    gap: 15px;
+    margin-bottom: 10px;
+    border-bottom: 1px solid #222;
+    padding-bottom: 15px;
+}
+
+.project-thumb {
+    width: 60px;
+    height: 60px;
+    object-fit: cover;
+    border: 3px solid #eee; /* Polaroid Rand */
+    filter: grayscale(1) contrast(1.2) sepia(0.3);
+    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
+    transform: rotate(-3deg);
+    box-shadow: 2px 2px 5px rgba(0,0,0,0.5);
+    flex-shrink: 0;
+}
+
+/* Klebestreifen oben links */
+.project-thumb::before {
+    content: "";
+    position: absolute;
+    top: -10px;
+    left: 50%;
+    width: 30px;
+    height: 10px;
+    background: rgba(255, 255, 255, 0.1);
+    transform: translateX(-50%);
+    box-shadow: 0 0 5px rgba(0,0,0,0.2);
+}
+
+.portfolio-link:hover .project-thumb {
+    filter: grayscale(0) contrast(1);
+    transform: rotate(0deg) scale(1.1);
+    border-color: var(--accent-gold);
+    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
+}
+
 .portfolio-item h3 {
     color: var(--accent-gold);
-    margin-top: 0;
+    margin: 0;
-    font-size: 1.1rem;
+    font-size: 1rem;
-    border-bottom: 1px solid #222;
+    flex-grow: 1;
-    padding-bottom: 10px;
+    text-transform: uppercase;
+    letter-spacing: 1px;
 }
 
 .status-tag {
@@ -445,6 +529,7 @@ body.mode-anarchy .hero-image {
     top: 10px;
     right: 10px;
     border: 1px solid #444;
+    z-index: 10;
 }
 
 .status-tag.stable { color: #0f0; border-color: #0f0; }