kilabor/public/posts/protocol-uptime/index.html
2026-04-15 21:54:38 +02:00

10 lines
No EOL
25 KiB
HTML

<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>> uptime | 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 id=declassified-overlay><div class=scanlines></div><div id=declassified-stamp>ZUGANG<br>GEWÄHRT</div></div><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:20px;margin:15px 0 30px"><div class=person-nav-row style=display:flex;justify-content:center;align-items:center;gap:35px;flex-wrap:wrap;position:relative><a href=/personen/mutti/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.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:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">MUTTI</span>
</a><a href=/personen/vater/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_vater_comic_1.png alt=VATER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">VATER</span>
</a><a href=/personen/bruder/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_freddy_comic_1.png alt=BRUDER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">BRUDER</span>
</a><a href=/personen/schwester/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.2)"><img src=/img/comicFigures/hp_meli_comic_1.png alt=SCHWESTER style=width:100%;height:100%;object-fit:cover></div><span class=person-nav-label style="margin-top:8px;font-size:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SCHWESTER</span>
</a><a href=/personen/sascha/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.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:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SASCHA</span>
</a><a href=/personen/sven/ class=person-nav-item><div class=person-nav-portrait style="width:90px;height:90px;border-radius:50%;border:2px solid #d4af37;background:#222;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#d4af37;font-weight:700;font-size:1.2rem;box-shadow:0 0 10px rgba(212,175,55,.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:.85rem;letter-spacing:1px;color:rgba(212,175,55,.6);font-family:courier new,monospace;font-weight:700">SVEN</span></a></div></div><style>.person-nav-item{display:flex;flex-direction:column;align-items:center;text-decoration:none;transition:transform .2s}.person-nav-item:hover{transform:scale(1.1)}.person-nav-item:hover .person-nav-label{color:#d4af37!important}.person-back{display:inline-block;color:rgba(212,175,55,.6);font-size:.7rem;font-weight:700;letter-spacing:4px;text-decoration:none;font-family:courier new,monospace;border:1px solid rgba(212,175,55,.25);padding:6px 20px;background:0 0;text-transform:uppercase;transition:all .2s}.person-back:hover{color:#d4af37;border-color:rgba(212,175,55,.6);background:rgba(212,175,55,5%);letter-spacing:5px}</style><div class=person-hero><div class=person-hero-content><div class=person-hero-badges><span class=hero-badge>ZENTRAL-ARCHIV</span>
<span class="hero-badge red">EINHEIT IDENTIFIZIERT</span></div><p class=person-pre-label style="margin:12px 0 4px">// ZENTRAL-ARCHIV · EINHEIT IDENTIFIZIERT //</p><div class=person-title-wrap><span class=person-title-deco>⟪</span><h1 class=person-glitch-title data-text="> UPTIME">> UPTIME</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>AKTIV</span></p><div class=stat-bars><div class=stat-row><span class=stat-label>GEFAHR</span><div class=stat-track><div class="stat-bar danger" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>CHAOS</span><div class=stat-track><div class="stat-bar chaos" data-val=50></div></div><span class=stat-val>50%</span></div><div class=stat-row><span class=stat-label>KOMPETENZ</span><div class=stat-track><div class="stat-bar kompetenz" data-val=50></div></div><span class=stat-val>50%</span></div></div></div></div><div class=container style="max-width:900px;margin:0 auto;padding:0 20px"><header style=margin-bottom:20px;display:none></header><div class=timeline-track></div><div style=text-align:center;margin-top:60px><button class=akte-label-btn onclick='document.getElementById("person-akte-modal").style.display="flex",document.body.style.overflow="hidden"'><div class=akte-label-top><span class=akte-label-nr>DOKUMENT-NR. UNBEKANNT</span>
<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: > UPTIME</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: KLASSIFIZIERT</span>
<span>▶ AKTE ÖFFNEN</span></div></button></div><style>.akte-label-btn{background:linear-gradient(180deg,#1c1208 0%,#0e0a04 100%);border:1px solid #5d3d1e;border-left:4px solid #b87333;color:#d4af37;font-family:courier new,monospace;cursor:pointer;padding:18px 28px;width:320px;text-align:left;transition:all .2s;box-shadow:2px 2px 12px rgba(0,0,0,.6);position:relative}.akte-label-btn::before{content:'';position:absolute;top:6px;left:6px;right:6px;bottom:6px;border:1px dashed rgba(184,115,51,.2);pointer-events:none}.akte-label-btn:hover{border-left-color:#ff4500;box-shadow:3px 3px 20px rgba(184,115,51,.2);background:linear-gradient(180deg,#221508 0%,#0e0a04 100%)}.akte-label-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.akte-label-nr{font-size:.6rem;color:rgba(212,175,55,.4);letter-spacing:1px}.akte-label-stamp{font-size:.55rem;letter-spacing:2px;color:#b71c1c;border:1px solid #b71c1c;padding:1px 6px;opacity:.8}.akte-label-divider{border-top:1px solid rgba(184,115,51,.25);margin:8px 0}.akte-label-title{font-size:1rem;font-weight:700;letter-spacing:4px;color:#d4af37;margin:4px 0}.akte-label-bottom{display:flex;justify-content:space-between;font-size:.6rem;color:rgba(212,175,55,.45);letter-spacing:1px;margin-top:4px}.akte-label-btn:hover .akte-label-bottom span:last-child{color:#ff4500}</style></div></div><div id=person-akte-modal style=position:fixed;inset:0;z-index:1000000;background:rgba(0,0,0,.85);display:none;align-items:center;justify-content:center;padding:10px;overflow:hidden;perspective:1e3px><div style=display:flex;flex-direction:column;align-items:center;max-width:585px;width:95%><div class=akte-inner style="width:100%;background:#d9c5a0;background-image:radial-gradient(circle at 50% 50%,rgba(255,255,255,.1) 0%,transparent 100%),url(https://www.transparenttextures.com/patterns/old-paper.png);border:1px solid #8b7355;padding:25px;position:relative;font-family:courier new,monospace;box-shadow:10px 20px 50px rgba(0,0,0,.8),inset 0 0 100px rgba(139,115,85,.3);transform:rotate(-2deg);animation:throw-sign .5s ease-out forwards;color:#2a1b0a"><style>@keyframes throw-sign{0%{transform:rotate(-10deg)scale(.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,.2)}.akte-inner div,.akte-inner p{font-size:.75rem!important}.akte-inner .data-row{border-bottom:1px solid rgba(42,27,10,.1)!important;padding:6px 0!important}.akte-inner .label{color:#5d4037!important;font-weight:700}.akte-inner .red-stamp{border:2px solid #b71c1c;color:#b71c1c;padding:3px 10px;font-weight:700;transform:rotate(10deg);opacity:.8;font-size:.8rem!important;display:inline-block}</style><div style=display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px><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,.1);border:1px solid #2a1b0a;color:#2a1b0a;cursor:pointer;padding:3px 10px;font-size:.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,.2)"><img src=/img/hero.png class=akte-foto style=width:200px;height:250px;object-fit:cover;filter:none;cursor:zoom-in;display:block onclick='document.getElementById("akte-foto-zoom").style.display="flex"'><div style="position:absolute;bottom:5px;right:-10px;background:#b71c1c;color:#fff;padding:2px 5px;font-weight:700;font-size:.6rem!important;transform:rotate(-5deg)">GESPERRT</div></div><div id=akte-foto-zoom onclick='this.style.display="none"' style=display:none;position:fixed;inset:0;z-index:9999999;background:rgba(0,0,0,.92);align-items:center;justify-content:center;cursor:zoom-out><img src=/img/hero.png style="max-width:90vw;max-height:90vh;object-fit:contain;box-shadow:0 0 60px rgba(0,0,0,.9);border:2px solid #2a1b0a"></div><div style=flex:1><div style=font-size:.5rem!important;color:#5d4037;letter-spacing:2px;margin-bottom:2px>PROTOKOLL NR. 1974-Ø</div><h1 style=font-weight:700>> UPTIME</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS:</p><div style=display:flex;gap:10px><div style="border:1px solid #b71c1c;padding:2px 8px;color:#b71c1c;font-size:.6rem!important;font-weight:700">STATUS:</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px></span><br><img src=/img/akte/hp_totenkopf_1.png style=width:70px;height:70px;object-fit:contain;margin-top:4px></div></div></div></div><div style="margin-top:20px;border-top:2px solid rgba(42,27,10,.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:400>> uptime</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:400><span style="background:rgba(0,0,0,.8);color:transparent;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:400></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:400></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:400><span style="background:rgba(0,0,0,.8);color:transparent;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:400>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:400></div></div><div class=data-row style=display:flex;align-items:center><div class=label style=width:160px;letter-spacing:1px>STANDORT:</div><div style=flex:1;font-weight:400></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:.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 50q20-40 40 0T30 50z"/></svg></div><div style=font-size:.6rem!important;color:#2a1b0a;line-height:1.2>ID-SCAN: 94.7%<br>VERIFIZIERT</div></div><div style="font-family:courier new,monospace;font-size:.75rem!important;letter-spacing:2px;color:#5d4037;border:1px dashed #2a1b0a;padding:2px 10px">ARCHIV_PERMANENT</div></div></div></div></div><style>.akte-foto{transition:transform .2s,box-shadow .2s}.akte-foto:hover{transform:scale(1.04);box-shadow:0 0 15px rgba(184,115,51,.7)}.akte-foto-btn{transition:all .2s}.akte-foto-btn:hover{background:rgba(183,28,28,.1)!important;border-color:#b71c1c!important}.akte-foto-active{background:rgba(183,28,28,.15)!important;border-color:#b71c1c!important}.time-node.omega .time-content{border:2px solid rgba(255,69,0,.6)!important;box-shadow:inset 0 0 12px rgba(255,69,0,.15),0 0 10px rgba(255,0,0,.2);animation:omega-pulse 3s infinite alternate;background:linear-gradient(135deg,rgba(80,20,10,.95),rgba(30,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 8px rgba(255,69,0,.4);animation:omega-dot-pulse 3s infinite alternate ease-in-out}.node-dot{box-shadow:0 0 8px rgba(212,175,55,.4);transition:all .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%{box-shadow:0 0 5px rgba(255,69,0,.3)}100%{box-shadow:0 0 12px rgba(255,69,0,.6)}}@keyframes omega-pulse{0%{box-shadow:inset 0 0 8px rgba(255,69,0,.1),0 0 6px rgba(255,0,0,.15);border-color:rgba(255,69,0,.4)}100%{box-shadow:inset 0 0 18px rgba(255,69,0,.25),0 0 14px rgba(255,0,0,.3);border-color:rgba(255,69,0,.8)}}@keyframes omega-dot-blink{50%{opacity:0;transform:scale(1.5)}}</style><style>#declassified-overlay{position:fixed;inset:0;z-index:99999;pointer-events:none;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;transition:opacity .8s ease}#declassified-overlay.gone{opacity:0;pointer-events:none}.scanlines{position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 2px,rgba(0,255,0,.015) 2px,rgba(0,255,0,.015) 4px );pointer-events:none}#declassified-stamp{font-family:courier new,monospace;font-size:3.5rem;font-weight:900;color:#b71c1c;border:6px solid #b71c1c;padding:20px 40px;letter-spacing:8px;text-align:center;line-height:1.2;transform:rotate(-12deg)scale(0);opacity:0;text-shadow:0 0 30px rgba(183,28,28,.5);box-shadow:0 0 40px rgba(183,28,28,.3),inset 0 0 40px rgba(183,28,28,.1);animation:stamp-in .4s .3s cubic-bezier(.175,.885,.32,1.275)forwards}@keyframes stamp-in{to{transform:rotate(-12deg)scale(1);opacity:.85}}.person-hero{position:relative;width:100%;min-height:300px;background:linear-gradient(135deg,#0a0600 0%,#120e06 60%,#0a0600 100%);border-bottom:1px solid rgba(184,115,51,.3);overflow:hidden;display:flex;align-items:center;margin-bottom:0}.person-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient( 0,transparent,transparent 3px,rgba(184,115,51,3%) 3px,rgba(184,115,51,3%) 4px );pointer-events:none}.person-hero-img{position:absolute;right:0;top:0;bottom:0;width:45%;background-size:contain;background-repeat:no-repeat;background-position:100% 100%;opacity:.25;filter:sepia(.4)hue-rotate(10deg);mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%);-webkit-mask-image:linear-gradient(to left,rgba(0,0,0,.8) 0%,transparent 100%)}.person-hero-content{position:relative;z-index:2;padding:30px 40px;max-width:620px}.person-hero-badges{display:flex;gap:10px;margin-bottom:10px;flex-wrap:wrap}.hero-badge{font-family:courier new,monospace;font-size:.55rem;letter-spacing:3px;padding:3px 10px;border:1px solid rgba(184,115,51,.4);color:rgba(184,115,51,.7)}.hero-badge.red{border-color:rgba(183,28,28,.5);color:rgba(183,28,28,.8)}.stat-bars{margin-top:20px;width:100%;max-width:400px}.stat-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stat-label{font-family:courier new,monospace;font-size:.6rem;letter-spacing:2px;color:rgba(212,175,55,.5);width:80px;flex-shrink:0}.stat-track{flex:1;height:6px;background:rgba(255,255,255,5%);border:1px solid rgba(184,115,51,.2);overflow:hidden}.stat-bar{height:100%;width:0%;transition:width 1.2s cubic-bezier(.4,0,.2,1)}.stat-bar.danger{background:linear-gradient(90deg,#8b0000,#ff4500);box-shadow:0 0 8px rgba(255,69,0,.5)}.stat-bar.stable{background:linear-gradient(90deg,#1a4a1a,#4caf50);box-shadow:0 0 8px rgba(76,175,80,.5)}.stat-bar.chaos{background:linear-gradient(90deg,#4a0080,#c800ff);box-shadow:0 0 8px rgba(200,0,255,.4)}.stat-bar.kompetenz{background:linear-gradient(90deg,#1a3a5c,#2196f3);box-shadow:0 0 8px rgba(33,150,243,.5)}.stat-val{font-family:courier new,monospace;font-size:.6rem;color:rgba(212,175,55,.4);width:32px;text-align:right;flex-shrink:0}.alias-ticker-outer{overflow:hidden;background:rgba(0,0,0,.6);border-top:1px solid rgba(184,115,51,.15);border-bottom:1px solid rgba(184,115,51,.15);padding:7px 0;white-space:nowrap}.alias-ticker-inner{display:inline-block;animation:ticker-scroll 18s linear infinite;font-family:courier new,monospace;font-size:.65rem;letter-spacing:4px;color:rgba(184,115,51,.5);padding-left:100%}@keyframes ticker-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}.person-pre-label{color:rgba(184,115,51,.5);font-family:courier new,monospace;font-size:.6rem;letter-spacing:4px;margin-bottom:6px}.person-title-wrap{display:flex;align-items:center;gap:14px;margin:4px 0}.person-title-deco{color:#b87333;font-size:1.8rem;opacity:.6;animation:deco-pulse 2s ease-in-out infinite alternate}@keyframes deco-pulse{from{opacity:.3;transform:scaleY(.85)}to{opacity:.8;transform:scaleY(1.1)}}.person-glitch-title{color:#ff4500;font-family:courier new,monospace;font-size:2rem;letter-spacing:10px;text-shadow:0 0 20px rgba(255,69,0,.5);margin:0;position:relative;animation:glitch-flicker 6s infinite}.person-glitch-title::before,.person-glitch-title::after{content:attr(data-text);position:absolute;left:0;top:0;width:100%;overflow:hidden;opacity:0}.person-glitch-title::before{color:#0ff;animation:glitch-top 6s infinite;clip-path:polygon(0 0,100% 0,100% 40%,0 40%)}.person-glitch-title::after{color:#f0f;animation:glitch-bot 6s infinite;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%)}@keyframes glitch-flicker{0%,90%,100%{text-shadow:0 0 20px rgba(255,69,0,.5)}92%{text-shadow:2px 0 #0ff,-2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}94%{text-shadow:-2px 0 #0ff,2px 0 #f0f,0 0 20px rgba(255,69,0,.5)}96%{text-shadow:0 0 20px rgba(255,69,0,.5)}98%{text-shadow:1px 0 #0ff,-1px 0 #f0f}}@keyframes glitch-top{0%,90%,100%{opacity:0;transform:none}92%{opacity:.7;transform:translate(-3px,-2px)}94%{opacity:0}96%{opacity:.5;transform:translate(3px,-1px)}98%{opacity:0}}@keyframes glitch-bot{0%,90%,100%{opacity:0;transform:none}93%{opacity:.6;transform:translate(3px,2px)}95%{opacity:0}97%{opacity:.4;transform:translate(-3px,1px)}99%{opacity:0}}.person-sub-label{color:rgba(212,175,55,.45);font-family:courier new,monospace;font-size:.65rem;letter-spacing:3px;margin-top:6px}.person-status-blink{color:#0f0;animation:blink-status 1.4s step-end infinite}@keyframes blink-status{50%{opacity:0}}</style><script>(function(){const t="decl_uptime",e=document.getElementById("declassified-overlay");if(!e)return;if(sessionStorage.getItem(t)){e.style.display="none";return}setTimeout(()=>{e.classList.add("gone"),setTimeout(()=>{e.style.display="none",sessionStorage.setItem(t,"1")},900)},1800)})(),document.addEventListener("DOMContentLoaded",()=>{setTimeout(()=>{document.querySelectorAll(".stat-bar").forEach(e=>{e.style.width=e.dataset.val+"%"})},400)})</script><script>(function(){const t="🕷";let n=[];function e(){const e=document.createElement("div");e.textContent=t,e.style.cssText=["position:fixed","font-size:1.6rem","z-index:999999","pointer-events:none","transition:none","filter:drop-shadow(0 0 4px #0f0) hue-rotate(100deg) brightness(0.7)","will-change:transform","line-height:1"].join(";"),document.body.appendChild(e);const i=window.innerWidth,a=window.innerHeight,n=Math.floor(Math.random()*4);let s=n===1?i+20:n===3?-20:Math.random()*i,o=n===0?-20:n===2?a+20:Math.random()*a;e.style.left=s+"px",e.style.top=o+"px";const l=4+Math.floor(Math.random()*4);let r=0;function c(){if(r>=l||!document.body.contains(e)){e.remove();return}const t=Math.random()*i,n=Math.random()*a,u=Math.hypot(t-s,n-o),d=u*4,h=Math.atan2(n-o,t-s)*180/Math.PI+90;e.style.transition=`left ${d}ms linear, top ${d}ms linear`,e.style.transform=`rotate(${h}deg)`,e.style.left=t+"px",e.style.top=n+"px",s=t,o=n,r++,setTimeout(c,d)}c()}e(),setInterval(e,4e3)})();function switchAkteFoto(e){document.querySelector(".akte-foto").src=e,document.getElementById("akte-foto-zoom").querySelector("img").src=e,document.querySelectorAll(".akte-foto-btn").forEach(t=>{const n=t.dataset.foto===e;t.classList.toggle("akte-foto-active",n),t.style.background=n?"rgba(183,28,28,0.15)":"rgba(0,0,0,0.1)",t.style.borderColor=n?"#b71c1c":"rgba(42,27,10,0.3)"})}</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>