SPIELE

Hier findest du kleine, spaßige Spiele, die du direkt im Browser spielen kannst. Von Tic-Tac-Toe über Quiz bis zu Reaktionsspielen – probier alles aus!

Tools

Praktische kleine Werkzeuge für den Alltag und zum Experimentieren: Taschenrechner, Zufallsgenerator, Timer und mehr – alles schnell nutzbar.

EXPERIMENTE

Interaktive Experimente und Mini-Apps zum Ausprobieren. Hier kannst du kleine Effekte sehen, coole Animationen ausprobieren oder zufällige Überraschungen entdecken.

Cloud

Lernen kann Spaß machen! Kurze Tutorials, kleine Quizfragen, interessante Fakten oder Rätsel warten hier auf dich.

Extras

Kleine Extras und versteckte Überraschungen – entdecke Animationen, lustige Effekte und geheime Mini-Interaktionen, die nicht jeder findet.

if (lightModeBtn) lightModeBtn.addEventListener('click', toggleLightMode); if (lightModeBtnMobile) lightModeBtnMobile.addEventListener('click', toggleLightMode); // --- Cinematic Boot Sequence --- const bootOverlay = document.getElementById('boot-overlay'); const bootText = document.getElementById('boot-text'); const bootLines = [ "LEOLAB_KERNEL_INIT [OK]", "MOUNTING_VIRTUAL_VOLUMES...", "DECRYPTING_NEURAL_INTERFACE...", "AUTHENTICATING_USER_0x00...", "SYNCING_SYSTEM_HUD [OK]", "WELCOME_TO_THE_CORE." ]; async function startBoot() { if (sessionStorage.getItem('boot_complete')) return; bootOverlay.style.display = 'block'; document.body.style.overflow = 'hidden'; for (const line of bootLines) { const p = document.createElement('p'); p.style.marginBottom = '10px'; bootText.appendChild(p); for (let i = 0; i < line.length; i++) { p.textContent +=line[i]; await new Promise(r=> setTimeout(r, 30)); } await new Promise(r => setTimeout(r, 400)); } await new Promise(r => setTimeout(r, 1000)); bootOverlay.style.transition = 'opacity 1.5s'; bootOverlay.style.opacity = '0'; setTimeout(() => { bootOverlay.style.display = 'none'; document.body.style.overflow = ''; sessionStorage.setItem('boot_complete', 'true'); }, 1500); } window.addEventListener('scroll', () => { const sections = document.querySelectorAll('.section'); const navLinks = document.querySelectorAll('.nav-links a'); let current = ''; sections.forEach(s => { const top = s.offsetTop; if (pageYOffset >= top - 60) current = s.getAttribute('id'); }); navLinks.forEach(a => { a.classList.remove('active'); if (a.getAttribute('href').includes(current)) a.classList.add('active'); }); }); startBoot(); // --- System Metrics Simulator --- const cpuEl = document.getElementById('cpu-load'); const memEl = document.getElementById('mem-core'); const uptimeEl = document.getElementById('uptime'); function updateMetrics() { const cpu = Math.floor(Math.random() * 15) + 5; cpuEl.innerText = `${cpu}%`; const mem = (Math.random() * 0.5 + 4.1).toFixed(1); memEl.innerText = `${mem}GB`; } let seconds = 0; function updateUptime() { seconds++; const h = Math.floor(seconds / 3600).toString().padStart(2, '0'); const m = Math.floor((seconds % 3600) / 60).toString().padStart(2, '0'); const s = (seconds % 60).toString().padStart(2, '0'); uptimeEl.innerText = `${h}:${m}:${s}`; } setInterval(updateMetrics, 3000); setInterval(updateUptime, 1000); // --- Headings Scramble Effect --- const signs = "ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"; document.querySelectorAll('[data-scramble]').forEach(el => { el.addEventListener('mouseenter', () => { const text = el.getAttribute('data-scramble'); let it = 0; const interval = setInterval(() => { el.innerText = text.split("").map((l, i) => i < it ? text[i] : signs[Math.floor(Math.random() * signs.length)]).join(""); if (it>= text.length) clearInterval(interval); it += 1 / 3; }, 30); }); });