sascha/kilabor
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
kilabor/static/js/script.js

443 lines
24 KiB
JavaScript
Raw Normal View History

Auto-backup: 2026-06-19 00:33
2026-06-18 22:33:12 +00:00
// ═══════════════════════════════════════
// 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);
}
});
}
Auto-backup: 2026-09-04 00:33
2026-09-03 22:33:04 +00:00
function randHex() {
return Math.random().toString(16).substring(2, 15);
}
Auto-backup: 2026-06-19 00:33
2026-06-18 22:33:12 +00:00
function log(msg, cls = '') {
if (!logOutput) return;
const entry = document.createElement('div');
entry.className = 'log-entry ' + cls;
entry.innerHTML = msg;
logOutput.prepend(entry);
Auto-backup: 2026-09-04 00:33
2026-09-03 22:33:04 +00:00
// Neuesten Eintrag immer sichtbar halten (sonst bleibt die Ansicht
// nach schnellen Log-Bursts wie "hack" an alter Scroll-Position stehen).
logOutput.scrollTop = 0;
Auto-backup: 2026-06-19 00:33
2026-06-18 22:33:12 +00:00
}
function handleCommand(raw) {
const parts = raw.split(' ');
const cmd = parts[0].toLowerCase();
const args = parts.slice(1).join(' ');
Auto-backup: 2026-09-04 00:33
2026-09-03 22:33:04 +00:00
// Nach einem "hack" hinterlassenes Rot/vergroessertes Terminal bei
// jedem neuen Befehl (ausser erneutem hack) wieder normalisieren.
if (cmd !== 'hack') {
const normalTerminal = document.getElementById('system-log');
if (normalTerminal && normalTerminal.classList.contains('hacked-bg')) {
normalTerminal.classList.remove('hacked-bg');
normalTerminal.style.height = '';
}
}
Auto-backup: 2026-06-19 00:33
2026-06-18 22:33:12 +00:00
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':
Auto-backup: 2026-09-04 00:33
2026-09-03 22:33:04 +00:00
const hackTargets = ['NASA.GOV', 'PENTAGON.MIL', 'AREA51.GOV', 'CIA.GOV', 'FBI.GOV'];
const hackTarget = hackTargets[Math.floor(Math.random() * hackTargets.length)];
const hackIp = Array.from({ length: 4 }, () => Math.floor(Math.random() * 256)).join('.');
const hackFiles = ['AREA51_BBQ_REZEPTE.pdf', 'MONDLANDUNG_MASTERTAPES.mp4', 'ALIEN_KONTAKT_CHATVERLAUF.txt', 'ROSWELL_URLAUBSFOTOS.zip', 'GEHEIME_KAFFEEKASSE.xlsx', 'ECHTE_GEBURTSTAGSPARTY_PLANUNG.docx', 'BEREICH_51_WLAN_PASSWORT.txt'].sort(() => Math.random() - 0.5).slice(0, 3);
const hackScript = [
{ t: '>> INITIATING NEURAL HACK...', c: 'warn', d: 0 },
{ t: '>> ZIEL ANVISIERT: ' + hackTarget + ' [' + hackIp + ']', c: 'info', d: 650 },
{ t: randHex(), c: 'ghost', d: 320 },
{ t: randHex(), c: 'ghost', d: 160 },
{ t: randHex(), c: 'ghost', d: 160 },
{ t: '>> FIREWALL WIRD UMGANGEN... [FEHLGESCHLAGEN]', c: 'error', d: 800 },
{ t: '>> WECHSLE ZU BRUTE-FORCE-MODUL...', c: 'warn', d: 650 },
{ t: randHex(), c: 'ghost', d: 240 },
{ t: randHex(), c: 'ghost', d: 160 },
{ t: randHex(), c: 'ghost', d: 160 },
{ t: randHex(), c: 'ghost', d: 160 },
{ t: '>> FIREWALL UMGANGEN. (Standard-Passwort war "password123".)', c: 'ok', d: 800 },
{ t: '>> INJIZIERE PAYLOAD IN MAINFRAME...', c: 'info', d: 650 },
{ t: '[■□□□□□□□□□] 10%', c: '', d: 240 },
{ t: '[■■■□□□□□□□] 30%', c: '', d: 240 },
{ t: '[■■■■■□□□□□] 50%', c: '', d: 240 },
{ t: '[■■■■■■■□□□] 70%', c: '', d: 240 },
{ t: '[■■■■■■■■■□] 90%', c: '', d: 240 },
{ t: '[■■■■■■■■■■] 100%', c: 'ok', d: 320 },
{ t: '>> LADE GEHEIME DATEIEN HERUNTER...', c: 'warn', d: 650 },
{ t: ' ↳ ' + hackFiles[0], c: 'ghost', d: 320 },
{ t: ' ↳ ' + hackFiles[1], c: 'ghost', d: 320 },
{ t: ' ↳ ' + hackFiles[2], c: 'ghost', d: 320 },
{ t: '>> SPUREN WERDEN VERWISCHT...', c: 'info', d: 650 },
{ t: '>> ACCESS GRANTED. WILLKOMMEN, OVERLORD.', c: 'crit', d: 800 },
{ t: '>> (Alles nur Fiktion. Keine echten Server wurden gehackt. Wahrscheinlich.)', c: '', d: 650 }
];
const hackTerminal = document.getElementById('system-log');
if (hackTerminal) {
hackTerminal.classList.remove('hacked-bg');
hackTerminal.style.height = (hackTerminal.offsetHeight + 100) + 'px';
}
let hackCum = 0;
hackScript.forEach(step => {
hackCum += step.d;
setTimeout(() => log(step.t, step.c), hackCum);
});
// Nach der Sequenz: Terminal leeren, Totenkopf zeigen, Hintergrund rot einfaerben
setTimeout(() => {
if (logOutput) logOutput.innerHTML = '';
log('☠', 'hack-skull');
if (hackTerminal) hackTerminal.classList.add('hacked-bg');
}, hackCum + 700);
Auto-backup: 2026-06-19 00:33
2026-06-18 22:33:12 +00:00
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;
Auto-backup: 2026-09-04 00:33
2026-09-03 22:33:04 +00:00
case 'top':
log('PROZESS-MONITOR:', 'info');
log('PID CPU% MEM% PROZESS');
log('1337 ' + (60 + Math.floor(Math.random() * 40)) + '% ' + (30 + Math.floor(Math.random() * 50)) + '% ANARCHIE.exe', 'warn');
log('0001 ' + (5 + Math.floor(Math.random() * 20)) + '% ' + (10 + Math.floor(Math.random() * 30)) + '% KAFFEE_DAEMON');
log('4269 ' + (1 + Math.floor(Math.random() * 10)) + '% ' + (5 + Math.floor(Math.random() * 15)) + '% PROKRASTINATION.sys');
log('0666 ' + (80 + Math.floor(Math.random() * 20)) + '% ' + (70 + Math.floor(Math.random() * 30)) + '% GEMINI_NEURAL_LINK', 'error');
log('9999 0% 0% SCHLAF.exe (SEIT TAGEN INAKTIV)');
break;
case 'weather':
const conditions = ['CHAOS mit Aussicht auf mehr CHAOS', 'Vereinzelte Panik-Schauer', 'Digitaler Nebel, Sicht: 0m', 'Sonnig, aber die Sonne ist auch kaputt', 'Sturmwarnung: MERGE CONFLICTS'];
const temp = -10 + Math.floor(Math.random() * 60);
log('CHAOS-WETTERBERICHT:', 'info');
log('TEMPERATUR: ' + temp + '°C (GEFÜHLT: SCHLIMMER)');
log('BEDINGUNG: ' + conditions[Math.floor(Math.random() * conditions.length)], 'warn');
break;
Auto-backup: 2026-06-19 00:33
2026-06-18 22:33:12 +00:00
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');
}
});
}
});
})();
Reference in a new issue Copy permalink