-
+
diff --git a/html/wp-content/themes/ki-labor/script.js b/html/wp-content/themes/ki-labor/script.js
index e87e5ba..f262c43 100644
--- a/html/wp-content/themes/ki-labor/script.js
+++ b/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;
diff --git a/html/wp-content/themes/ki-labor/single.php b/html/wp-content/themes/ki-labor/single.php
index 9b17730..1481525 100644
--- a/html/wp-content/themes/ki-labor/single.php
+++ b/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);
diff --git a/html/wp-content/themes/ki-labor/style.css b/html/wp-content/themes/ki-labor/style.css
index 658b573..131a623 100644
--- a/html/wp-content/themes/ki-labor/style.css
+++ b/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;
- font-size: 1.1rem;
- border-bottom: 1px solid #222;
- padding-bottom: 10px;
+ margin: 0;
+ font-size: 1rem;
+ flex-grow: 1;
+ 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; }
+
+ 
+
+
+