27 lines
29 KiB
HTML
27 lines
29 KiB
HTML
|
|
<!doctype html><html lang=de-de><head><meta charset=UTF-8><meta name=viewport content="width=device-width,initial-scale=1"><title>Bruder | DIGITALE ANARCHIE | KI-LABOR</title><link rel=stylesheet href=/css/style.css></head><body class=bg-steampunk><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"><a href=/ class=person-back>← ZURÜCK ZUR BASIS</a><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-img style=background-image:url(/img/comicFigures/hp_freddy_comic_1.png)></div><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=BRUDER>BRUDER</h1><span class=person-title-deco>⟫</span></div><p class=person-sub-label>STATUS: <span class=person-status-blink>OPERATIONAL</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=65></div></div><span class=stat-val>65%</span></div><div class=stat-row><span class=stat-label>STABILITÄT</span><div class=stat-track><div class="stat-bar stable" data-val=85></div></div><span class=stat-val>85%</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=92></div></div><span class=stat-val>92%</span></div></div></div></div><div class=alias-ticker-outer><div class=alias-ticker-inner><span>VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER · VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER · VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER</span></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 class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1981 ]</span>
|
||
|
|
<span class=tc-tag>BOOT // OMEGA-KLASSE</span></div><p>⚡ KYBERNETISCHER KNOTEN V1.0 GEHT ONLINE. Erste mechanische Diagnostik: Stabil. Ansaugtrakt kalibriert. Chaos-Index: ERHÖHT.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1985 ]</span>
|
||
|
|
<span class=tc-tag>KALIBRIERUNG</span></div><p>MOTORISCHE KALIBRIERUNG abgeschlossen. Erste Interaktion mit Overlord-Modul (Sascha). Kompatibilitätstest: REIBUNGSHITZE FESTGESTELLT.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 1990 ]</span>
|
||
|
|
<span class=tc-tag>HARDWARE-SCAN</span></div><p>WERKZEUG-SYCHRONISATION erfolgreich. Erste Prototypen zerlegt (und meistens wieder zusammengebaut). Neugier-Protokolle dominierend.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 1995 ]</span>
|
||
|
|
<span class=tc-tag>SYSTEM-UPDATE</span></div><p>BRENNKAMMER-UPDATE PHASE II. Fokus auf alles, was Kolben hat. Überschneidungen mit Overlord-System: Konstruktive Anarchie.</p></div></div><div class="time-node right omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 1999 ]</span>
|
||
|
|
<span class=tc-tag>UPGRADE // NITRO-INJEKTION</span></div><p>FÜHRERSCHEIN-KERNEL geladen. Mobilitäts-Radius um 500% erweitert. Systemvektor: VOLLGAS.</p></div></div><div class="time-node left"><div class=time-content><div class=tc-header><span class=tc-year>[ 2005 ]</span>
|
||
|
|
<span class=tc-tag>OPTIMIERUNG</span></div><p>PROFESSIONELLE SCHRAUBER-ROUTINEN gestartet. Öl-Zufuhr stabilisiert. Verbindung zum Clan-Netzwerk: DURCHGEHEND GEFETTET.</p></div></div><div class="time-node right"><div class=time-content><div class=tc-header><span class=tc-year>[ 2015 ]</span>
|
||
|
|
<span class=tc-tag>ANALYSE // POSITIV</span></div><p>LANGZEIT-ANALYSE: Alle Zylinder zünden synchron. Charaktermerkmale: Drehmomentstark. Überraschungskoeffizient: Präzise.</p></div></div><div class="time-node left omega"><div class="time-content omega-node"><div class=tc-header><span class=tc-year>[ 2025 ]</span>
|
||
|
|
<span class=tc-tag>AKTUELL // DAUERBETRIEB</span></div><p>STATUS: GNADENLOS AM SCHRAUBEN. Alles was fährt, wird optimiert. VERBINDUNGSQUALITÄT ZUM OVERLORD: 100% KOMPATIBEL.</p></div></div></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. 1981 (Modellreihe Mark II)</span>
|
||
|
|
<span class=akte-label-stamp>VERTRAULICH</span></div><div class=akte-label-divider></div><div class=akte-label-title>AKTE: BRUDER</div><div class=akte-label-divider></div><div class=akte-label-bottom><span>STATUS: OPERATIONAL</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:8px;margin-bottom:16px;border-bottom:1px dashed rgba(42,27,10,.2);padding-bottom:12px"><button onclick='switchAkteFoto("/img/akte/hp_fredfdy_akte_1.png")' class="akte-foto-btn akte-foto-active" data-foto=/img/akte/hp_fredfdy_akte_1.png style="background:rgba(183,28,28,.15);border:1px solid #b71c1c;color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px">
|
||
|
|
FOTO 1
|
||
|
|
</button>
|
||
|
|
<button onclick='switchAkteFoto("/img/akte/hp_freddy_akte_2.png")' class=akte-foto-btn data-foto=/img/akte/hp_freddy_akte_2.png style="background:rgba(0,0,0,.1);border:1px solid rgba(42,27,10,.3);color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px">
|
||
|
|
FOTO 2
|
||
|
|
</button>
|
||
|
|
<button onclick='switchAkteFoto("/img/akte/hp_freddy_akte_3.png")' class=akte-foto-btn data-foto=/img/akte/hp_freddy_akte_3.png style="background:rgba(0,0,0,.1);border:1px solid rgba(42,27,10,.3);color:#2a1b0a;cursor:pointer;padding:3px 12px;font-family:courier new,monospace;font-size:.65rem!important;letter-spacing:1px">
|
||
|
|
FOTO 3</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/akte/hp_fredfdy_akte_1.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/akte/hp_fredfdy_akte_1.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>BRUDER</h1><p style="color:#5d4037;font-size:.7rem!important;margin:5px 0 10px">ALIAS: VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER</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: OPERATIONAL</div><div style=color:#2a1b0a;font-size:.6rem!important;font-weight:700>GEFAHR: <span style=letter-spacing:1px>HOCH (wenn Werkzeug fehlt)</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>Bruder</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>1981 (Modellreihe Mark II)
|
||
|
|
<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>GNADENLOSER MECHANIKER-FUERST & DREHMOMENT-OPTIMIERER</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>Turbo-Kompilierung · Motor-Flüstern · Spontane Hydraulik-Fixes</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>DREHMOMENTSCHLÜSSEL_v12 · SASCHA.exe · MUTTI.sys
|
||
|
|
<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>MASSIV (wie ein V8-Block)</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>WERKSTATT-KNOTEN 01 (ÖLVERSCHMIERT)</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%)
|
||
|
|
<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>
|