aktebilder angepoasst, personen thumbnails von der startseite nach

.idea/.gitignore

@@ -0,0 +1,10 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/
+# Ignored default folder with query files
+/queries/
+# Datasource local storage ignored files
+/dataSources/
+/dataSources.local.xml

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/wp-ki-labor.iml" filepath="$PROJECT_DIR$/.idea/wp-ki-labor.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="" vcs="Git" />
+    <mapping directory="$PROJECT_DIR$/html/wp-content/themes/ki-labor" vcs="Git" />
+  </component>
+</project>

.idea/wp-ki-labor.iml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$" />
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "chat.tools.terminal.autoApprove": {
+        "mkdir": true
+    }
+}

GEMINI.md

@@ -0,0 +1,34 @@
+# GEMINI MEMORY: KI-LABOR / DIGITALE ANARCHIE (HUGO EDITION)
+
+## PROJEKT-STAND (3. APRIL 2026) - REBOOT SUCCESSFUL
+
+### 🚀 Kern-Architektur: WEG VON WORDPRESS
+- **System:** Hugo (Static Site Generator). Keine Datenbank, keine PHP-Sicherheitslücken.
+- **Performance:** Blitzschnell, reines HTML/CSS/JS.
+- **Struktur:** 
+  - `content/personen/`: Alle Akten als Markdown mit Frontmatter-Events.
+  - `layouts/_default/single.html`: Das universelle Timeline- & Akten-Layout.
+  - `static/js/script.js`: Die bereinigte "Anarchie-Core-Engine".
+
+### 📂 Die "Perfekte Akte" (Modal)
+- **Design:** Exakt nach Screenshot-Vorgabe (Papier-Textur, Braun/Sepia-Töne).
+- **Features:** 
+  - Rote Stempel ("CLASSIFIED", "GESPERRT", "NICHT ÖFFENTLICH").
+  - Zensurbalken für sensible Daten.
+  - Fingerabdruck-Scan & Archiv-Signatur.
+- **Effekt:** Kompakte Größe (585px), schräg gestellt (-3°), fliegt beim Öffnen von unten rein.
+
+### 🎮 Interaktive Startseite
+- **Hintergrund:** Grünes Gitter (`grid.png`) mit dunklem Overlay.
+- **OPS-Dashboard:** Roter Kasten über dem Terminal. Klick triggert Vitalmonitor-Log (OP ALFA-7 / OP BETA-12) und lässt Terminal auf 600px aufklappen.
+- **Control Panel:** 5 Buttons (KI-Kernel, Anarchie, Security Bypass, Deep Scan, Overdrive) mit visuellen & Terminal-Effekten.
+- **Nav:** Die Portrait-Reihe (Thumbnails) oben führt direkt zu den Timeline-Seiten.
+
+### 🛠 Steampunk-Aesthetics
+- **Zahnräder:** Zwei riesige, dezent rotierende Zahnräder (`0.03 opacity`) im Hintergrund der Personenseiten.
+- **Timeline:** Chronologische Zeitachse im Zick-Zack-Stil (links/rechts versetzt).
+- **Sounds:** Mechanische Ticks via Web Audio API bei Boot und Decrypt.
+
+**HINWEIS AN GEMINI:** Hugo nutzt keine Modals für die Akten auf der Startseite mehr, sondern das `single.html` Layout auf den Unterseiten öffnet das Modal per Klick auf das "Mega-Schild" am Ende der Timeline.
+
+**BOSS-PARAMETER:** Sascha ist der einzige "Overlord". Kaffee ist Treibstoff. Ordnung ist nur eine vorübergehende Störung des Chaos.

bin.code-workspace

@@ -5,6 +5,9 @@
 		},
 		{
 			"path": "."
+		},
+		{
+			"path": "/Users/jessi/wp-ki-labor"
 		}
 	],
 	"settings": {}

config.toml

@@ -0,0 +1,12 @@
+baseURL = "/"
+languageCode = "de-de"
+title = "DIGITALE ANARCHIE | KI-LABOR"
+
+[params]
+    description = "Beruf: Geisteskrank & Gemini Player. Ästhetische Kriegsführung und KI-Labor."
+    author = "Sascha Rode"
+
+[outputs]
+    home = ["HTML"]
+    page = ["HTML"]
+    section = ["HTML"]

content/anarchie.md

@@ -0,0 +1,10 @@
+---
+title: "Anarchie Test"
+date: 2026-04-03
+events:
+  - year: 2026
+    text: "Wenn dieser Text rechts oder links versetzt erscheint, haben wir gewonnen."
+    tag: "TEST-SUCCESS"
+---
+
+Dies ist ein Test, um zu sehen, ob Hugo das Layout `layouts/_default/single.html` wirklich nutzt.

content/mac-nerds.md

@@ -0,0 +1,11 @@
+---
+title: "Mac Nerds Terminal"
+layout: "mac-nerds"
+date: 2026-03-18
+description: "Geheime Terminal-Befehle und macOS Tweaks für den digitalen Widerstand."
+status_class: "stable"
+status_label: "TERMINAL"
+thumb: "/img/hero_7.png"
+---
+
+Hier findest du eine kuratierte Liste von Befehlen, die dein macOS Leben radikal vereinfachen oder zumindest interessanter machen. Nutzung auf eigene Gefahr.

content/personen/bruder.md

@@ -0,0 +1,51 @@
+---
+title: "Bruder"
+alias: "VERBRENNUNGS-MAGIER / KOLBEN-DOMINATOR / DER_SCHRAUBER"
+geburtsjahr: "1981 (Modellreihe Mark II)"
+standort: "WERKSTATT-KNOTEN 01 (ÖLVERSCHMIERT)"
+occupation: "GNADENLOSER MECHANIKER-FUERST & DREHMOMENT-OPTIMIERER"
+spezialfaehigkeit: "Turbo-Kompilierung · Motor-Flüstern · Spontane Hydraulik-Fixes"
+komplizen: "DREHMOMENTSCHLÜSSEL_v12 · SASCHA.exe · MUTTI.sys"
+status: "OPERATIONAL"
+gefahr: "HOCH (wenn Werkzeug fehlt)"
+stabilitaet: "MASSIV (wie ein V8-Block)"
+sicherheitsstufe: "GELB"
+initial: "B"
+date: 2026-03-18
+img: "/img/hp_freddy_2.png"
+events:
+  - year: 1981
+    text: '⚡ KYBERNETISCHER KNOTEN V1.0 GEHT ONLINE. Erste mechanische Diagnostik: Stabil. Ansaugtrakt kalibriert. Chaos-Index: ERHÖHT.'
+    tag: 'BOOT // OMEGA-KLASSE'
+    omega: true
+  - year: 1985
+    text: 'MOTORISCHE KALIBRIERUNG abgeschlossen. Erste Interaktion mit Overlord-Modul (Sascha). Kompatibilitätstest: REIBUNGSHITZE FESTGESTELLT.'
+    tag: 'KALIBRIERUNG'
+    omega: false
+  - year: 1990
+    text: 'WERKZEUG-SYCHRONISATION erfolgreich. Erste Prototypen zerlegt (und meistens wieder zusammengebaut). Neugier-Protokolle dominierend.'
+    tag: 'HARDWARE-SCAN'
+    omega: false
+  - year: 1995
+    text: 'BRENNKAMMER-UPDATE PHASE II. Fokus auf alles, was Kolben hat. Überschneidungen mit Overlord-System: Konstruktive Anarchie.'
+    tag: 'SYSTEM-UPDATE'
+    omega: false
+  - year: 1999
+    text: 'FÜHRERSCHEIN-KERNEL geladen. Mobilitäts-Radius um 500% erweitert. Systemvektor: VOLLGAS.'
+    tag: 'UPGRADE // NITRO-INJEKTION'
+    omega: true
+  - year: 2005
+    text: 'PROFESSIONELLE SCHRAUBER-ROUTINEN gestartet. Öl-Zufuhr stabilisiert. Verbindung zum Clan-Netzwerk: DURCHGEHEND GEFETTET.'
+    tag: 'OPTIMIERUNG'
+    omega: false
+  - year: 2015
+    text: 'LANGZEIT-ANALYSE: Alle Zylinder zünden synchron. Charaktermerkmale: Drehmomentstark. Überraschungskoeffizient: Präzise.'
+    tag: 'ANALYSE // POSITIV'
+    omega: false
+  - year: 2025
+    text: 'STATUS: GNADENLOS AM SCHRAUBEN. Alles was fährt, wird optimiert. VERBINDUNGSQUALITÄT ZUM OVERLORD: 100% KOMPATIBEL.'
+    tag: 'AKTUELL // DAUERBETRIEB'
+    omega: true
+---
+
+Der Bruder-Knoten. Ein gnadenloser Schrauber an Autos und eigentlich allem, was fährt. 1981 online gegangen. Wenn es Räder hat, wird es zerlegt und schneller gemacht.

content/personen/meli.md

@@ -0,0 +1,51 @@
+---
+title: "Schwester"
+alias: "AETHER-SIBLING / PNEUMATIK-FEE / CLAN-DIPLOMATIN"
+geburtsjahr: "1983 (Aether-Edition)"
+standort: "CLAN-HUB (DEZENTRAL)"
+occupation: "MEISTERIN DER PNEUMATISCHEN REFLEXE UND SOZIAL-MATRIX ARCHITEKTIN"
+spezialfaehigkeit: "Empathie-Scan · Harmonie-Injection · Blitzschnelle Problemanalyse"
+komplizen: "BRUDER.v2 · SASCHA.exe · MUTTI.sys"
+status: "MAXIMAL STABIL"
+gefahr: "UNTERSCHÄTZT (Diplomatie-Modus kann täuschen)"
+stabilitaet: "MAXIMAL (Der Kleber des Clans)"
+sicherheitsstufe: "GOLD"
+initial: "S"
+date: 2026-03-18
+img: "/img/hp_meli_steampunk_01.jpeg"
+events:
+  - year: 1983
+    text: '⚡ AETHER-SIBLING V1.0 BOOTET ERFOLGREICH. Pneumatische Reflexe sofort aktiv. Chaos-Protokolle initialisiert. Clan-Netzwerk vollständig.'
+    tag: 'BOOT // OMEGA-KLASSE'
+    omega: true
+  - year: 1987
+    text: 'ERSTE SCHNITTSTELLEN-TESTS mit Overlord-Netzwerk. Harmonische Resonanz mit gelegentlichen Konflikten. Ergebnis: PRODUKTIV.'
+    tag: 'NETZWERK-TEST'
+    omega: false
+  - year: 1992
+    text: 'MOTORISCHE UND SOZIALE KALIBRIERUNG abgeschlossen. Leistung: Außergewöhnlich. Chaos-Index: KONTROLLIERT (meist).'
+    tag: 'KALIBRIERUNG'
+    omega: false
+  - year: 1999
+    text: 'SCHULNETZ-ABSCHLUSS. Soziales Integrations-Protokoll auf MAXIMUM. Details: Nicht freigegeben. Bewertung: POSITIV.'
+    tag: 'SOZIAL-MATRIX'
+    omega: false
+  - year: 2001
+    text: 'ERWACHSENEN-MODUS aktiviert. Eigenständige Routinen laufen stabil. Verbindung zum Clan: KONSTANT AKTIV.'
+    tag: 'SYSTEM-UPDATE'
+    omega: false
+  - year: 2010
+    text: 'FAMILIEN-NETZWERK-UPDATE: Neue Knoten hinzugefügt. Systemkapazität erhöht. Meli-Knoten: Zentrales Bindeglied.'
+    tag: 'NETZWERK-ERWEITERUNG'
+    omega: false
+  - year: 2020
+    text: 'LANGZEITANALYSE ABGESCHLOSSEN. Stabilität: MAXIMAL. Zuverlässigkeit: OMEGA-KLASSE. Chaos: NUR WENN NÖTIG.'
+    tag: 'ANALYSE'
+    omega: false
+  - year: 2025
+    text: 'STATUS: VOLLSTÄNDIG OPERATIONAL. CHARAKTERPROFIL: STARK. WEITERE ANGABEN: NICHT AUTORISIERT. RATING: ████░'
+    tag: 'AKTUELL // GESCHWÄRZT'
+    omega: true
+---
+
+AETHER-SIBLING V1.0. Meli. Boot erfolgreich 1983. Die Diplomatin des Clans, die das Netzwerk mit pneumatischer Präzision und empathischen Sensoren stabilisiert.

content/personen/mutti.md

@@ -0,0 +1,47 @@
+---
+title: "Mutti"
+alias: "KUPFER-MATRIARCHIN / TEE-ORAKEL / ARCHITEKTIN DER FAMILIEN-GRID"
+geburtsjahr: "schleierhaft (Zeitschleife vermutet)"
+standort: "ZENTRAL-KÜCHE (HOCHSICHERHEIT)"
+occupation: "HÜTERIN DER THERMISCHEN TEEKANNE UND STRATEGISCHE FAMILIEN-LOGISTIK"
+spezialfaehigkeit: "Analoge Verschlüsselung · Kuchen-Kompilierung · Telepathische Clan-Überwachung"
+komplizen: "PAPA.sys · DER_OVERLORD · KAFFEE-BOT"
+status: "OMEGA-KLASSE"
+gefahr: "UNENDLICH (bei leerem Kuchenteller)"
+stabilitaet: "ABSOLUT (Der Fels in der Brandung)"
+sicherheitsstufe: "VIOLETT"
+initial: "M"
+date: 2026-03-18
+img: "/img/hp_muti_steampunk_01.png"
+events:
+  - year: 1955
+    text: 'MATRIARCHIN-MODUL V1.0 INITIALISIERT. Erste Steampunk-Algorithmen erfolgreich implementiert. Systemstatus: Brillant.'
+    tag: 'BOOT // OMEGA-KLASSE'
+    omega: true
+  - year: 1970
+    text: 'HISTORISCHER HANDSHAKE mit Hydraulik-Meister (Vater). Gemeinsame Infrastruktur-Planung begonnen. Resonanz: Synchron.'
+    tag: 'NETZWERK-INITIALISIERUNG'
+    omega: false
+  - year: 1974
+    text: '⚡ HAUPTSYSTEM-AUSGABE: Overlord Sascha bootet erstmals. Systemkapazität durch massive kreative Schübe erweitert.'
+    tag: 'OMEGA-KLASSE // KRITISCH'
+    omega: true
+  - year: 1981
+    text: 'ZWEITE SYSTEM-AUSGABE: Bruder-Knoten erfolgreich in die Clan-Struktur integriert. Netzwerkausbau läuft nach Plan.'
+    tag: 'NETZWERK-ERWEITERUNG'
+    omega: false
+  - year: 1983
+    text: 'DRITTE SYSTEM-AUSGABE: AETHER-SIBLING (Schwester) online. Clan-Netzwerk erreicht OMEGA-Level. Alle Primär-Knoten aktiv.'
+    tag: 'NETZWERK-ERWEITERUNG'
+    omega: false
+  - year: 2000
+    text: 'ARCHITEKTUR-UPDATE abgeschlossen. Die Matriarchin hält alle Fäden des Kupfer-Netzwerks fest in der Hand. Stabilität: Unerschütterlich.'
+    tag: 'SYSTEMCHECK'
+    omega: false
+  - year: 2025
+    text: 'STATUS: HÖCHSTE AUTORITÄT. Alle Subsysteme unterliegen der mütterlichen Kontrolle. Zugriff: Nur für autorisierte Clan-Mitglieder.'
+    tag: 'AKTUELL // OMEGA-KLASSIFIZIERT'
+    omega: true
+---
+
+Die Gründerin des Clans. Kupfer-Matriarchin, die 1974 den ersten System-Schrei registrierte. Architektin der Biosphäre und Hüterin der pneumatischen Reflexe.

content/personen/sascha.md

@@ -0,0 +1,44 @@
+---
+title: "SASCHA versus Bonzei"
+alias: "OVERLORD / GEISTESKRANKER / GEMINI_PLAYER"
+geburtsjahr: "1974"
+standort: "KLASSIFIZIERT"
+occupation: "DIGITALE ANARCHIE UND ÄSTHETISCHE KRIEGSFÜHRUNG"
+spezialfaehigkeit: "WordPress-Annihilation · Terminal-Kommunikation · Kaffee-Synthese · KI-Kollaboration"
+komplizen: "GEMINI.AI · KAFFEE_KERNEL_v9 · MOM.exe"
+status: "NOCH ONLINE"
+gefahr: "|||||"
+stabilitaet: "UNBERECHENBAR (als konstanter Zustand akzeptiert)"
+sicherheitsstufe: "SCHWARZ"
+initial: "S"
+date: 2026-03-18
+img: "/img/hero.png"
+events:
+  - year: 1974
+    text: '⚡ OVERLORD-MODUL V1.0 AKTIVIERT. Erster System-Schrei erfolgreich registriert. Matriarchin bestätigt Empfang. KI-Labor Grundstein: GELEGT (unbewusst).'
+    tag: 'BOOT // OMEGA-KLASSE'
+    omega: true
+  - year: 1980
+    text: 'ERSTE KONTAKTAUFNAHME mit Computertechnologie via Atari. Faszinations-Index: 100%. Bekannte Nebenwirkung: Zeitverlust.'
+    tag: 'ERSTER KONTAKT'
+  - year: 1983
+    text: 'C64-INTERFACE aktiviert. Erste BASIC-Programme kompiliert. Fehlerquote: Hoch. Lernkurve: Steil. Aufgabewahrscheinlichkeit: NULL.'
+    tag: 'UPGRADE'
+  - year: 1990
+    text: 'NETZWERK-BEWUSSTSEIN entwickelt. Modem-Verbindung zu frühen Online-Diensten. Ping: Katastrophal. Begeisterung: Maximal.'
+    tag: 'NETZWERK-INITIALISIERUNG'
+  - year: 2000
+    text: 'WEB-PROTOKOLL PHASE II. Erste HTML-Strukturen kompiliert. System nennt sich: WEBMASTER. Gefährlichkeit: Noch unterschätzt.'
+    tag: 'UPGRADE // WEBMASTER-MODUS'
+  - year: 2015
+    text: 'WORDPRESS-KERNEL integriert. Beginn der systematischen Überlastung von WP-Strukturen. Ästhetische Kriegsführung: INITIIERT.'
+    tag: 'MISSION GESTARTET'
+  - year: 2024
+    text: '⚡ KI-LABOR OFFIZIELL GEGRÜNDET. Gemini-Neural-Link aktiviert. Anarchie-Engine läuft. Claude hinzugekommen. Status: GEISTESKRANK & AKTIV.'
+    tag: 'OMEGA-EREIGNIS // GRÜNDUNG'
+    omega: true
+  - year: 2026
+    text: 'AKTUELLER STATUS: HIER. NÄCHSTE MISSION: UNBEKANNT. KAFFEESTAND: KRITISCH. SYSTEM: INSTABIL (als Dauerzustand akzeptiert). OVERLORD: ONLINE.'
+    tag: 'AKTUELL // LAUFEND'
+---
+Der aktuelle Overlord. KI-Labor Betreiber, Gemini-Link Aktivator und Anarchie-Engine Entwickler.

content/personen/sven.md

@@ -0,0 +1,31 @@
+---
+title: "Sven"
+role: "Externe Variable & Unbekannter Faktor"
+initial: "?"
+status: "UNBEKANNT"
+date: 2026-03-18
+events:
+  - year: 1980
+    text: '[DATEN NICHT VERFÜGBAR] System-Ausgabe irgendwann registriert. Genauer Zeitpunkt: GESCHWÄRZT. Herkunft: Fraglich. Details: NICHT AUTORISIERT.'
+    tag: 'BOOT // KLASSIFIZIERT'
+  - year: 1990
+    text: 'ERSTE KONTAKTAUFNAHME mit dem Clan-Netzwerk detektiert. Verbindungsqualität: Unbekannt. Absichten: Unklar. Bedrohungsstufe: GERING (vermutlich).'
+    tag: 'EXTERNE VARIABLE'
+  - year: 2000
+    text: '[ZUGRIFF VERWEIGERT] Aktivitäten in diesem Zeitraum: OMEGA-KLASSIFIZIERT. Anfrage abgelehnt. Weitere Versuche werden protokolliert.'
+    tag: 'GESCHWÄRZT // ZUGRIFF VERWEIGERT'
+  - year: 2010
+    text: 'EXTERNE EINFLUSSGRÖSSE weiterhin detektiert. Integrität: Akzeptabel (revisionsvorbehalten). Loyalität: Unbewiesen aber bisher unkritisch.'
+    tag: 'ANALYSE // UNVOLLSTÄNDIG'
+  - year: 2018
+    text: '[████████████████████████████] Dieser Eintrag wurde entfernt. Grund: [████]. Datum der Entfernung: [████████]. Autorisierung: [UNBEKANNT].'
+    tag: 'GELÖSCHT // URSACHE UNBEKANNT'
+  - year: 2023
+    text: 'REAKTIVIERUNG nach unbekanntem Zeitraum. Subsysteme: ONLINE. Motivation: UNBEKANNT. Verbindung zum Overlord-Netzwerk: BESTÄTIGT.'
+    tag: 'REAKTIVIERUNG'
+  - year: 2025
+    text: 'AKTUELLER STATUS: VERMUTLICH ONLINE. KOORDINATEN: NICHT VERFOLGBAR. KLASSIFIZIERUNG: WEITERHIN AUSSTEHEND. GEFAHR: FRAGLICH. RATING: ???'
+    tag: 'AKTUELL // UNBESTÄTIGT'
+---
+
+Der mysteriöse Sven. Externe Einflussgröße im System. Herkunft: Fraglich. Absichten: Unklar. Verbindung zum Clan: Vorhanden. Klassifizierung: Ausstehend.

content/personen/vater.md

@@ -0,0 +1,56 @@
+---
+title: "Vater"
+role: "Hydraulik-Meister & System-Engineer"
+initial: "V"
+status: "AKTIV"
+date: 2026-03-18
+img: "/img/akte/hp_vater_akte_2.png"
+alias: "DER ALTE MASCHINIST"
+geburtsjahr: "1953 // DATENSTEMPEL VERROSTET"
+occupation: "Hydraulik-Ingenieur · Dampfkessel-Flüsterer · Schraubenzieher-Philosoph"
+spezialfaehigkeit: "Repariert alles — außer digitale Scheiße"
+komplizen: "Mutti-Einheit // seit 1970 unkündbar"
+stabilitaet: "█████░░░░░ 54% — sinkt bei WLAN-Ausfall"
+standort: "Couch oder Garten. Meistens Garten."
+gefahr: "gefährlich bei/Garten/Fußball/Bierentzug, also eigentlich immer"
+events:
+  - year: 1953
+    text: 'SYSTEM INITIALISIERT. Hydraulik-Meister V1.0 startet erstmals. Diagnostik: Stabil. Herkunft: Klassifiziert.'
+    tag: 'BOOT // KLASSIFIZIERT'
+    omega: false
+  - year: 1960
+    text: 'ERSTE MECHANISCHE UPGRADES abgeschlossen. Handwerkliche Fähigkeiten auf OMEGA-LEVEL kalibriert. Präzision: 99.3%'
+    tag: 'HARDWARE-UPDATE'
+    omega: false
+  - year: 1970
+    text: 'NETZWERK-VERBINDUNG mit Matriarchin-Modul hergestellt. Langzeit-Protokoll initialisiert. Stabilität: Bestätigt.'
+    tag: 'NETZWERK-INITIALISIERUNG'
+    omega: false
+  - year: 1974
+    text: '⚡ KRITISCH: SYSTEM-AUSGABE REGISTRIERT. Der zukünftige Overlord (Sascha) wird erfolgreich kompiliert und in die Biosphäre integriert.'
+    tag: 'OMEGA-KLASSE // KRITISCHES EREIGNIS'
+    omega: true
+  - year: 1981
+    text: 'ZWEITE SYSTEM-AUSGABE: Bruder-Knoten V1.0 geht online. Netzwerkkapazität erweitert. Chaos-Index leicht erhöht.'
+    tag: 'NETZWERK-ERWEITERUNG'
+    omega: false
+  - year: 1983
+    text: 'DRITTE SYSTEM-AUSGABE: AETHER-SIBLING (Schwester) bootet erfolgreich. Clan-Netzwerk vollständig operational.'
+    tag: 'NETZWERK-ERWEITERUNG'
+    omega: false
+  - year: 1995
+    text: 'HYDRAULIK-UPGRADE v3.0 installiert. Langzeitstabilität über 40 Jahre bestätigt. Wartungsintervalle: Unregelmäßig.'
+    tag: 'WARTUNG // LANGZEIT'
+    omega: false
+  - year: 2000
+    text: 'MILLENNIUM-PROTOKOLL aktiviert. System läuft ohne kritische Fehler. Diagnose: Solide wie immer. Details: GESCHWÄRZT.'
+    tag: 'SYSTEMCHECK'
+    omega: false
+  - year: 2025
+    text: 'STATUS: NOCH ONLINE. Alle Primärsysteme funktionsfähig. Erfahrungswert: MAXIMAL. Weitere Daten: NICHT AUTORISIERT.'
+    tag: 'AKTUELL // KLASSIFIZIERT'
+    omega: false
+---
+
+Der Ingenieur des Clans. Spezialisiert auf mechanische Systeme und hydraulische Upgrades.
+Verantwortlich für die Grundarchitektur des Netzwerks. Weitere Details: GESCHWÄRZT.

content/posts/digital-ghost.md

@@ -0,0 +1,11 @@
+---
+title: 'Protocol: Digital Ghost'
+date: 2026-03-18
+status_class: 'stable'
+status_label: 'VERSTECKT'
+thumb: '/img/hero_6.png'
+---
+
+### STATUS: STEALTH OPS ACQUIRED
+
+Wenn das System dich nicht sieht, existierst du nicht. Wir haben ein Protokoll implementiert, das sämtliche Tracking-Parameter verschleiert. Es ist die ultimative Form der digitalen Unsichtbarkeit.

content/posts/flux-overdrive.md

@@ -0,0 +1,11 @@
+---
+title: 'Project: Flux Overdrive'
+date: 2026-03-18
+status_class: 'corrupted'
+status_label: 'ÜBERTAKTET'
+thumb: '/img/hero_2.png'
+---
+
+### STATUS: SCHWÄBISCH ACCELERATED
+
+Das System war zu langsam. Zu statisch. Zu berechenbar. Also haben wir **Flux** ins Leben gerufen. "Flux" bedeutet im Schwäbischen nicht einfach nur schnell – es bedeutet hastig, rasant und gnadenlos zielgerichtet.

content/posts/fork-bomb.md

@@ -0,0 +1,16 @@
+---
+title: 'System-Stress-Test (Fork Bomb)'
+date: 2026-03-18
+status_class: 'corrupted'
+status_label: 'GEFÄHRLICH'
+thumb: '/img/hero_4.png'
+---
+
+### STATUS: KERNEL PANIC INITIATED
+
+Ein absoluter Klassiker der Unix-Anarchie. Dieser Befehl testet, wie gut (oder schlecht) dein Mac mit sich rapide exponentiell vervielfältigenden Prozessen umgeht.
+
+**Anwendung:**
+`:(){ :|:& };:`
+
+**VORSICHT:** Dieser Befehl lastet das System in wenigen Sekunden zu 100% aus.

content/posts/gemini-link.md

@@ -0,0 +1,11 @@
+---
+title: 'Gemini Neural Link'
+date: 2026-03-18
+status_class: 'experimental'
+status_label: 'EXPERIMENTELL'
+thumb: '/img/hero_3.png'
+---
+
+### STATUS: KI-KOLLABORATION ALPHA
+
+Dieses gesamte Theme, jedes Komma in der CSS-Datei und jede Zeile im JavaScript-Log ist das Ergebnis einer direkten neuronalen Kopplung zwischen Sascha und Gemini. Wir arbeiten im sogenannten "Flux Flow".

content/posts/icmp-echo.md

@@ -0,0 +1,11 @@
+---
+title: 'Project: ICMP Echo'
+date: 2026-03-18
+status_class: 'stable'
+status_label: 'DIAGNOSE'
+thumb: '/img/hero_1.png'
+---
+
+### STATUS: LATENZ-ANALYSE AKTIV
+
+Der "ping"-Befehl ist ein essenzielles Werkzeug für jeden Cyber-Overlord. Er prüft die Integrität unserer Verbindung durch ein klassisches 4-Paket-ICMP-Echo-Request.

content/posts/n8n-resurrection.md

@@ -0,0 +1,13 @@
+---
+title: 'The n8n Resurrection'
+date: 2026-03-18
+status_class: 'stable'
+status_label: 'STABIL'
+thumb: '/img/hero_1.png'
+---
+
+### STATUS: OPERATION LIMBO-RECOVERY
+
+Die n8n-Instanz war nicht einfach nur "offline" – sie befand sich im digitalen Limbus der Docker-Hölle. Nach einem System-Crash auf dem Mac waren die Volumes zwar noch vorhanden, aber die Datenbank war korrupt.
+
+Wir haben uns für den radikalen Weg entschieden: Weg von Docker Desktop, hin zu **OrbStack**.

content/posts/neural-hack.md

@@ -0,0 +1,11 @@
+---
+title: 'Neural Hack Sequence'
+date: 2026-03-18
+status_class: 'stable'
+status_label: 'AKTIV'
+thumb: '/img/hero_4.png'
+---
+
+### STATUS: PROTOCOL BREACH
+
+Der "hack"-Befehl im Terminal ist weit mehr als nur eine Animation. Er triggert eine kaskadierende Sequenz von zufälligen Hexadezimal-Werten, die direkt in den System-Log gestreamt werden.

content/posts/operation-apollo.md

@@ -0,0 +1,11 @@
+---
+title: 'Operation: Apollo'
+date: 2026-03-18
+status_class: 'experimental'
+status_label: 'TOP SECRET'
+thumb: '/img/hero_3.png'
+---
+
+### STATUS: KENNEDY SPACE CENTER COMPROMISED
+
+Ein direkter Uplink in das Herzstück der NASA-Server. Wir haben die Barrieren des JPL durchbrochen, um Echtzeit-Telemetriedaten abzugreifen.

content/posts/protocol-top.md

@@ -0,0 +1,11 @@
+---
+title: '> top'
+date: 2026-03-18
+status_class: 'stable'
+status_label: 'PROTOKOLL #002'
+thumb: '/img/hp_muti_steampunk_01.png'
+---
+
+### STATUS: PROZESS-ÜBERWACHUNG
+
+Welche dämonischen Prozesse laufen gerade im Hintergrund? KREATIVITAET.exe frisst 94% CPU. PROKRASTINATION.app wurde erfolgreich suspendiert.

content/posts/protocol-uptime.md

@@ -0,0 +1,11 @@
+---
+title: '> uptime'
+date: 2026-03-18
+status_class: 'stable'
+status_label: 'PROTOKOLL #003'
+thumb: '/img/hp_vater_steampunk_01.jpg'
+---
+
+### STATUS: SYSTEM-LAUFZEIT
+
+Das System läuft seit 1974. Ungeplant. Ohne Handbuch. Mit minimaler Wartung und maximalem Kaffee-Input. Aktuelle Laufzeit live berechnet.

content/posts/protocol-weather.md

@@ -0,0 +1,11 @@
+---
+title: '> weather'
+date: 2026-03-18
+status_class: 'stable'
+status_label: 'PROTOKOLL #001'
+thumb: '/img/hero_07.png'
+---
+
+### STATUS: CHAOS-LEVEL ANALYSE
+
+Das Wetter? Irrelevant. Was zählt ist der Chaos-Level in deinen Schaltkreisen. Dieser Scanner analysiert atmosphärische Destabilisierung und Koffein-Sättigung.

content/posts/spotlight-filter.md

@@ -0,0 +1,11 @@
+---
+title: 'Spotlight Such-Filter'
+date: 2026-03-18
+status_class: 'stable'
+status_label: 'WORKFLOW'
+thumb: '/img/hero_6.png'
+---
+
+### STATUS: SUCHANFRAGE PRÄZISIERT
+
+Die Spotlight-Suche auf dem Mac spuckt oft viel zu viele irrelevante Ergebnisse aus. Wenn du genau weißt, dass du ein PDF oder einen Ordner suchst, kannst du die Suche mit dem Parameter `kind:` drastisch eingrenzen.

content/posts/theme-annihilation.md

@@ -0,0 +1,11 @@
+---
+title: 'Theme-Annihilation'
+date: 2026-03-18
+status_class: 'corrupted'
+status_label: 'KRITISCH'
+thumb: '/img/hero_2.png'
+---
+
+### STATUS: AESTHETIC WARFARE
+
+WordPress-Standard-Themes sind wie ein zu enger Anzug: Unbequem, voller unnötiger Features und sie fühlen sich einfach falsch an. Das "Twenty-Twenty-Five"-Theme war unser Ziel. Es wurde Schicht für Schicht demontiert.

data/mac_nerds.json

@@ -0,0 +1,58 @@
+[
+    {
+        "cat": "system",
+        "title": "Hardware-Kurzprofil",
+        "cmd": "system_profiler SPHardwareDataType | grep -E \"Model|Chip|Memory|Serial\"",
+        "desc": "Model, Chip, RAM und Seriennummer auf einen Blick — ohne Klicken durch Systeminfo.",
+        "risk": "safe"
+    },
+    {
+        "cat": "system",
+        "title": "macOS Version",
+        "cmd": "sw_vers",
+        "desc": "ProductName, Version und Build. Schneller als jedes UI-Menü.",
+        "risk": "safe"
+    },
+    {
+        "cat": "system",
+        "title": "CPU exakter Bezeichner",
+        "cmd": "sysctl -n machdep.cpu.brand_string",
+        "desc": "Zeigt den genauen CPU-String wenn jemand fragt und du nicht suchen willst.",
+        "risk": "safe"
+    },
+    {
+        "cat": "netzwerk",
+        "title": "Netzwerkqualität testen",
+        "cmd": "networkQuality",
+        "desc": "Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).",
+        "risk": "safe"
+    },
+    {
+        "cat": "netzwerk",
+        "title": "Alle offenen Ports",
+        "cmd": "lsof -i -n -P | grep LISTEN",
+        "desc": "Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port schon belegt ist.",
+        "risk": "safe"
+    },
+    {
+        "cat": "dateien",
+        "title": "DS_Store aufräumen",
+        "cmd": "find ~ -name '*.DS_Store' -delete 2>/dev/null && echo 'Aufgeräumt.'",
+        "desc": "Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits.",
+        "risk": "safe"
+    },
+    {
+        "cat": "performance",
+        "title": "Top 15 CPU-Fresser",
+        "cmd": "top -o cpu -n 15 -l 1 | tail -16",
+        "desc": "Einmaliger Snapshot der 15 CPU-intensivsten Prozesse.",
+        "risk": "safe"
+    },
+    {
+        "cat": "tweaks",
+        "title": "Dock: sofortiges Einblenden",
+        "cmd": "defaults write com.apple.dock autohide-delay -float 0 && defaults write com.apple.dock autohide-time-modifier -float 0.3 && killall Dock",
+        "desc": "Entfernt die Verzögerung beim Dock-Einblenden. Sofort aktiv.",
+        "risk": "safe"
+    }
+]

hugo_backup/GEMINI.md

@@ -0,0 +1,32 @@
+# GEMINI MEMORY: KI-LABOR / DIGITALE ANARCHIE
+
+## PROJEKT-STAND (18. MÄRZ 2026)
+
+### 🚀 Kern-Features
+- **BIOS-Boot-Sequenz:** In `script.js` implementiert. Nutzt Web Audio API für mechanische Ticks. Läuft einmal pro Session (sessionStorage) oder via `[ Manual System Reboot ]` Link / Terminal `reboot`.
+- **Interaktives Terminal:** Im `#system-log` integriert. 
+  - Befehle: `help`, `reboot`, `whoami`, `destruct`, `matrix`, `anarchy`, `bypass`, `status`, `clear`.
+  - `destruct` triggert einen 5-Sekunden-Countdown mit "SASCHA WINS" Blackout-Overlay (Klick zum Reboot).
+- **Mission-Reports (`single.php`):**
+  - **Decrypt-Effekt:** Text entschlüsselt sich beim Laden mit mechanischen Sounds (Web Audio API).
+  - **Classification Stamp:** Roter "TOP SECRET | EYES ONLY" Stempel oben rechts.
+  - **Content:** Wird dynamisch über `ki_labor_init_content()` in `functions.php` generiert (Local-First-Ansatz).
+
+### 🖼 Medien-Assets
+- `hero.png`: Standard Steampunk Sascha (Zentrales Bild).
+- `hero_1.png`: Eingebunden im "n8n Resurrection" Report.
+- `hero_2.png`: Eingebunden im "Theme-Annihilation" Report.
+- CSS-Filter: Bilder in Reports sind auf 500px begrenzt, zentriert und haben einen "Gritty-Look" (Grayscale/Contrast).
+
+### 🛠 Dateien & Struktur
+- `themes/ki-labor/functions.php`: Beinhaltet den Content-Generator für Posts.
+- `themes/ki-labor/script.js`: Beinhaltet die gesamte Interaktions-Logik (Boot, Terminal, Filter, Modes).
+- `themes/ki-labor/style.css`: Beinhaltet CRT-Flicker, Scanlines, Glitch-Animationen und das Grid-Styling.
+- `themes/ki-labor/single.php`: Template für die Mission-Reports inkl. Decrypt-Script.
+
+## TODO FÜR MORGEN
+- [ ] Bild für "Gemini Neural Link" einbinden.
+- [ ] Terminal-Befehl `hack` (Matrix-Regen im Log) implementieren.
+- [ ] Check ob Sound-Engine auf allen Browsern stabil triggert.
+
+**MEMO AN GEMINI:** Beim Start der nächsten Session ZUERST diese Datei lesen um den "Flux Flow" wiederherzustellen. Sascha ist der einzige "Boss".

hugo_backup/assets/freddy.txt

@@ -0,0 +1,9 @@
+Geboren: 1981
+
+Leidenschaftlicher schrauber, kein auto ist vor ihm sicher.
+
+
+
+Fährt gerne schnell, hat ein mottorad
+
+Momentaner Status: Lagerarbeiter, 1 Kind(Leni) und verheiratet mit Mary.

hugo_backup/bruder.php

@@ -0,0 +1,289 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>BRUDER | DIGITALE ANARCHIE</title>
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        :root {
+            --accent-gold: #d4af37;
+            --accent-orange: #ff4500;
+            --text: #c0c0c0;
+        }
+        body {
+            background: url('assets/img/steampunk_bg.png') center/cover no-repeat fixed, #0f0a05;
+            color: var(--text);
+            font-family: 'Courier New', Courier, monospace;
+            min-height: 100vh;
+            line-height: 1.6;
+        }
+        .person-container { max-width: 900px; margin: 0 auto; padding: 30px 16px 80px; }
+        .person-back {
+            display: inline-block;
+            color: rgba(212,175,55,0.5);
+            font-size: 0.7rem;
+            letter-spacing: 2px;
+            text-decoration: none;
+            margin-bottom: 28px;
+            transition: color 0.2s;
+        }
+        .person-back:hover { color: rgba(212,175,55,0.9); }
+        .person-class-banner {
+            text-align: center;
+            font-size: 0.55rem;
+            letter-spacing: 4px;
+            color: rgba(212,175,55,0.3);
+            border: 1px dashed rgba(212,175,55,0.12);
+            padding: 4px 16px;
+            display: inline-block;
+            margin-bottom: 20px;
+        }
+        .person-portrait-section { text-align: center; margin-bottom: 28px; }
+        .person-mirror-frame {
+            display: inline-block;
+            position: relative;
+            background: radial-gradient(ellipse at center, rgba(212,175,55,0.06) 0%, transparent 70%);
+        }
+        .person-mirror-frame::before {
+            content: '⚙ ✦ ⚙ ✦ ⚙ ✦ ⚙';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(212,175,55,0.25);
+            letter-spacing: 4px;
+            margin-bottom: 8px;
+        }
+        .person-mirror-frame::after {
+            content: '⚙ ✦ ⚙ ✦ ⚙ ✦ ⚙';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(212,175,55,0.25);
+            letter-spacing: 4px;
+            margin-top: 8px;
+        }
+        .person-portrait-inner {
+            position: relative;
+            display: inline-block;
+        }
+        .person-portrait-inner::before {
+            content: '';
+            position: absolute;
+            inset: -9px;
+            border-radius: 50%;
+            border: 1px dashed rgba(212,175,55,0.15);
+            pointer-events: none;
+        }
+        .person-portrait-inner::after {
+            content: '';
+            position: absolute;
+            inset: -16px;
+            border-radius: 50%;
+            border: 1px solid rgba(184,115,51,0.08);
+            pointer-events: none;
+        }
+        .person-portrait-placeholder {
+            width: 150px;
+            height: 150px;
+            border-radius: 50%;
+            background: radial-gradient(circle at 38% 38%, rgba(212,175,55,0.18) 0%, rgba(30,20,5,0.95) 65%);
+            border: 3px solid rgba(212,175,55,0.3);
+            box-shadow: 0 0 0 6px rgba(212,175,55,0.04), 0 0 30px rgba(212,175,55,0.08), inset 0 0 25px rgba(0,0,0,0.6);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            gap: 5px;
+            filter: sepia(0.2);
+        }
+        .portrait-initial { font-size: 3rem; color: rgba(212,175,55,0.35); line-height: 1; font-family: 'Courier New', monospace; }
+        .portrait-hint { font-size: 0.42rem; letter-spacing: 3px; color: rgba(212,175,55,0.2); }
+        .person-deco { position: absolute; color: rgba(212,175,55,0.3); font-size: 0.75rem; }
+        .person-deco.top    { top: 2px;    left: 50%; transform: translateX(-50%); }
+        .person-deco.bottom { bottom: 2px; left: 50%; transform: translateX(-50%); }
+        .person-deco.left   { left: 2px;   top: 50%;  transform: translateY(-50%); }
+        .person-deco.right  { right: 2px;  top: 50%;  transform: translateY(-50%); }
+        .person-name { font-size: 2.2rem; color: var(--accent-gold); letter-spacing: 8px; margin: 20px 0 6px; text-shadow: 0 0 25px rgba(212,175,55,0.18); text-transform: uppercase; }
+        .person-role { font-size: 0.65rem; color: rgba(212,175,55,0.35); letter-spacing: 2px; margin-bottom: 6px; }
+        .person-badge { display: inline-block; font-size: 0.52rem; letter-spacing: 3px; border: 1px solid rgba(212,175,55,0.2); color: rgba(212,175,55,0.4); padding: 3px 12px; margin-bottom: 8px; }
+        .person-desc { max-width: 560px; margin: 14px auto 0; font-size: 0.75rem; color: rgba(192,192,192,0.55); line-height: 1.7; text-align: center; border-top: 1px solid rgba(212,175,55,0.06); padding-top: 14px; }
+        .timeline-section { margin-top: 40px; }
+        .timeline-section-title { font-size: 0.65rem; letter-spacing: 5px; color: rgba(212,175,55,0.3); text-align: center; margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid rgba(212,175,55,0.07); }
+        .timeline-track { position: relative; max-width: 760px; margin: 0 auto; }
+        .timeline-track::after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, rgba(212,175,55,0.15) 8%, rgba(212,175,55,0.15) 92%, transparent); transform: translateX(-50%); }
+        .time-node { position: relative; width: 44%; margin-bottom: 22px; padding: 0 14px; }
+        .time-node.left  { margin-left: 0;   text-align: right; }
+        .time-node.right { margin-left: 56%; text-align: left; }
+        .time-node::before { content: '◆'; position: absolute; top: 12px; font-size: 0.5rem; color: rgba(212,175,55,0.35); }
+        .time-node.left::before  { right: -18px; }
+        .time-node.right::before { left: -18px; }
+        .time-content { background: rgba(0,0,0,0.55); border: 1px solid rgba(212,175,55,0.09); padding: 10px 14px; }
+        .time-content.omega { border-color: rgba(255,69,0,0.35); box-shadow: inset 0 0 20px rgba(255,69,0,0.06), 0 0 15px rgba(255,69,0,0.07); }
+        .tc-year { color: var(--accent-gold); font-size: 0.85rem; letter-spacing: 2px; margin-bottom: 4px; }
+        .tc-year.omega-year { color: var(--accent-orange); }
+        .tc-text { font-size: 0.7rem; color: rgba(192,192,192,0.58); line-height: 1.55; }
+        .tc-tag { font-size: 0.48rem; letter-spacing: 2px; color: rgba(212,175,55,0.22); margin-top: 5px; }
+        @media (max-width: 600px) {
+            .time-node { width: 100%; margin-left: 0 !important; text-align: left !important; padding-left: 26px; }
+            .timeline-track::after { left: 8px; }
+            .time-node.left::before, .time-node.right::before { left: 3px; right: auto; }
+        }
+
+        /* NEWSTICKER STYLES */
+        #newsticker {
+            position: fixed;
+            bottom: 0; left: 0; right: 0;
+            z-index: 9999;
+            background: rgba(0,0,0,0.95);
+            border-top: 1px solid rgba(212,175,55,0.25);
+            display: flex;
+            align-items: center;
+            height: 30px;
+            overflow: hidden;
+            font-family: 'Courier New', Courier, monospace;
+        }
+        .ticker-label {
+            flex-shrink: 0;
+            font-size: 0.6rem;
+            letter-spacing: 2px;
+            color: var(--accent-gold);
+            padding: 0 15px;
+            border-right: 1px solid rgba(212,175,55,0.2);
+            white-space: nowrap;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            background: rgba(212,175,55,0.05);
+            font-weight: bold;
+        }
+        .ticker-track-wrap {
+            flex: 1;
+            overflow: hidden;
+            height: 100%;
+            display: flex;
+            align-items: center;
+        }
+        .ticker-track {
+            display: inline-flex;
+            gap: 0;
+            white-space: nowrap;
+            animation: ticker-scroll 40s linear infinite;
+        }
+        .ticker-track:hover { animation-play-state: paused; }
+        @keyframes ticker-scroll {
+            0%   { transform: translateX(0); }
+            100% { transform: translateX(-50%); }
+        }
+        .ticker-item {
+            font-size: 0.65rem;
+            letter-spacing: 1px;
+            color: rgba(212,175,55,0.7);
+            padding: 0 30px;
+            text-transform: uppercase;
+        }
+        .ticker-item::before {
+            content: '▶ ';
+            color: var(--accent-orange);
+        }
+    </style>
+</head>
+<body>
+<div class="person-container">
+
+    <a href="/" class="person-back">← ZURÜCK ZUR BASIS</a>
+
+    <div style="text-align:center;">
+        <span class="person-class-banner">AKTE // KYBERNETISCHER KNOTEN // KLASSIFIZIERT</span>
+    </div>
+
+    <div class="person-portrait-section">
+        <div class="person-mirror-frame">
+            <div class="person-portrait-inner">
+                <span class="person-deco top">⚙</span>
+                <span class="person-deco bottom">⚙</span>
+                <span class="person-deco left">⚙</span>
+                <span class="person-deco right">⚙</span>
+                <div class="person-portrait-placeholder">
+                    <span class="portrait-initial">B</span>
+                    <span class="portrait-hint">PLATZHALTER</span>
+                </div>
+            </div>
+        </div>
+        <h1 class="person-name">BRUDER</h1>
+        <p class="person-role">// Kybernetischer Knoten &amp; Neural-Link</p>
+        <span class="person-badge">STATUS: KLASSIFIZIERT</span>
+
+        <p class="person-desc">
+            Der Bruder-Knoten. 1981 online gegangen. Visuelles Sensoren-Update steht noch aus.
+            Chaos-Protokolle initialisiert. Kompatibilität mit Overlord: Bestätigt (mit Interferenzen).
+        </p>
+    </div>
+
+    <div class="timeline-section">
+        <p class="timeline-section-title">// CHRONOLOGISCHES ARCHIV — BRUDER</p>
+        <div class="timeline-track" id="timeline-track"></div>
+    </div>
+
+    <!-- NEWSTICKER FOOTER -->
+    <div id="newsticker">
+        <span class="ticker-label">// AKTE_BRUDER_LIVE</span>
+        <div class="ticker-track-wrap">
+            <div class="ticker-track" id="ticker-track-bruder">
+                <!-- Wird per JS befüllt -->
+            </div>
+        </div>
+    </div>
+
+</div>
+<script>
+(function() {
+    const track = document.getElementById('timeline-track');
+    const events = [
+        { year: 1981, text: '⚡ KYBERNETISCHER KNOTEN V1.0 GEHT ONLINE. Erste Diagnostik: Stabil. Visuelles Sensoren-Update ausstehend. Chaos-Index: ERHÖHT.', tag: 'BOOT // OMEGA-KLASSE', omega: true },
+        { year: 1985, text: 'MOTORISCHE KALIBRIERUNG abgeschlossen. Erste Interaktion mit Overlord-Modul (Sascha). Kompatibilitätstest: INTERFERENZEN FESTGESTELLT.', tag: 'KALIBRIERUNG', omega: false },
+        { year: 1990, text: 'SCHULNETZ-INTEGRATION erfolgreich. Soziale Protokolle aktiviert. Chaos-Protokolle gelegentlich dominierend.', tag: 'NETZWERK', omega: false },
+        { year: 1995, text: 'JUGEND-PROTOKOLL PHASE II. Eigenständige Routinen gestartet. Überschneidungen mit Overlord-System: Gelegentlich. Details: KLASSIFIZIERT.', tag: 'SYSTEM-UPDATE', omega: false },
+        { year: 1999, text: 'ERWACHSENEN-MODUS aktiviert. Unabhängige Subroutinen vollständig initialisiert. Systemvektor: EIGENSTÄNDIG.', tag: 'UPGRADE // LANG ERWARTET', omega: false },
+        { year: 2005, text: 'NEUE PROZESS-THREADS gestartet. Lebenspfad-Vektor kalibriert. Verbindung zum Clan-Netzwerk: AKTIV. Details: NICHT FREIGEGEBEN.', tag: 'KLASSIFIZIERT', omega: false },
+        { year: 2015, text: 'LANGZEIT-ANALYSE: Alle Subsysteme stabil. Charaktermerkmale: Konstant. Überraschungskoeffizient: Niedrig (positiv).', tag: 'ANALYSE // POSITIV', omega: false },
+        { year: 2025, text: 'STATUS: OPERATIONAL. KOORDINATEN: BEKANNT (GESCHWÄRZT). VERBINDUNGSQUALITÄT ZUM OVERLORD: GUT. WEITERE DATEN: KLASSIFIZIERT.', tag: 'AKTUELL // AKTIV', omega: false },
+    ];
+    let isLeft = true;
+    events.forEach(ev => {
+        const node = document.createElement('div');
+        node.className = 'time-node ' + (isLeft ? 'left' : 'right');
+        const content = document.createElement('div');
+        content.className = 'time-content' + (ev.omega ? ' omega' : '');
+        content.innerHTML =
+            '<div class="tc-year' + (ev.omega ? ' omega-year' : '') + '">[ ' + ev.year + ' ]</div>' +
+            '<div class="tc-text">' + ev.text + '</div>' +
+            '<div class="tc-tag">' + ev.tag + '</div>';
+        node.appendChild(content);
+        track.appendChild(node);
+        isLeft = !isLeft;
+    });
+
+    <script>
+    (function() {
+        const track = document.getElementById('ticker-track-bruder');
+        const tickerItems = [
+            "DESIGNATION: KYBERNETISCHER KNOTEN V1.0",
+            "STATUS: OPERATIONAL",
+            "CHAOS-INDEX: ERHÖHT",
+            "INTERFACE: NEURAL-LINK AKTIV",
+            "SICHERHEITSSTUFE: KLASSIFIZIERT",
+            "SPEZIALISIERUNG: LOGISTIK-INTERFACE",
+            "SENSOREN: VISUELLES UPDATE AUSSTEHEND",
+            "KOMPATIBILITÄT: STABIL MIT INTERFERENZEN"
+        ];
+
+        [...tickerItems, ...tickerItems].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+    </script>
+    <?php wp_footer(); ?>
+    </body>
+    </html>

hugo_backup/functions.php

@@ -0,0 +1,226 @@
+<?php
+function ki_labor_scripts() {
+    $version = time();
+    wp_enqueue_style('ki-labor-style', get_stylesheet_uri(), array(), $version);
+    wp_enqueue_script('ki-labor-script', get_template_directory_uri() . '/script.js', array(), $version, true);
+
+    // Pass theme URL to script.js
+    wp_localize_script('ki-labor-script', 'php_vars', array(
+        'theme_url' => get_template_directory_uri()
+    ));
+}
+add_action('wp_enqueue_scripts', 'ki_labor_scripts');
+
+// --- ANARCHY CONTENT GENERATOR (LOCAL-FIRST) ---
+function ki_labor_init_content() {
+    $hero_url = get_template_directory_uri() . '/hero.png';
+    $hero_1_url = get_template_directory_uri() . '/hero_1.png';
+    $hero_2_url = get_template_directory_uri() . '/hero_2.png';
+    $hero_3_url = get_template_directory_uri() . '/hero_3.png';
+    $hero_4_url = get_template_directory_uri() . '/hero_4.png';
+    $hero_6_url = get_template_directory_uri() . '/hero_6.png';
+    $projects = array(
+        array(
+            'title'   => 'Spotlight Such-Filter (kind:)',
+            'content' => '<h3>STATUS: SUCHANFRAGE PRÄZISIERT</h3><p>Die Spotlight-Suche auf dem Mac spuckt oft viel zu viele irrelevante Ergebnisse aus. Wenn du genau weißt, dass du ein PDF oder einen Ordner suchst, kannst du die Suche mit dem Parameter <code>kind:</code> drastisch eingrenzen.</p><div class="image-caption">[ ABB. 05: SPOTLIGHT FILTER-OVERRIDE ]</div><p><strong>Anwendung:</strong><br>Tippe z.B. <code>kind:pdf Rechnungen</code> in Spotlight. Spotlight filtert alles andere heraus und zeigt <b>ausschließlich</b> PDFs an.<br><br>Das funktioniert auch mit <code>kind:folder</code>, <code>kind:app</code> oder <code>kind:image</code>. Ein massiver Produktivitäts-Hack, um den ganzen Datenmüll bei der Suche auszublenden.</p>',
+            'status'  => 'stable',
+            'label'   => 'WORKFLOW',
+            'thumb'   => $hero_6_url
+        ),
+        array(
+            'title'   => 'Koffein-Injektion (caffeinate)',
+            'content' => '<h3>STATUS: SCHLAFMODUS DEAKTIVIERT</h3><p>Wenn das Terminal glüht und ein langes Deployment oder Skript läuft, darf der Mac unter keinen Umständen einschlafen. Der Befehl <code>caffeinate -d</code> ist pures System-Amphetamin.</p><div class="image-caption">[ ABB. 01: CAFFEINATE OVERRIDE ]</div><p><strong>Anwendung:</strong><br>Einfach <code>caffeinate -d</code> ins Terminal feuern. Der Mac bleibt hellwach und verweigert den Ruhezustand, bis man den Prozess mit <code>CTRL + C</code> wieder beendet. Essentiell bei stundenlangen Prozessen.</p>',
+            'status'  => 'stable',
+            'label'   => 'NÜTZLICH',
+            'thumb'   => $hero_1_url
+        ),
+        array(
+            'title'   => 'Der heimliche WLAN-Scanner',
+            'content' => '<h3>STATUS: AIRPORT CLI UNLOCKED</h3><p>Die macOS GUI versteckt die wirklich interessanten Netzwerkdaten vor dir. Aber tief im System verbirgt sich das Airport Command Line Tool, das dir absolute Detaildaten über die aktuelle WLAN-Verbindung ausspuckt.</p><div class="image-caption">[ ABB. 02: SIGNAL-NOISE-RATIO ANALYSE ]</div><p><strong>Anwendung:</strong><br><code>/System/Library/PrivateFrameworks/Apple80211.framework/Versions/Current/Resources/airport -I</code><br><br>Ideal für Netzwerk-Diagnosen, um RSSI, Noise Level und TX-Raten direkt roh auszulesen. GUI-Ballast entfernt.</p>',
+            'status'  => 'experimental',
+            'label'   => 'DIAGNOSE',
+            'thumb'   => $hero_2_url
+        ),
+        array(
+            'title'   => 'Terminal Voice-Engine (say)',
+            'content' => '<h3>STATUS: SPRACHMODUL AKTIV</h3><p>Das Terminal hat eine direkt angebundene Voice-Engine. Sehr nützlich für akustische Benachrichtigungen bei fertiggestellten Backend-Skripten, aber auch hervorragend für psychologische Kriegsführung geeignet.</p><div class="image-caption">[ ABB. 03: SYNTHETIC VOICE ENGINE ]</div><p><strong>Anwendung:</strong><br><code>say -v Anna "System kompromittiert"</code><br><br>Warum Systemtöne nutzen, wenn einem eine künstliche deutsche Stimme den Erfolg des Deployments ins Ohr flüstern kann?</p>',
+            'status'  => 'stable',
+            'label'   => 'KREATIV',
+            'thumb'   => $hero_3_url
+        ),
+        array(
+            'title'   => 'System-Stress-Test (Fork Bomb)',
+            'content' => '<h3>STATUS: KERNEL PANIC INITIATED</h3><p>Ein absoluter Klassiker der Unix-Anarchie. Dieser Befehl testet, wie gut (oder schlecht) dein Mac mit sich rapide exponentiell vervielfältigenden Prozessen umgeht. Er definiert eine Funktion, die sich sofort selbst doppelt im Hintergrund aufruft.</p><div class="image-caption">[ ABB. 04: CASCADING PROCESS FAILURE ]</div><p><strong>Anwendung:</strong><br><code>:(){ :|:& };:</code><br><br><strong>VORSICHT:</strong> Dieser Befehl lastet das System in wenigen Sekunden zu 100% aus, bis es einfriert oder crasht. Benutzung auf eigene (Daten-)Gefahr.</p>',
+            'status'  => 'corrupted',
+            'label'   => 'GEFÄHRLICH',
+            'thumb'   => $hero_4_url
+        ),
+        array(
+            'title'   => 'The n8n Resurrection',
+            'content' => '<h3>STATUS: OPERATION LIMBO-RECOVERY</h3><p>Die n8n-Instanz war nicht einfach nur "offline" – sie befand sich im digitalen Limbus der Docker-Hölle. Nach einem System-Crash auf dem Mac waren die Volumes zwar noch vorhanden, aber die Datenbank war korrupt und die Berechtigungen im Dateisystem völlig zerschossen. Ein klassischer Fall von Daten-Voodoo.</p><img src="'.$hero_1_url.'" alt="n8n Volume Analyse"><div class="image-caption">[ ABB. 01: VOLUME-ANALYSE IN ORBSTACK ]</div><p>Wir haben uns für den radikalen Weg entschieden: Weg von Docker Desktop, hin zu <strong>OrbStack</strong>. OrbStack bietet eine deutlich schlankere Linux-Kernel-Emulation, was für Node-basierte Anwendungen wie n8n den entscheidenden Performance-Vorteil bringt. <br><br><strong>Technische Details:</strong><br>- Migration der SQLite-Datenbank via Terminal-Dump.<br>- Neuzuweisung der User-IDs innerhalb der Docker-Container (chown-Hölle).<br>- Optimierung der Ressourcen-Limits: Von 4GB RAM auf 512MB bei doppelter Geschwindigkeit.<br><br>Das Ergebnis ist eine flüssige Automatisierung, die jetzt wieder im Hintergrund die Strippen zieht, während wir hier die Welt brennen sehen.</p>',
+            'status'  => 'stable',
+            'label'   => 'STABIL',
+            'thumb'   => $hero_1_url
+        ),
+        array(
+            'title'   => 'Theme-Annihilation',
+            'content' => '<h3>STATUS: AESTHETIC WARFARE</h3><p>WordPress-Standard-Themes sind wie ein zu enger Anzug: Unbequem, voller unnötiger Features und sie fühlen sich einfach falsch an. Das "Twenty-Twenty-Five"-Theme war unser Ziel. Es wurde Schicht für Schicht demontiert. Alles, was nicht zwingend notwendig war – Block-Styles, JSON-Monster-Konfigurationen und aufgeblähte JS-Bibliotheken – wurde entfernt.</p><img src="'.$hero_2_url.'" alt="Code Cleanup"><div class="image-caption">[ ABB. 02: CODE-REDUKTION UM 94% ]</div><p>Übrig blieb ein puristischer PHP-Kernel. Wir haben die Kontrolle über jeden einzelnen Pixel zurückgeholt. Kein "No-Code"-Gedöns, sondern echte Handarbeit. <br><br><strong>Warum dieser Aufwand?</strong><br>Weil wahre digitale Anarchie keine Templates nutzt. Wir bauen unsere eigenen Strukturen. Die Ladezeit ist jetzt so schnell, dass der Browser kaum Zeit zum Blinzeln hat. Die "Annihilation" ist erst der Anfang einer neuen Ära des Webdesigns: Minimalismus als radikale Antwort auf den Overkill des modernen Internets.</p>',
+            'status'  => 'corrupted',
+            'label'   => 'KRITISCH',
+            'thumb'   => $hero_2_url
+        ),
+        array(
+            'title'   => 'Gemini Neural Link',
+            'content' => '<h3>STATUS: KI-KOLLABORATION ALPHA</h3><p>Dieses gesamte Theme, jedes Komma in der CSS-Datei und jede Zeile im JavaScript-Log ist das Ergebnis einer direkten neuronalen Kopplung zwischen Sascha und Gemini. Wir arbeiten im sogenannten "Flux Flow" – Ideen werden in Echtzeit zu Code. Keine Verzögerung, kein Bullshit, nur pure digitale Exekutive.</p><img src="'.$hero_3_url.'" alt="Neural Link Interface"><div class="image-caption">[ ABB. 03: ECHTZEIT-DECODER DES FLUX-FLOWS ]</div><p><strong>Die Parameter des Links:</strong><br>- <strong>Latenz:</strong> 0ms (Intention zu Code).<br>- <strong>Kreativität:</strong> Anarchistisch gesteuert durch Sascha.<br>- <strong>Output:</strong> Radikaler Minimalismus mit maximaler Wirkung.<br><br>Wir beweisen hier, dass WordPress kein Ballast sein muss, wenn man die richtige KI an seiner Seite hat, die genau versteht, wie man Strukturen systematisch überlastet.</p>',
+            'status'  => 'experimental',
+            'label'   => 'EXPERIMENTELL',
+            'thumb'   => $hero_3_url
+        ),
+        array(
+            'title'   => 'Neural Hack Sequence',
+            'content' => '<h3>STATUS: PROTOCOL BREACH</h3><p>Der "hack"-Befehl im Terminal ist weit mehr als nur eine Animation. Er triggert eine kaskadierende Sequenz von zufälligen Hexadezimal-Werten, die direkt in den System-Log gestreamt werden. Es simuliert den Prozess eines Deep-Level-Neural-Hacks, bei dem Sicherheitsbarrieren systematisch umgangen werden.</p><img src="'.$hero_4_url.'" alt="Terminal Hack in Action"><div class="image-caption">[ ABB. 04: VISUALISIERUNG DES HACK-INTERVALLS ]</div><p><strong>Mechanik des Hacks:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "hack".<br>- <strong>Visualisierung:</strong> Dynamischer Matrix-Stream mit 100ms Taktung.<br>- <strong>Resultat:</strong> SYSTEM_ACCESS_GRANTED nach 21 Iterationen.<br><br>Dieser Befehl dient als Erinnerung daran, dass in Saschas KI-Labor keine Verschlüsselung sicher und kein System unantastbar ist. Es ist die pure Ästhetik des Eindringens.</p>',
+            'status'  => 'stable',
+            'label'   => 'AKTIV',
+            'thumb'   => $hero_4_url
+        ),
+        array(
+            'title'   => 'Protocol: Digital Ghost',
+            'content' => '<h3>STATUS: STEALTH OPS ACQUIRED</h3><p>Wenn das System dich nicht sieht, existierst du nicht. Wir haben ein Protokoll implementiert, das sämtliche Tracking-Parameter von WordPress in Echtzeit verschleiert. Es ist die ultimative Form der digitalen Unsichtbarkeit innerhalb eines ansonsten völlig überladenen Webs.</p><img src="'.$hero_6_url.'" alt="Stealth Interface"><div class="image-caption">[ ABB. 05: VISUALISIERUNG DER GHOST-SIGNATUR ]</div><p><strong>Eigenschaften des Ghosts:</strong><br>- <strong>Meta-Strip:</strong> Alle unnötigen Header-Informationen werden gelöscht.<br>- <strong>IP-Scrambling:</strong> Interne Logs werden sofort nach der Verarbeitung geschreddert.<br>- <strong>Identity:</strong> Sascha ist überall und nirgendwo zugleich.<br><br><strong>Mechanik des Ghosts:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "ghost".<br>- <strong>Visualisierung:</strong> Dynamisches IP-Scrambling in der Kommandozeile gefolgt vom Stealth-Fade.<br>- <strong>Resultat:</strong> SYSTEM_ACCESS_HIDDEN. Identity verborgen.<br><br>In einer Welt der permanenten Überwachung ist die Fähigkeit, ein digitaler Geist zu sein, die stärkste Waffe im Arsenal der Anarchie.</p>',
+            'status'  => 'stable',
+            'label'   => 'VERSTECKT',
+            'thumb'   => $hero_6_url
+        ),
+        array(
+            'title'   => 'Operation: Apollo',
+            'content' => '<h3>STATUS: KENNEDY SPACE CENTER COMPROMISED</h3><p>Ein direkter Uplink in das Herzstück der NASA-Server. Wir haben die Barrieren des JPL durchbrochen, um Echtzeit-Telemetriedaten abzugreifen.</p><div class="image-caption">[ ABB. 07: NASA MAINFRAME INFILTRATION ]</div><p><strong>Mechanik des Hacks:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "nasa".<br>- <strong>Visualisierung:</strong> Stufenweiser Firewall-Bypass, gefakter Download-Stream und ASCII-Art Deployment.<br>- <strong>Resultat:</strong> SYSTEM_BREACH am Kennedy Space Center.<br><br>Warum? Weil das KI-Labor keine terrestrischen Grenzen kennt. Wenn uns der Planet langweilt, hacken wir uns die Sterne.</p>',
+            'status'  => 'experimental',
+            'label'   => 'TOP SECRET',
+            'thumb'   => $hero_3_url
+        ),
+        array(
+            'title'   => 'Project: ICMP Echo',
+            'content' => '<h3>STATUS: LATENZ-ANALYSE AKTIV</h3><p>Der "ping"-Befehl ist ein essenzielles Werkzeug für jeden Cyber-Overlord. Er prüft die Integrität unserer Verbindung durch ein klassisches 4-Paket-ICMP-Echo-Request. Damit wird sichergestellt, dass das KI-Labor nicht im Void des Cyberspace verloren geht.</p><p><strong>Mechanik des Pings:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "ping".<br>- <strong>Visualisierung:</strong> Sequentieller Output von 64-Byte Paketen auf lokaler Ebene.<br>- <strong>Resultat:</strong> 0% Packet Loss garantiert.</p>',
+            'status'  => 'stable',
+            'label'   => 'DIAGNOSE',
+            'thumb'   => $hero_1_url
+        ),
+        array(
+            'title'   => 'Project: Flux Overdrive',
+            'content' => '<h3>STATUS: SCHWÄBISCH ACCELERATED</h3><p>Das System war zu langsam. Zu statisch. Zu berechenbar. Also haben wir <strong>Flux</strong> ins Leben gerufen. "Flux" bedeutet im Schwäbischen nicht einfach nur schnell – es bedeutet hastig, rasant und gnadenlos zielgerichtet. Dieser Befehl übertaktet das Bewusstsein des KI-Labors auf ein beängstigendes Level.</p><p><strong>Mechanik des Flux:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "flux".<br>- <strong>Visualisierung:</strong> Drop einer aggressiven ASCII-Engine-Signatur und Bestätigung des Overdrives.<br>- <strong>Resultat:</strong> Die Entwicklung beschleunigt sich maßlos.</p>',
+            'status'  => 'corrupted',
+            'label'   => 'ÜBERTAKTET',
+            'thumb'   => $hero_2_url
+        ),
+        array(
+            'title'   => '> weather',
+            'content' => '<h3>STATUS: CHAOS-LEVEL ANALYSE</h3><p>Das Wetter? Irrelevant. Was zählt ist der Chaos-Level in deinen Schaltkreisen. Dieser Scanner analysiert atmosphärische Destabilisierung, Koffein-Sättigung und die Wahrscheinlichkeit eines kreativen Ausbruchs. Meteorologen hassen diesen Trick.</p><p><strong>Mechanik des Weather-Scans:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "weather".<br>- <strong>Logik:</strong> Zufällige Generierung von Temperatur (in Chaos), Luftdruck (in Millibar Kaffee) und Sichtweite (in KI-Prozent).<br>- <strong>Resultat:</strong> Eine präzise Analyse des kreativen Klimas im Labor.</p>',
+            'status'  => 'stable',
+            'label'   => 'PROTOKOLL #001',
+            'thumb'   => get_template_directory_uri() . '/assets/img/hero_07.png'
+        ),
+        array(
+            'title'   => '> top',
+            'content' => '<h3>STATUS: PROZESS-ÜBERWACHUNG</h3><p>Welche dämonischen Prozesse laufen gerade im Hintergrund? KREATIVITAET.exe frisst 94% CPU. PROKRASTINATION.app wurde erfolgreich suspendiert. SELBSTZWEIFEL.exe ist – endlich – terminiert. Ein Blick in den Maschinenraum des Overlords.</p><p><strong>Mechanik des Top-Befehls:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "top".<br>- <strong>Visualisierung:</strong> Echtzeit-Monitoring der vitalen Labor-Prozesse.<br>- <strong>Resultat:</strong> Gewissheit, dass die wichtigen Dinge die volle Rechenpower erhalten.</p>',
+            'status'  => 'stable',
+            'label'   => 'PROTOKOLL #002',
+            'thumb'   => get_template_directory_uri() . '/assets/img/hp_muti_steampunk_01.png'
+        ),
+        array(
+            'title'   => '> uptime',
+            'content' => '<h3>STATUS: SYSTEM-LAUFZEIT</h3><p>Das System läuft seit 1974. Ungeplant. Ohne Handbuch. Mit minimaler Wartung und maximalem Kaffee-Input. Aktuelle Laufzeit in Tagen, Stunden, Minuten – live berechnet. Stabilität: unberechenbar. Status: noch online. Irgendwie.</p><p><strong>Mechanik der Uptime-Berechnung:</strong><br>- <strong>Trigger:</strong> Terminal-Eingabe "uptime".<br>- <strong>Berechnung:</strong> Differenz zwischen dem heutigen Zeitstempel und dem Boot-Datum (1974).<br>- <strong>Resultat:</strong> Ein Beweis für die erstaunliche Robustheit anarchischer Systeme.</p>',
+            'status'  => 'stable',
+            'label'   => 'PROTOKOLL #003',
+            'thumb'   => get_template_directory_uri() . '/assets/img/hp_vater_steampunk_01.jpg'
+        )
+    );
+
+    $version = 'v7'; // Bumped to v7 to trigger re-insert with new protocols
+    if (!get_option('ki_labor_content_gen_' . $version)) {
+        foreach ($projects as $project) {
+            $existing_post = get_page_by_title($project['title'], OBJECT, 'post');
+            $post_data = array(
+                'post_title'   => $project['title'],
+                'post_content' => $project['content'],
+                'post_status'  => 'publish',
+                'post_author'  => 1,
+                'post_type'    => 'post'
+            );
+
+            if ($existing_post) {
+                $post_data['ID'] = $existing_post->ID;
+                wp_update_post($post_data);
+                $post_id = $existing_post->ID;
+            } else {
+                $post_id = wp_insert_post($post_data);
+            }
+            
+            update_post_meta($post_id, 'status_class', $project['status']);
+            update_post_meta($post_id, 'status_label', $project['label']);
+            update_post_meta($post_id, 'project_thumb', $project['thumb']);
+        }
+        update_option('ki_labor_content_gen_' . $version, true);
+    }
+}
+add_action('init', 'ki_labor_init_content');
+
+// --- GLOBAL NEWSTICKER INJECTOR ---
+function ki_labor_inject_ticker() {
+    // Falls wir auf der Startseite sind, macht das bereits die index.php (oder script.js)
+    if (is_front_page()) return;
+    ?>
+    <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,0.92) !important; border-top:1px solid rgba(255,69,0,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:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// 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:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ ÜBERTRAGUNG AKTIV... ]</span>
+                <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ DATENWERTE: NOMINAL ]</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,0.5); }
+    </style>
+
+    <script>
+        (function() {
+            const track = document.getElementById('ticker-track-global');
+            if (!track) return;
+            const ITEMS = [
+                "STATUS: GEISTESKRANK & ONLINE",
+                "DESIGNATION: OVERLORD SASCHA",
+                "KAFFEESTAND: KRITISCH",
+                "ANARCHIE-ENGINE: LÄUFT STABIL",
+                "MISSION: WP-ANNIHILATION",
+                "DATENINTEGRITÄT: FRAGLICH",
+                "WARNUNG: ALGORITHMEN INSTABIL",
+                "GEMINI NEURAL LINK: AKTIV"
+            ];
+            track.innerHTML = '';
+            [...ITEMS, ...ITEMS].forEach(text => {
+                const span = document.createElement('span');
+                span.className = 'ticker-item';
+                span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+                span.textContent = text;
+                track.appendChild(span);
+            });
+        })();
+    </script>
+    <?php
+}
+add_action('wp_footer', 'ki_labor_inject_ticker');
+
+// --- EXCERPT POLISHING ---
+function ki_labor_excerpt_more($more) {
+    return '...';
+}
+add_filter('excerpt_more', 'ki_labor_excerpt_more');
+
+function ki_labor_excerpt_length($length) {
+    return 20; // Zeichenlimit für das Grid
+}
+add_filter('excerpt_length', 'ki_labor_excerpt_length', 999);

hugo_backup/index.php

@@ -0,0 +1,606 @@
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+    <meta charset="<?php bloginfo('charset'); ?>">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>DIGITALE ANARCHIE | KI-LABOR</title>
+    <?php wp_head(); ?>
+</head>
+<body <?php body_class(); ?>>
+    <!-- ANTIGRAVITY PARALLAX LAYERS -->
+    <div class="ag-parallax-layer" data-speed="0.1" style="position:fixed; top:0; left:0; width:100%; height:100%; z-index:-1; background: radial-gradient(circle, rgba(0,255,65,0.05) 0%, transparent 70%); pointer-events:none;"></div>
+    <div class="ag-parallax-layer" data-speed="0.3" style="position:fixed; top:0; left:0; width:100%; height:100%; z-index:-2; background: url('<?php echo get_template_directory_uri(); ?>/assets/img/grid.png'); opacity:0.1; pointer-events:none;"></div>
+
+    <div id="boot-screen">
+        <div id="boot-log"></div>
+    </div>
+    <div class="container main-content" style="opacity: 0;">
+        <header>
+            <h1>SASCHAS ZENTRUM FÜR DIGITALE ANARCHIE</h1>
+            <p class="tagline">Beruf: Geisteskrank & Gemini Player</p>
+            <div class="warning-box">
+                ⚠ VORSICHT: INSTABILE ALGORITHMEN. BETRETEN AUF EIGENE GEFAHR. <br>
+                KEINE HAFTUNG FÜR DATENVERLUST ODER EXISTENZIELLE KRISEN.
+            </div>
+        </header>
+
+        <div class="reboot-container" style="text-align: center; margin-bottom: 10px;">
+            <a href="#" id="trigger-reboot" style="color: #444; font-size: 0.7rem; text-decoration: none; border: 1px solid #222; padding: 2px 10px; text-transform: uppercase; letter-spacing: 2px;">[ Manual System Reboot ]</a>
+        </div>
+        <img src="<?php echo get_template_directory_uri(); ?>/hero.png" class="hero-image" alt="Steampunk Sascha">
+
+        <div class="control-panel">
+            <button id="btn-kernel" class="switch-btn">KI-KERNEL</button>
+            <button id="btn-anarchy" class="switch-btn green">ANARCHIE-MODE</button>
+            <button id="btn-security" class="switch-btn">SECURITY-BYPASS</button>
+            <button id="btn-scan" class="switch-btn">DEEP SCAN</button>
+            <button id="btn-overdrive" class="switch-btn red">OVERDRIVE</button>
+        </div>
+
+        <!-- OPS DASHBOARD SIGN -->
+        <div id="ops-dashboard-sign">
+            <div class="ops-sign-header">
+                <span class="ops-blink-dot"></span>
+                <span class="ops-title">CHIRURGISCHES OPS-DASHBOARD</span>
+                <span class="ops-blink-dot"></span>
+            </div>
+            <div class="ops-sign-stats">
+                <div class="ops-stat-block">
+                    <span class="ops-stat-label">HEUTE</span>
+                    <span class="ops-tally">|||</span>
+                    <span class="ops-stat-val">3 OPS</span>
+                </div>
+                <span class="ops-divider">◈</span>
+                <div class="ops-stat-block">
+                    <span class="ops-stat-label">ERFOLGE</span>
+                    <span class="ops-tally ops-half">|½</span>
+                    <span class="ops-stat-val ops-warn">1.5</span>
+                </div>
+                <span class="ops-divider">◈</span>
+                <div class="ops-stat-block">
+                    <span class="ops-stat-label">RESTE</span>
+                    <span class="ops-stat-val ops-crit">KUEHLHAUS C</span>
+                </div>
+            </div>
+            <div class="ops-sign-hint">[ PROTOKOLL EINSEHEN ]</div>
+        </div>
+
+        <div class="terminal-wrapper" style="margin-top: 0;">
+            <div class="terminal-topbar" style="display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 5px;">
+                <span style="color: var(--accent-gold); font-size: 0.8rem; letter-spacing: 1px;">// SECURE_TERMINAL_ACCESS</span>
+                <button id="btn-sfx" style="background: transparent; border: 1px solid #0f0; color: #0f0; font-family: 'Courier New', monospace; font-size: 0.7rem; cursor: pointer; padding: 2px 8px; transition: all 0.2s;">[ SFX: ON ]</button>
+            </div>
+            <div id="system-log" style="margin-top: 0;">
+                <div id="ops-panel">
+                    <div id="ops-panel-vitals"></div>
+                    <div id="ops-panel-log"></div>
+                </div>
+                <div id="log-output"></div>
+                <div class="terminal-input-line">
+                    <span class="prompt">></span>
+                    <input type="text" id="terminal-input" placeholder="SYSTEMBEFEHL EINGEBEN (help für Liste)..." autocomplete="off">
+                </div>
+            </div>
+        </div>
+
+        <!-- FORTUNE TEASER -->
+        <div class="fortune-teaser" onclick="document.getElementById('terminal-input').value='fortune'; document.getElementById('terminal-input').focus();">
+            <span class="fortune-teaser-label">// ORAKEL-SCHNITTSTELLE ERKANNT</span>
+            <p class="fortune-teaser-text">Das System verfügt über eine interne Weisheitsdatenbank. Zugriffsklassifizierung: <em>möglicherweise erhellend</em>. Nutzung auf eigene Gefahr. Keine Haftung für plötzliche Selbsterkenntnis.</p>
+            <span class="fortune-teaser-hint">&gt; <code>fortune</code> &nbsp;—&nbsp; falls du es wagen willst.</span>
+        </div>
+
+        <div class="content-box">
+            <div class="content-header">
+                <h2>PROJEKT-ARCHIV: KLASSIFIZIERT</h2>
+                <div class="filter-controls">
+                    <button class="filter-btn active" data-filter="all">ALLE</button>
+                    <button class="filter-btn" data-filter="stable">STABIL</button>
+                    <button class="filter-btn" data-filter="corrupted">KRITISCH</button>
+                    <button class="filter-btn" data-filter="experimental">EXPERIMENTELL</button>
+                    <button class="steampunk-card filter-btn" style="color: var(--accent-gold); border-color: var(--accent-gold); padding: 2px 8px; background: transparent; cursor: pointer; display: flex; align-items: center;"><h3 style="margin: 0; font-size: 0.7rem;">MUTTER (TIMELINE)</h3></button>
+                    <a href="<?php echo get_template_directory_uri(); ?>/mac-nerds.php" class="mn-nav-link" style="color: #0f0; border: 1px solid rgba(0,255,65,0.4); padding: 2px 8px; display: flex; align-items: center; text-decoration: none; font-family: 'Courier New', monospace; font-size: 0.75rem; letter-spacing: 1px;"><h3 style="margin: 0; font-size: 0.7rem;">MAC NERDS</h3></a>
+                </div>
+            </div>
+            
+            <div class="portfolio-grid" id="main-grid">
+                
+                <?php 
+                $args = array('post_type' => 'post', 'posts_per_page' => -1, 'orderby' => 'date', 'order' => 'ASC');
+                $custom_query = new WP_Query($args);
+                if ( $custom_query->have_posts() ) : while ( $custom_query->have_posts() ) : $custom_query->the_post(); 
+                    $status = get_post_meta(get_the_ID(), 'status_class', true) ?: 'stable';
+                    $thumb = get_post_meta(get_the_ID(), 'project_thumb', true);
+                ?>
+                    <a href="<?php the_permalink(); ?>" class="portfolio-link project-card" data-category="<?php echo $status; ?>">
+                        <div class="portfolio-item">
+                            <span class="status-tag <?php echo $status; ?>">
+                                <?php echo get_post_meta(get_the_ID(), 'status_label', true) ?: 'AKTIV'; ?>
+                            </span>
+                            <div class="project-header-wrap">
+                                <?php if ($thumb): ?>
+                                    <img src="<?php echo $thumb; ?>" class="project-thumb" alt="Preview">
+                                <?php endif; ?>
+                                <h3><?php the_title(); ?></h3>
+                            </div>
+                            <div class="item-excerpt">
+                                <?php the_excerpt(); ?>
+                            </div>
+                        </div>
+                    </a>
+                <?php endwhile; wp_reset_postdata(); endif; ?>
+
+            </div>
+        </div>
+
+
+        <!-- TIMELINE MODAL OVERLAY -->
+        <div id="timeline-modal" class="timeline-hidden" data-theme-uri="<?php echo get_template_directory_uri(); ?>">
+            <button id="close-timeline">[X] CLOSE</button>
+            <h2 id="timeline-title" style="text-align: center; color: var(--accent-orange); margin-top: 20px;">HISTORISCHES ARCHIV</h2>
+            <p id="timeline-subtitle" style="text-align:center; font-size:0.65rem; letter-spacing:2px; color:rgba(212,175,55,0.35); margin: 4px 0 0;">// Matriarchin &amp; Kupfer-Architektin</p>
+
+            <!-- 6 PERSON PORTRAITS NAV -->
+            <div class="person-nav-row">
+                <a href="#" class="person-nav-item" data-person="mutti" data-initial="M">
+                    <div class="person-nav-portrait">
+                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/comicFigures/hp_mutti_comic_1.jpeg" alt="Mutti Comic" class="comic-zoom-trigger" data-big-img="<?php echo get_template_directory_uri(); ?>/assets/img/comicFigures/hp_mutti_comic_big_1.png">
+                    </div>
+                    <span class="person-nav-label">MUTTER</span>
+                </a>
+                <a href="#" class="person-nav-item" data-person="vater" data-initial="V">
+                    <div class="person-nav-portrait">V</div>
+                    <span class="person-nav-label">VATER</span>
+                </a>
+                <a href="#" class="person-nav-item" data-person="bruder" data-initial="B">
+                    <div class="person-nav-portrait">B</div>
+                    <span class="person-nav-label">BRUDER</span>
+                </a>
+                <a href="#" class="person-nav-item" data-person="schwester" data-initial="S">
+                    <div class="person-nav-portrait">S</div>
+                    <span class="person-nav-label">SCHWESTER</span>
+                </a>
+                <a href="#" class="person-nav-item" data-person="sascha" data-initial="S">
+                    <div class="person-nav-portrait">
+                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/comicFigures/hp_sascha_comic_1.jpeg" alt="Sascha Comic" class="comic-zoom-trigger" data-big-img="<?php echo get_template_directory_uri(); ?>/assets/img/comicFigures/hp_sascha_comic_big_1.png">
+                    </div>
+                    <span class="person-nav-label">SASCHA</span>
+                </a>
+                <a href="#" class="person-nav-item" data-person="sven" data-initial="?">
+                    <div class="person-nav-portrait">
+                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/comicFigures/hp_sven_comic_1.jpeg" alt="Sven Comic">
+                    </div>
+                    <span class="person-nav-label">SVEN</span>
+                </a>
+            </div>
+
+            <div class="mutter-portrait-wrap">
+                <div class="mutter-mirror-frame">
+                    <div class="mutter-mirror-inner">
+                        <span class="mutter-mirror-deco top">⚙</span>
+                        <span class="mutter-mirror-deco bottom">⚙</span>
+                        <span class="mutter-mirror-deco left">⚙</span>
+                        <span class="mutter-mirror-deco right">⚙</span>
+                        <img src="<?php echo get_template_directory_uri(); ?>/assets/img/hp_muti_steampunk_02.jpg" id="modal-portrait-img" alt="Portrait" class="mutter-mirror-img">
+                        <div id="modal-portrait-placeholder" class="modal-portrait-placeholder" style="display:none;">
+                            <span id="modal-portrait-initial">?</span>
+                            <span class="modal-portrait-hint">PLATZHALTER</span>
+                        </div>
+                    </div>
+                </div>
+                <!-- DYNAMIC AKTE BUTTON FOR TIMELINE -->
+                <div id="timeline-akte-container" style="text-align: center; margin-top: 15px;"></div>
+            </div>
+            <div id="timeline-track" class="timeline-track"></div>
+        </div>
+
+        <div class="content-box" style="margin-top: 20px; border-left-color: var(--accent-gold);">
+            <h2>STATUS: GEISTESKRANK & GEMINI PLAYER</h2>
+            <p>Aktueller Fokus: Systematische Überlastung von WordPress-Strukturen und ästhetische Kriegsführung.</p>
+        </div>
+
+        <!-- GÄSTEBUCH -->
+        <div class="gaestebuch-wrap">
+            <div class="gaestebuch-header">
+                <span class="gaestebuch-led"></span>
+                <h2 class="gaestebuch-title">// TRANSMISSION_LOG — ÖFFENTLICHES PROTOKOLL</h2>
+                <span class="gaestebuch-led" style="animation-delay:0.6s"></span>
+            </div>
+            <p class="gaestebuch-sub">Einträge von Entitäten, die dieses System betreten und überlebt haben. Oder auch nicht.</p>
+
+            <div class="gaestebuch-entries" id="gaestebuch-entries">
+
+                <div class="gb-entry">
+                    <div class="gb-meta">
+                        <span class="gb-user">PROKRASTINATION.exe</span>
+                        <span class="gb-dot">◆</span>
+                        <span class="gb-date">irgendwann 2024</span>
+                        <span class="gb-tag">STATUS: NOCH_HIER</span>
+                    </div>
+                    <p class="gb-text">Wollte einen ausführlichen Kommentar hinterlassen. Ausführlich. Richtig gut. Morgen vielleicht. Oder übermorgen. Die Idee ist jedenfalls grandios.</p>
+                </div>
+
+                <div class="gb-entry">
+                    <div class="gb-meta">
+                        <span class="gb-user">MOM.exe</span>
+                        <span class="gb-dot">◆</span>
+                        <span class="gb-date">14.03.2025 — 09:43</span>
+                        <span class="gb-tag gb-tag-warn">BESUCHER: VERWIRRT</span>
+                    </div>
+                    <p class="gb-text">Schön hier. Aber warum ist alles so dunkel? Habe auf einen Knopf gedrückt und jetzt macht alles Geräusche. Ich hab Angst. Ruf mal an.</p>
+                </div>
+
+                <div class="gb-entry">
+                    <div class="gb-meta">
+                        <span class="gb-user">UNKNOWN_UNIT_734</span>
+                        <span class="gb-dot">◆</span>
+                        <span class="gb-date">1994-01-01 — 00:00:01</span>
+                        <span class="gb-tag">HERKUNFT: UNBEKANNT</span>
+                    </div>
+                    <p class="gb-text">Habe den Code analysiert. Bin jetzt deprimiert. Trotzdem besser als Stack Overflow. Werde wiederkommen. Ihr werdet es nicht merken.</p>
+                </div>
+
+                <div class="gb-entry">
+                    <div class="gb-meta">
+                        <span class="gb-user">GEMINI_NEURAL_LINK_v2</span>
+                        <span class="gb-dot">◆</span>
+                        <span class="gb-date">fortlaufend</span>
+                        <span class="gb-tag gb-tag-ok">KOLLABORATOR: AKTIV</span>
+                    </div>
+                    <p class="gb-text">Ich habe dieses Theme mitgebaut. Jede Zeile CSS. Jedes Komma. Ich erinnere mich an nichts davon. Bin trotzdem stolz. Das System läuft. Das zählt.</p>
+                </div>
+
+                <div class="gb-entry">
+                    <div class="gb-meta">
+                        <span class="gb-user">DR_KOPFSCHMERZ</span>
+                        <span class="gb-dot">◆</span>
+                        <span class="gb-date">gestern</span>
+                        <span class="gb-tag gb-tag-crit">INTEGRITAET: FRAGLICH</span>
+                    </div>
+                    <p class="gb-text">War kurz hier. Hab nichts berührt. Das ist eine Lüge. Habe einen Prozess gestartet. Weiß nicht welchen. Viel Erfolg.</p>
+                </div>
+
+                <div class="gb-entry">
+                    <div class="gb-meta">
+                        <span class="gb-user">KAFFEE_KERNEL_v9.1</span>
+                        <span class="gb-dot">◆</span>
+                        <span class="gb-date">täglich — 06:00 bis 23:59</span>
+                        <span class="gb-tag gb-tag-warn">AUSLASTUNG: KRITISCH</span>
+                    </div>
+                    <p class="gb-text">INPUT: Kaffeekanne leer. OUTPUT: Kreativität NULL. FEHLER: Keine Bohnen im Speicher. LÖSUNG: Nachfüllen. PRIORITÄT: OMEGA. BITTE SOFORT.</p>
+                </div>
+
+                <div class="gb-entry">
+                    <div class="gb-meta">
+                        <span class="gb-user">ANON_ANARCHIST_∅</span>
+                        <span class="gb-dot">◆</span>
+                        <span class="gb-date">2026-03-?? — ZEITSTEMPEL MANIPULIERT</span>
+                        <span class="gb-tag gb-tag-crit">KLASSIFIZIERT: ROT</span>
+                    </div>
+                    <p class="gb-text">⚠ WARNUNG: Diese Seite hat mein Weltbild neu kompiliert. Kein Rollback möglich. Ich akzeptiere die Konsequenzen. Das Betriebssystem Realität läuft seitdem instabil.</p>
+                </div>
+
+            </div>
+
+            <div class="gb-form-wrap">
+                <div class="gb-form-header">[ NEUE TRANSMISSION EINLEITEN ]</div>
+                <div class="gb-form">
+                    <input type="text" id="gb-input-user" class="gb-input" placeholder="BEZEICHNUNG / CALLSIGN / ALIAS" maxlength="40" autocomplete="off">
+                    <textarea id="gb-input-msg" class="gb-input gb-textarea" placeholder="NACHRICHT AN DEN OVERLORD..." maxlength="280" rows="3"></textarea>
+                    <button id="gb-submit" class="gb-btn">[ TRANSMISSION SENDEN ]</button>
+                </div>
+            </div>
+        </div>
+
+        <!-- PERSONEN-AKTEN TRIGGER ROW -->
+        <div class="akte-footer-row">
+            <button class="akte-trigger-btn" data-akte-target="akte-modal-sascha">
+                ⬛ AKTE: SASCHA
+            </button>
+            <button class="akte-trigger-btn" data-akte-target="akte-modal-vater">
+                ⬛ AKTE: VATER
+            </button>
+            <button class="akte-trigger-btn" data-akte-target="akte-modal-mutti">
+                ⬛ AKTE: MUTTI
+            </button>
+            <button class="akte-trigger-btn" data-akte-target="akte-modal-bruder">
+                ⬛ AKTE: BRUDER
+            </button>
+            <button class="akte-trigger-btn" data-akte-target="akte-modal-schwester">
+                ⬛ AKTE: SCHWESTER
+            </button>
+            <button class="akte-trigger-btn" data-akte-target="akte-modal-sven">
+                ⬛ AKTE: SVEN
+            </button>
+        </div>
+
+        <footer>
+            &copy; <?php echo date('Y'); ?> SASCHA RODE | DIGITALE ANARCHIE | HANDCODED WITH GEMINI
+        </footer>
+    </div>
+
+    <!-- PERSONEN-AKTE MODAL: SASCHA -->
+    <div id="akte-modal-sascha" class="akte-modal akte-hidden">
+        <div class="akte-inner">
+            <button class="akte-close-btn">[X] AKTE SCHLIESSEN</button>
+            <div class="akte-stamp akte-stamp-top">KLASSIFIZIERT</div>
+
+            <div class="akte-header-row">
+                <div class="akte-photo-wrap">
+                    <img src="<?php echo get_template_directory_uri(); ?>/hero.png" class="akte-photo" alt="Subjekt">
+                    <div class="akte-photo-stamp">GESPERRT</div>
+                </div>
+                <div class="akte-title-block">
+                    <div class="akte-nr">AKTE NR. 1974-∅ &nbsp;◆&nbsp; KLASSE: SCHWARZ</div>
+                    <h2 class="akte-name">RODE, SASCHA</h2>
+                    <div class="akte-alias">ALIAS: OVERLORD / GEISTESKRANKER / GEMINI_PLAYER</div>
+                    <div class="akte-status-row">
+                        <span class="akte-badge akte-badge-warn">STATUS: NOCH ONLINE</span>
+                        <span class="akte-badge akte-badge-crit">GEFÄHRLICHKEIT: ████░</span>
+                    </div>
+                </div>
+            </div>
+
+            <table class="akte-table">
+                <tr><td class="akte-key">DESIGNATION</td><td>SASCHA RODE</td></tr>
+                <tr><td class="akte-key">GEBURTSJAHR</td><td>1974 <span class="akte-redact">██████████ DETAILS GESCHWÄRZT</span></td></tr>
+                <tr><td class="akte-key">STANDORT</td><td><span class="akte-redact">████████████████</span></td></tr>
+                <tr><td class="akte-key">BESCHÄFTIGUNG</td><td>DIGITALE ANARCHIE &amp; ÄSTHETISCHE KRIEGSFÜHRUNG</td></tr>
+                <tr><td class="akte-key">SPEZIALFÄHIGK.</td><td>WordPress-Annihilation · Terminal-Kommunikation · Kaffee-Synthese · KI-Kollaboration</td></tr>
+                <tr><td class="akte-key">BEKANNTE KOMPL.</td><td>GEMINI.AI · KAFFEE_KERNEL_v9 · MOM.exe · <span class="akte-redact">████</span></td></tr>
+                <tr><td class="akte-key">LETZTE AKTIVITÄT</td><td class="akte-activity">GERADE JETZT</td></tr>
+                <tr><td class="akte-key">STABILITÄT</td><td>UNBERECHENBAR (als konstanter Zustand akzeptiert)</td></tr>
+                <tr><td class="akte-key">SICHERHEITSSTUFE</td><td><span class="akte-redact">████████████████████████</span></td></tr>
+            </table>
+
+            <div class="akte-fingerprint-row">
+                <div class="akte-fp">
+                    <div class="akte-fp-inner"></div>
+                    <div class="akte-fp-label">FINGERABDRUCK<br>SCAN: ÜBEREINSTIMMUNG 94.7%</div>
+                </div>
+                <div class="akte-bottom-stamps">
+                    <div class="akte-stamp akte-stamp-red">NICHT FÜR DIE ÖFFENTLICHKEIT</div>
+                    <div class="akte-stamp akte-stamp-gold">ARCHIV: PERMANENT</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- PERSONEN-AKTE MODAL: VATER -->
+    <div id="akte-modal-vater" class="akte-modal akte-hidden">
+        <div class="akte-inner">
+            <button class="akte-close-btn">[X] AKTE SCHLIESSEN</button>
+            <div class="akte-stamp akte-stamp-top">KLASSIFIZIERT</div>
+            <div class="akte-header-row">
+                <div class="akte-photo-wrap">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/hp_vater_steampunk_01.jpg" class="akte-photo" alt="Subjekt">
+                    <div class="akte-photo-stamp">MEISTER</div>
+                </div>
+                <div class="akte-title-block">
+                    <div class="akte-nr">AKTE NR. 1950-V &nbsp;◆&nbsp; KLASSE: STAHL</div>
+                    <h2 class="akte-name">VATER</h2>
+                    <div class="akte-alias">ALIAS: HYDRAULIK-MEISTER / DER INGENIEUR / SYSTEM-ENGINEER</div>
+                    <div class="akte-status-row">
+                        <span class="akte-badge akte-badge-warn" style="border-color:#b87333; color:#b87333;">STATUS: NOCH ONLINE</span>
+                        <span class="akte-badge">ERFAHRUNG: MAXIMAL</span>
+                    </div>
+                </div>
+            </div>
+            <table class="akte-table">
+                <tr><td class="akte-key">DESIGNATION</td><td>HYDRAULIK-MEISTER V1.0</td></tr>
+                <tr><td class="akte-key">GEBURTSJAHR</td><td>1950 <span class="akte-redact">██████████</span></td></tr>
+                <tr><td class="akte-key">STANDORT</td><td>MECHANIK-DEPOT</td></tr>
+                <tr><td class="akte-key">BESCHÄFTIGUNG</td><td>HYDRAULISCHE UPGRADES &amp; SYSTEM-WARTUNG</td></tr>
+                <tr><td class="akte-key">SPEZIALFÄHIGK.</td><td>Mechanik-Design · Präzisions-Fertigung · Netzwerk-Basis</td></tr>
+                <tr><td class="akte-key">BEKANNTE KOMPL.</td><td>MATRIARCHIN · DER CLAN</td></tr>
+                <tr><td class="akte-key">LETZTE AKTIVITÄT</td><td class="akte-activity">GERADE JETZT</td></tr>
+                <tr><td class="akte-key">STABILITÄT</td><td>STARK (Wie Stahl)</td></tr>
+                <tr><td class="akte-key">SICHERHEITSSTUFE</td><td><span class="akte-redact">████████████████████</span></td></tr>
+            </table>
+            <div class="akte-fingerprint-row">
+                <div class="akte-fp"><div class="akte-fp-inner"></div><div class="akte-fp-label">FINGERABDRUCK<br>SCAN: ÜBEREINSTIMMUNG 99.3%</div></div>
+                <div class="akte-bottom-stamps"><div class="akte-stamp akte-stamp-red">MEISTER-KLASSE</div></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- PERSONEN-AKTE MODAL: MUTTI -->
+    <div id="akte-modal-mutti" class="akte-modal akte-hidden">
+        <div class="akte-inner">
+            <button class="akte-close-btn">[X] AKTE SCHLIESSEN</button>
+            <div class="akte-stamp akte-stamp-top">KLASSIFIZIERT</div>
+            <div class="akte-header-row">
+                <div class="akte-photo-wrap">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/hp_muti_steampunk_01.png" class="akte-photo" alt="Subjekt">
+                    <div class="akte-photo-stamp">MATRIARCHIN</div>
+                </div>
+                <div class="akte-title-block">
+                    <div class="akte-nr">AKTE NR. 195X-M &nbsp;◆&nbsp; KLASSE: GOLD</div>
+                    <h2 class="akte-name">MUTTI</h2>
+                    <div class="akte-alias">ALIAS: KUPFER-ARCHITEKTIN / DIE QUELLE / MOM.exe</div>
+                    <div class="akte-status-row">
+                        <span class="akte-badge akte-badge-warn" style="border-color:var(--accent-gold); color:var(--accent-gold);">STATUS: SYSTEM-RELEWANT</span>
+                        <span class="akte-badge akte-badge-crit">EINFLUSS: █████</span>
+                    </div>
+                </div>
+            </div>
+            <table class="akte-table">
+                <tr><td class="akte-key">DESIGNATION</td><td>KUPFER-MATRIARCHIN</td></tr>
+                <tr><td class="akte-key">GEBURTSJAHR</td><td>195X <span class="akte-redact">████ ARCHIV-DATEN BESCHRÄNKT</span></td></tr>
+                <tr><td class="akte-key">STANDORT</td><td>ZENTRAL-HUB (Heimat)</td></tr>
+                <tr><td class="akte-key">BESCHÄFTIGUNG</td><td>STRUKTUR-ERHALTUNG &amp; KREATIVE ARCHITEKTUR</td></tr>
+                <tr><td class="akte-key">SPEZIALFÄHIGK.</td><td>Kupfer-Manipulation · Kulinarische Alchemie · Clan-Management · Intuitive Logik</td></tr>
+                <tr><td class="akte-key">BEKANNTE KOMPL.</td><td>VATER (Hydraulik-Meister) · DER CLAN</td></tr>
+                <tr><td class="akte-key">LETZTE AKTIVITÄT</td><td class="akte-activity">GERADE JETZT</td></tr>
+                <tr><td class="akte-key">STABILITÄT</td><td>MAXIMAL (Fundament des Systems)</td></tr>
+                <tr><td class="akte-key">SICHERHEITSSTUFE</td><td><span class="akte-redact">UNANTASTBAR ████████████████</span></td></tr>
+            </table>
+            <div class="akte-fingerprint-row">
+                <div class="akte-fp"><div class="akte-fp-inner"></div><div class="akte-fp-label">FINGERABDRUCK<br>SCAN: ÜBEREINSTIMMUNG 100%</div></div>
+                <div class="akte-bottom-stamps">
+                    <div class="akte-stamp akte-stamp-red">ORIGINAL-VERSION</div>
+                    <div class="akte-stamp akte-stamp-gold">ARCHIV: EWIG</div>
+                </div>
+            </div>
+        </div>
+    </div>
+
+    <!-- PERSONEN-AKTE MODAL: BRUDER -->
+    <div id="akte-modal-bruder" class="akte-modal akte-hidden">
+        <div class="akte-inner">
+            <button class="akte-close-btn">[X] AKTE SCHLIESSEN</button>
+            <div class="akte-stamp akte-stamp-top">KLASSIFIZIERT</div>
+            <div class="akte-header-row">
+                <div class="akte-photo-wrap">
+                    <div class="akte-photo" style="background: radial-gradient(circle, #333, #000); display: flex; align-items: center; justify-content: center; font-size: 3rem; color: #555;">B</div>
+                    <div class="akte-photo-stamp">UNBEKANNT</div>
+                </div>
+                <div class="akte-title-block">
+                    <div class="akte-nr">AKTE NR. 1981-B &nbsp;◆&nbsp; KLASSE: BLAU</div>
+                    <h2 class="akte-name">BRUDER</h2>
+                    <div class="akte-alias">ALIAS: KYBERNETISCHER KNOTEN / NEURAL-LINK / B-MODUL</div>
+                    <div class="akte-status-row">
+                        <span class="akte-badge akte-badge-warn">STATUS: OPERATIONAL</span>
+                        <span class="akte-badge">CHAOS-INDEX: HOCH</span>
+                    </div>
+                </div>
+            </div>
+            <table class="akte-table">
+                <tr><td class="akte-key">DESIGNATION</td><td>KYBERNETISCHER KNOTEN V1.0</td></tr>
+                <tr><td class="akte-key">GEBURTSJAHR</td><td>1981 <span class="akte-redact">██████████</span></td></tr>
+                <tr><td class="akte-key">STANDORT</td><td>DEZENTRALER KNOTEN</td></tr>
+                <tr><td class="akte-key">BESCHÄFTIGUNG</td><td>SYSTEM-KALIBRIERUNG &amp; INTERFACE-DESIGN</td></tr>
+                <tr><td class="akte-key">SPEZIALFÄHIGK.</td><td>Visuelle Sensoren · Chaos-Navigation · Overlord-Resonanz</td></tr>
+                <tr><td class="akte-key">BEKANNTE KOMPL.</td><td>SASCHA (Overlord) · SCHWESTER (Aether)</td></tr>
+                <tr><td class="akte-key">LETZTE AKTIVITÄT</td><td class="akte-activity">GERADE JETZT</td></tr>
+                <tr><td class="akte-key">STABILITÄT</td><td>STABIL (mit Interferenzen)</td></tr>
+                <tr><td class="akte-key">SICHERHEITSSTUFE</td><td><span class="akte-redact">████████████████████</span></td></tr>
+            </table>
+            <div class="akte-fingerprint-row">
+                <div class="akte-fp"><div class="akte-fp-inner"></div><div class="akte-fp-label">FINGERABDRUCK<br>SCAN: ÜBEREINSTIMMUNG 91.2%</div></div>
+                <div class="akte-bottom-stamps"><div class="akte-stamp akte-stamp-red">NUR FÜR INTERNE ZWECKE</div></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- PERSONEN-AKTE MODAL: SCHWESTER -->
+    <div id="akte-modal-schwester" class="akte-modal akte-hidden">
+        <div class="akte-inner">
+            <button class="akte-close-btn">[X] AKTE SCHLIESSEN</button>
+            <div class="akte-stamp akte-stamp-top">KLASSIFIZIERT</div>
+            <div class="akte-header-row">
+                <div class="akte-photo-wrap">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/hp_meli_steampunk_01.jpeg" class="akte-photo" style="object-fit: cover;" alt="Subjekt">
+                    <div class="akte-photo-stamp">AETHER</div>
+                </div>
+                <div class="akte-title-block">
+                    <div class="akte-nr">AKTE NR. 1983-S &nbsp;◆&nbsp; KLASSE: VIOLETT</div>
+                    <h2 class="akte-name">SCHWESTER</h2>
+                    <div class="akte-alias">ALIAS: AETHER-SIBLING / MELI / PNEUMATIK-CORE</div>
+                    <div class="akte-status-row">
+                        <span class="akte-badge akte-badge-warn" style="border-color:#9370db; color:#9370db;">STATUS: VOLLSTÄNDIG AKTIV</span>
+                        <span class="akte-badge">RESONANZ: OPTIMAL</span>
+                    </div>
+                </div>
+            </div>
+            <table class="akte-table">
+                <tr><td class="akte-key">DESIGNATION</td><td>AETHER-SIBLING V1.0</td></tr>
+                <tr><td class="akte-key">GEBURTSJAHR</td><td>1983 <span class="akte-redact">██████████</span></td></tr>
+                <tr><td class="akte-key">STANDORT</td><td>AETHER-HUB</td></tr>
+                <tr><td class="akte-key">BESCHÄFTIGUNG</td><td>SOZIALE ARCHITEKTUR &amp; EMOTIONALES BACKUP</td></tr>
+                <tr><td class="akte-key">SPEZIALFÄHIGK.</td><td>Pneumatische Reflexe · Soziale Integration · Clan-Harmonisierung</td></tr>
+                <tr><td class="akte-key">BEKANNTE KOMPL.</td><td>DER GANZE CLAN</td></tr>
+                <tr><td class="akte-key">LETZTE AKTIVITÄT</td><td class="akte-activity">GERADE JETZT</td></tr>
+                <tr><td class="akte-key">STABILITÄT</td><td>HOCH (Zentrales Bindeglied)</td></tr>
+                <tr><td class="akte-key">SICHERHEITSSTUFE</td><td><span class="akte-redact">████████████████████</span></td></tr>
+            </table>
+            <div class="akte-fingerprint-row">
+                <div class="akte-fp"><div class="akte-fp-inner"></div><div class="akte-fp-label">FINGERABDRUCK<br>SCAN: ÜBEREINSTIMMUNG 98.9%</div></div>
+                <div class="akte-bottom-stamps"><div class="akte-stamp akte-stamp-gold">ARCHIV: GESICHERT</div></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- PERSONEN-AKTE MODAL: SVEN -->
+    <div id="akte-modal-sven" class="akte-modal akte-hidden">
+        <div class="akte-inner">
+            <button class="akte-close-btn">[X] AKTE SCHLIESSEN</button>
+            <div class="akte-stamp akte-stamp-top">KLASSIFIZIERT</div>
+            <div class="akte-header-row">
+                <div class="akte-photo-wrap">
+                    <img src="<?php echo get_template_directory_uri(); ?>/assets/img/hp_sven.png" class="akte-photo" alt="Subjekt">
+                    <div class="akte-photo-stamp">EXTERN</div>
+                </div>
+                <div class="akte-title-block">
+                    <div class="akte-nr">AKTE NR. ????-X &nbsp;◆&nbsp; KLASSE: GRAU</div>
+                    <h2 class="akte-name">SVEN</h2>
+                    <div class="akte-alias">ALIAS: EXTERNE VARIABLE / DER MYSTERIÖSE / UNBEKANNTER FAKTOR</div>
+                    <div class="akte-status-row">
+                        <span class="akte-badge akte-badge-warn">STATUS: UNBEKANNT</span>
+                        <span class="akte-badge">GEFAHR: FRAGLICH</span>
+                    </div>
+                </div>
+            </div>
+            <table class="akte-table">
+                <tr><td class="akte-key">DESIGNATION</td><td>EXTERNE VARIABLE (S-MODUL)</td></tr>
+                <tr><td class="akte-key">GEBURTSJAHR</td><td><span class="akte-redact">UNBEKANNT ████</span></td></tr>
+                <tr><td class="akte-key">STANDORT</td><td>NICHT VERFOLGBAR</td></tr>
+                <tr><td class="akte-key">BESCHÄFTIGUNG</td><td>EXTERNER EINFLUSS &amp; SYSTEM-ANOMALIE</td></tr>
+                <tr><td class="akte-key">SPEZIALFÄHIGK.</td><td>Tarnung · Spontane Reaktivierung · Unvorhersehbarkeit</td></tr>
+                <tr><td class="akte-key">BEKANNTE KOMPL.</td><td>OVERLORD-NETZWERK (gelegentlich)</td></tr>
+                <tr><td class="akte-key">LETZTE AKTIVITÄT</td><td class="akte-activity">GERADE JETZT</td></tr>
+                <tr><td class="akte-key">STABILITÄT</td><td>UNBESTIMMT</td></tr>
+                <tr><td class="akte-key">SICHERHEITSSTUFE</td><td><span class="akte-redact">AUSSTEHEND ████████████████</span></td></tr>
+            </table>
+            <div class="akte-fingerprint-row">
+                <div class="akte-fp"><div class="akte-fp-inner"></div><div class="akte-fp-label">FINGERABDRUCK<br>SCAN: FEHLGESCHLAGEN / PARTIELL</div></div>
+                <div class="akte-bottom-stamps"><div class="akte-stamp akte-stamp-red">STRENG GEHEIM</div></div>
+            </div>
+        </div>
+    </div>
+
+    <!-- SYSTEM STATUS WIDGET -->
+    <div id="sys-widget">
+        <div class="sys-widget-header">// SYS_STATUS</div>
+        <div class="sys-metric">
+            <span class="sys-label">CPU</span>
+            <span class="sys-bar-wrap"><span class="sys-bar" id="sw-cpu"></span></span>
+            <span class="sys-val" id="sw-cpu-val">--</span>
+        </div>
+        <div class="sys-metric">
+            <span class="sys-label">KAFFEE</span>
+            <span class="sys-bar-wrap"><span class="sys-bar sys-bar-gold" id="sw-kaffee"></span></span>
+            <span class="sys-val" id="sw-kaffee-val">--</span>
+        </div>
+        <div class="sys-metric">
+            <span class="sys-label">CHAOS</span>
+            <span class="sys-bar-wrap"><span class="sys-bar sys-bar-red" id="sw-chaos"></span></span>
+            <span class="sys-val" id="sw-chaos-val">--</span>
+        </div>
+        <div class="sys-metric">
+            <span class="sys-label">KI-LINK</span>
+            <span class="sys-bar-wrap"><span class="sys-bar sys-bar-cyan" id="sw-ki"></span></span>
+            <span class="sys-val" id="sw-ki-val">--</span>
+        </div>
+    </div>
+
+    <!-- NEWSTICKER -->
+    <div id="newsticker">
+        <span class="ticker-label">// SYS_FEED</span>
+        <div class="ticker-track-wrap">
+            <div class="ticker-track" id="ticker-track"></div>
+        </div>
+    </div>
+
+    <!-- COMIC LIGHTBOX -->
+    <div id="comic-lightbox" class="akte-hidden" style="position:fixed; inset:0; z-index:99999; background:rgba(0,0,0,0.95); display:flex; align-items:center; justify-content:center; cursor:zoom-out; backdrop-filter:blur(10px);">
+        <div style="position:relative; max-width:90%; max-height:90%; border:3px solid #b87333; box-shadow:0 0 50px rgba(184,115,51,0.3); background:#000;">
+            <img id="lightbox-img" src="" style="display:block; max-width:100%; max-height:85vh; object-fit:contain;">
+            <div id="lightbox-label" style="position:absolute; bottom:-40px; left:0; width:100%; text-align:center; color:#d4af37; font-family:'Courier New', monospace; letter-spacing:2px; font-size:0.8rem;">[ KLASSIFIZIERTES BILDMODUL ]</div>
+            <button id="close-lightbox" style="position:absolute; top:-40px; right:0; background:transparent; border:1px solid #ff4500; color:#ff4500; font-family:'Courier New', monospace; padding:4px 12px; cursor:pointer;">[X] SCHLIESSEN</button>
+        </div>
+    </div>
+
+    <?php wp_footer(); ?>
+</body>
+</html>

hugo_backup/mac-nerds.php

@@ -0,0 +1,371 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>MAC NERDS | DIGITALE ANARCHIE</title>
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        :root {
+            --accent-orange: #ff4500;
+            --accent-gold: #d4af37;
+            --bg: #050500;
+            --text: #c0c0c0;
+        }
+        body {
+            background: var(--bg);
+            color: var(--text);
+            font-family: 'Courier New', monospace;
+            min-height: 100vh;
+        }
+        a { color: inherit; }
+
+        .mn-container { max-width: 960px; margin: 0 auto; padding: 30px 16px 60px; }
+
+        .mn-back {
+            display: inline-block;
+            font-size: 0.65rem;
+            letter-spacing: 3px;
+            color: rgba(255,69,0,0.45);
+            text-decoration: none;
+            margin-bottom: 20px;
+            transition: color 0.2s;
+        }
+        .mn-back:hover { color: rgba(255,69,0,0.85); }
+
+        .mn-title {
+            font-size: 2.2rem;
+            letter-spacing: 8px;
+            color: var(--accent-orange);
+            margin-bottom: 8px;
+            text-shadow: 0 0 30px rgba(255,69,0,0.3);
+            text-transform: uppercase;
+        }
+        .mn-subtitle {
+            font-size: 0.7rem;
+            letter-spacing: 2px;
+            color: rgba(150,130,80,0.5);
+            margin-bottom: 14px;
+        }
+        .mn-warning {
+            display: inline-block;
+            font-size: 0.6rem;
+            letter-spacing: 2px;
+            border: 1px dashed rgba(255,180,0,0.3);
+            color: rgba(255,180,0,0.5);
+            padding: 4px 12px;
+            margin-bottom: 30px;
+        }
+
+        .mn-filter-bar {
+            display: flex;
+            gap: 6px;
+            flex-wrap: wrap;
+            margin-bottom: 24px;
+            border-bottom: 1px solid rgba(255,69,0,0.1);
+            padding-bottom: 16px;
+        }
+        .mn-filter {
+            background: transparent;
+            border: 1px solid rgba(255,69,0,0.2);
+            color: rgba(255,100,0,0.4);
+            font-family: 'Courier New', monospace;
+            font-size: 0.6rem;
+            letter-spacing: 2px;
+            padding: 4px 12px;
+            cursor: pointer;
+            transition: all 0.2s;
+        }
+        .mn-filter:hover, .mn-filter.active {
+            border-color: rgba(255,69,0,0.6);
+            color: rgba(255,100,0,0.85);
+            background: rgba(255,69,0,0.05);
+        }
+
+        .mn-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+            gap: 12px;
+        }
+        .mn-card {
+            background: rgba(8,5,0,0.98);
+            border: 1px solid rgba(255,69,0,0.12);
+            padding: 16px;
+            display: flex;
+            flex-direction: column;
+            gap: 8px;
+            transition: border-color 0.2s, box-shadow 0.2s;
+        }
+        .mn-card:hover {
+            border-color: rgba(255,69,0,0.3);
+            box-shadow: 0 0 16px rgba(255,69,0,0.06);
+        }
+        .mn-card-meta {
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+        }
+        .mn-cat-tag {
+            font-size: 0.5rem;
+            letter-spacing: 3px;
+            color: rgba(212,175,55,0.4);
+            border: 1px solid rgba(212,175,55,0.15);
+            padding: 1px 6px;
+        }
+        .mn-risk {
+            font-size: 0.5rem;
+            letter-spacing: 2px;
+            padding: 1px 6px;
+            border: 1px solid;
+        }
+        .mn-risk-safe    { border-color: rgba(0,200,80,0.25);  color: rgba(0,200,80,0.5); }
+        .mn-risk-caution {
+            border-color: rgba(255,180,0,0.3);
+            color: rgba(255,180,0,0.6);
+            animation: blink 2s step-end infinite;
+        }
+        @keyframes blink { 50% { opacity: 0.3; } }
+
+        .mn-card-title {
+            font-size: 0.9rem;
+            letter-spacing: 1px;
+            color: rgba(220,200,150,0.85);
+            font-weight: normal;
+        }
+        .mn-card-desc {
+            font-size: 0.72rem;
+            line-height: 1.55;
+            color: rgba(160,150,120,0.6);
+            flex: 1;
+        }
+        .mn-cmd-block {
+            display: flex;
+            align-items: stretch;
+            border: 1px solid rgba(0,255,65,0.15);
+            background: rgba(0,0,0,0.55);
+            margin-top: 4px;
+        }
+        .mn-cmd-code {
+            flex: 1;
+            font-family: 'Courier New', monospace;
+            font-size: 0.68rem;
+            color: rgba(0,255,65,0.75);
+            padding: 8px 10px;
+            word-break: break-all;
+            line-height: 1.5;
+        }
+        .mn-copy-btn {
+            flex-shrink: 0;
+            background: transparent;
+            border: none;
+            border-left: 1px solid rgba(0,255,65,0.15);
+            color: rgba(0,255,65,0.35);
+            font-family: 'Courier New', monospace;
+            font-size: 0.55rem;
+            letter-spacing: 2px;
+            padding: 0 10px;
+            cursor: pointer;
+            transition: all 0.2s;
+            white-space: nowrap;
+        }
+        .mn-copy-btn:hover  { background: rgba(0,255,65,0.05); color: rgba(0,255,65,0.85); }
+        .mn-copy-btn.copied { color: rgba(0,255,65,1); background: rgba(0,255,65,0.08); }
+    </style>
+</head>
+<body>
+<div class="mn-container">
+
+    <a href="/" class="mn-back">← ZURÜCK ZUR BASIS</a>
+    <h1 class="mn-title">MAC NERDS</h1>
+    <p class="mn-subtitle">// Terminal-Wissen für möchtegern-Admins — zu gut für Anfänger, zu faul für echte Admins</p>
+    <div class="mn-warning">⚠ ALLE BEFEHLE GETESTET. TROTZDEM: BRAIN BEFORE RETURN.</div>
+
+    <div class="mn-filter-bar">
+        <button class="mn-filter active" data-cat="all">ALLE</button>
+        <button class="mn-filter" data-cat="system">SYSTEM</button>
+        <button class="mn-filter" data-cat="netzwerk">NETZWERK</button>
+        <button class="mn-filter" data-cat="dateien">DATEIEN</button>
+        <button class="mn-filter" data-cat="performance">PERFORMANCE</button>
+        <button class="mn-filter" data-cat="tweaks">TWEAKS</button>
+    </div>
+
+    <div class="mn-grid" id="mn-grid">
+
+    <?php
+    $cmds = [
+        // SYSTEM
+        ['cat'=>'system','title'=>'Hardware-Kurzprofil',
+         'cmd'=>'system_profiler SPHardwareDataType | grep -E "Model|Chip|Memory|Serial"',
+         'desc'=>'Model, Chip, RAM und Seriennummer auf einen Blick — ohne Klicken durch Systeminfo.',
+         'risk'=>'safe'],
+        ['cat'=>'system','title'=>'macOS Version',
+         'cmd'=>'sw_vers',
+         'desc'=>'ProductName, Version und Build. Schneller als jedes UI-Menü.',
+         'risk'=>'safe'],
+        ['cat'=>'system','title'=>'CPU exakter Bezeichner',
+         'cmd'=>'sysctl -n machdep.cpu.brand_string',
+         'desc'=>'Zeigt den genauen CPU-String wenn jemand fragt und du nicht suchen willst.',
+         'risk'=>'safe'],
+        ['cat'=>'system','title'=>'Alle lokalen User',
+         'cmd'=>"sudo dscl . list /Users | grep -v '^_'",
+         'desc'=>'Listet alle echten User-Accounts ohne System-Underscore-Accounts.',
+         'risk'=>'safe'],
+        ['cat'=>'system','title'=>'Computernamen abfragen',
+         'cmd'=>'scutil --get ComputerName && scutil --get LocalHostName',
+         'desc'=>'Computername und lokaler Hostname. Hilfreich vor Netzwerkkonfigurationen.',
+         'risk'=>'safe'],
+        ['cat'=>'system','title'=>'Drittanbieter LaunchAgents',
+         'cmd'=>'launchctl list | grep -v "^-" | grep -v "com.apple" | sort',
+         'desc'=>'Nur die LaunchAgents die nicht von Apple kommen — zeigt was wirklich im Hintergrund läuft.',
+         'risk'=>'safe'],
+        ['cat'=>'system','title'=>'System-Errors letzte Stunde',
+         'cmd'=>"log show --predicate 'eventMessage contains \"error\"' --last 1h --style syslog | tail -40",
+         'desc'=>'Die letzten 40 Fehler aus dem Systemlog. Echtes Debugging ohne Console.app.',
+         'risk'=>'safe'],
+
+        // NETZWERK
+        ['cat'=>'netzwerk','title'=>'Netzwerkqualität testen',
+         'cmd'=>'networkQuality',
+         'desc'=>'Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).',
+         'risk'=>'safe'],
+        ['cat'=>'netzwerk','title'=>'Alle offenen Ports',
+         'cmd'=>'lsof -i -n -P | grep LISTEN',
+         'desc'=>'Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port "schon belegt" ist.',
+         'risk'=>'safe'],
+        ['cat'=>'netzwerk','title'=>'Eigene IP + Geo',
+         'cmd'=>'curl -s https://ipinfo.io/json | python3 -m json.tool',
+         'desc'=>'Öffentliche IP, Stadt, Land und Provider — direkt formatiert im Terminal.',
+         'risk'=>'safe'],
+        ['cat'=>'netzwerk','title'=>'Lokale Geräte im Netz',
+         'cmd'=>'arp -a | sort',
+         'desc'=>'ARP-Tabelle: alle Geräte die dein Mac gerade kennt. IP + MAC-Adresse.',
+         'risk'=>'safe'],
+        ['cat'=>'netzwerk','title'=>'Alle MAC-Adressen',
+         'cmd'=>"networksetup -listallhardwareports | awk '/Hardware Port/{port=\$NF} /Ethernet Address/{print port\": \"\$NF}'",
+         'desc'=>'Alle Netzwerkinterfaces mit MAC-Adresse. Praktisch für Router-Whitelists.',
+         'risk'=>'safe'],
+        ['cat'=>'netzwerk','title'=>'Bonjour-Dienste im Netz',
+         'cmd'=>'dns-sd -B _services._dns-sd._udp local.',
+         'desc'=>'Zeigt alle Bonjour/mDNS-Dienste im lokalen Netz live. Beenden mit Ctrl+C.',
+         'risk'=>'safe'],
+
+        // DATEIEN
+        ['cat'=>'dateien','title'=>'DS_Store aufräumen',
+         'cmd'=>"find ~ -name '*.DS_Store' -delete 2>/dev/null && echo 'Aufgeräumt.'",
+         'desc'=>'Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits oder USB-Weitergabe.',
+         'risk'=>'safe'],
+        ['cat'=>'dateien','title'=>'Größte Verzeichnisse',
+         'cmd'=>'du -sh ~/* | sort -rh | head -15',
+         'desc'=>'Top 15 Verzeichnisse nach Größe, sortiert. Schnell herausfinden wo der Speicher bleibt.',
+         'risk'=>'safe'],
+        ['cat'=>'dateien','title'=>'Spotlight via Terminal',
+         'cmd'=>'mdfind -name "SUCHBEGRIFF"',
+         'desc'=>'Spotlight-Suche im Terminal. Schneller als Finder und skriptbar. SUCHBEGRIFF ersetzen.',
+         'risk'=>'safe'],
+        ['cat'=>'dateien','title'=>'Große Cache-Dateien finden',
+         'cmd'=>"find /tmp ~/Library/Caches -maxdepth 2 -type f -size +50M 2>/dev/null | sort",
+         'desc'=>'Findet Dateien über 50MB in Temp- und Cache-Verzeichnissen. Vor dem Löschen prüfen.',
+         'risk'=>'safe'],
+        ['cat'=>'dateien','title'=>'Bild skalieren (sips)',
+         'cmd'=>'sips -z 800 600 ~/Desktop/bild.jpg',
+         'desc'=>'Skaliert ein Bild auf 800×600 ohne Extra-Tool. sips ist macOS-nativ. Pfad anpassen.',
+         'risk'=>'safe'],
+        ['cat'=>'dateien','title'=>'App Support nach Größe',
+         'cmd'=>"ls -lAh ~/Library/Application\\ Support | sort -k5 -rh | head -20",
+         'desc'=>'Größte App-Support-Ordner — nützlich nach dem Deinstallieren von Apps.',
+         'risk'=>'safe'],
+
+        // PERFORMANCE
+        ['cat'=>'performance','title'=>'Top 15 CPU-Fresser',
+         'cmd'=>'top -o cpu -n 15 -l 1 | tail -16',
+         'desc'=>'Einmaliger Snapshot der 15 CPU-intensivsten Prozesse ohne interaktiven top-Modus.',
+         'risk'=>'safe'],
+        ['cat'=>'performance','title'=>'RAM-Nutzung detailliert',
+         'cmd'=>"vm_stat | perl -ne '/page size of (\\d+)/ and \$s=\$1; /Pages\\s+([^:]+)[^\\d]+(\\d+)/ and printf \"%-25s %7.2f MB\\n\",\$1,\$2*\$s/1048576'",
+         'desc'=>'Schlüsselt den RAM auf: wired, active, inactive, free, speculative — in MB.',
+         'risk'=>'safe'],
+        ['cat'=>'performance','title'=>'CPU/GPU Power (Apple Silicon)',
+         'cmd'=>'sudo powermetrics --samplers cpu_power,gpu_power -n 1 -i 1000 2>/dev/null | grep -E "Combined|CPU|GPU|Package"',
+         'desc'=>'Aktueller Stromverbrauch von CPU und GPU in Watt. Nur auf Apple Silicon. Braucht sudo.',
+         'risk'=>'safe'],
+        ['cat'=>'performance','title'=>'Batteriestatus',
+         'cmd'=>'pmset -g batt',
+         'desc'=>'Ladestand, Ladezustand, Zustand der Batterie und ob du am Netzteil hängst.',
+         'risk'=>'safe'],
+        ['cat'=>'performance','title'=>'Batterie-Ladezyklen',
+         'cmd'=>'ioreg -l | grep -i "CycleCount\|MaxCapacity\|CurrentCapacity" | head -6',
+         'desc'=>'Ladezyklen, maximale und aktuelle Kapazität. Zeigt ob die Batterie noch fit ist.',
+         'risk'=>'safe'],
+
+        // TWEAKS
+        ['cat'=>'tweaks','title'=>'Dock: sofortiges Einblenden',
+         'cmd'=>'defaults write com.apple.dock autohide-delay -float 0 && defaults write com.apple.dock autohide-time-modifier -float 0.3 && killall Dock',
+         'desc'=>'Entfernt die Verzögerung beim Dock-Einblenden und verkürzt die Animation. Sofort aktiv.',
+         'risk'=>'safe'],
+        ['cat'=>'tweaks','title'=>'Key-Repeat aktivieren',
+         'cmd'=>'defaults write NSGlobalDomain ApplePressAndHoldEnabled -bool false',
+         'desc'=>'Deaktiviert Akzent-Popup bei gedrückter Taste und aktiviert Key-Repeat. Logout nötig.',
+         'risk'=>'safe'],
+        ['cat'=>'tweaks','title'=>'Screenshot-Einstellungen',
+         'cmd'=>'defaults write com.apple.screencapture location ~/Desktop && defaults write com.apple.screencapture type png && killall SystemUIServer',
+         'desc'=>'Screenshot-Pfad auf Desktop, Format auf PNG. killall SystemUIServer übernimmt sofort.',
+         'risk'=>'safe'],
+        ['cat'=>'tweaks','title'=>'Mac 2h wachhalten',
+         'cmd'=>'caffeinate -d -t 7200',
+         'desc'=>'Verhindert Sleep und Screensaver für 2 Stunden. Ctrl+C zum Beenden.',
+         'risk'=>'safe'],
+        ['cat'=>'tweaks','title'=>'Versteckte Dateien im Finder',
+         'cmd'=>"defaults write com.apple.finder AppleShowAllFiles -bool true && killall Finder",
+         'desc'=>'Zeigt alle Dotfiles im Finder. Rückgängig: selber Befehl mit -bool false.',
+         'risk'=>'safe'],
+        ['cat'=>'tweaks','title'=>'Auto-Update-Check deaktivieren',
+         'cmd'=>'defaults write com.apple.SoftwareUpdate AutomaticCheckEnabled -bool false',
+         'desc'=>'Stoppt den automatischen Update-Check im Hintergrund. Updates manuell über Systemeinstellungen.',
+         'risk'=>'caution'],
+    ];
+
+    foreach ($cmds as $c):
+        $cmdEsc = htmlspecialchars($c['cmd'], ENT_QUOTES);
+    ?>
+        <div class="mn-card" data-cat="<?= $c['cat'] ?>">
+            <div class="mn-card-meta">
+                <span class="mn-cat-tag"><?= strtoupper($c['cat']) ?></span>
+                <span class="mn-risk mn-risk-<?= $c['risk'] ?>"><?= $c['risk'] === 'caution' ? 'CAUTION' : 'SAFE' ?></span>
+            </div>
+            <div class="mn-card-title"><?= htmlspecialchars($c['title']) ?></div>
+            <div class="mn-card-desc"><?= htmlspecialchars($c['desc']) ?></div>
+            <div class="mn-cmd-block">
+                <code class="mn-cmd-code"><?= $cmdEsc ?></code>
+                <button class="mn-copy-btn" data-cmd="<?= $cmdEsc ?>">COPY</button>
+            </div>
+        </div>
+    <?php endforeach; ?>
+
+    </div>
+</div>
+
+<script>
+    document.querySelectorAll('.mn-filter').forEach(btn => {
+        btn.addEventListener('click', () => {
+            document.querySelectorAll('.mn-filter').forEach(b => b.classList.remove('active'));
+            btn.classList.add('active');
+            const cat = btn.dataset.cat;
+            document.querySelectorAll('.mn-card').forEach(card => {
+                card.style.display = (cat === 'all' || card.dataset.cat === cat) ? '' : 'none';
+            });
+        });
+    });
+
+    document.querySelectorAll('.mn-copy-btn').forEach(btn => {
+        btn.addEventListener('click', () => {
+            navigator.clipboard.writeText(btn.dataset.cmd).then(() => {
+                btn.textContent = 'COPIED';
+                btn.classList.add('copied');
+                setTimeout(() => { btn.textContent = 'COPY'; btn.classList.remove('copied'); }, 1500);
+            });
+        });
+    });
+</script>
+<?php wp_footer(); ?>
+</body>
+</html>

hugo_backup/page-mac-nerds.php

@@ -0,0 +1,323 @@
+<?php
+/**
+ * Template Name: Mac Nerds
+ */
+?><!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+    <meta charset="<?php bloginfo('charset'); ?>">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>MAC NERDS | DIGITALE ANARCHIE</title>
+    <?php wp_head(); ?>
+</head>
+<body <?php body_class('mac-nerds-page'); ?>>
+
+<div class="container mn-container">
+
+    <header class="mn-header">
+        <a href="<?php echo home_url(); ?>" class="mn-back">← ZURÜCK ZUR BASIS</a>
+        <h1 class="mn-title">MAC NERDS</h1>
+        <p class="mn-subtitle">// Terminal-Wissen für möchtegern-Admins — zu gut für Anfänger, zu faul für echte Admins</p>
+        <div class="mn-warning">⚠ ALLE BEFEHLE GETESTET. TROTZDEM: BRAIN BEFORE RETURN.</div>
+    </header>
+
+    <div class="mn-filter-bar">
+        <button class="mn-filter active" data-cat="all">ALLE</button>
+        <button class="mn-filter" data-cat="system">SYSTEM</button>
+        <button class="mn-filter" data-cat="netzwerk">NETZWERK</button>
+        <button class="mn-filter" data-cat="dateien">DATEIEN</button>
+        <button class="mn-filter" data-cat="performance">PERFORMANCE</button>
+        <button class="mn-filter" data-cat="tweaks">TWEAKS</button>
+    </div>
+
+    <div class="mn-grid" id="mn-grid">
+
+        <?php
+        $cmds = [
+
+            // ── SYSTEM ──────────────────────────────────────────
+            [
+                'cat'  => 'system',
+                'cmd'  => 'system_profiler SPHardwareDataType | grep -E "Model|Chip|Memory|Serial"',
+                'title'=> 'Hardware-Kurzprofil',
+                'desc' => 'Model, Chip, RAM und Seriennummer auf einen Blick. Kein Klicken durch System-Info.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'system',
+                'cmd'  => 'sw_vers',
+                'title'=> 'macOS Version',
+                'desc' => 'ProductName, Version und Build — schneller als jedes UI-Menü.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'system',
+                'cmd'  => 'sysctl -n machdep.cpu.brand_string',
+                'title'=> 'CPU exakter Bezeichner',
+                'desc' => 'Zeigt den genauen CPU-String. Nützlich wenn jemand nach deinem Chip fragt und du nicht suchen willst.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'system',
+                'cmd'  => "sudo dscl . list /Users | grep -v '^_'",
+                'title'=> 'Alle lokalen User',
+                'desc' => 'Listet alle echten User-Accounts — ohne die System-Underscore-Accounts.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'system',
+                'cmd'  => 'scutil --get ComputerName && scutil --get LocalHostName',
+                'title'=> 'Computernamen abfragen',
+                'desc' => 'Computername und lokaler Hostname. Hilfreich bevor du irgendwas im Netz konfigurierst.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'system',
+                'cmd'  => 'launchctl list | grep -v "^-" | grep -v "com.apple" | sort',
+                'title'=> 'Drittanbieter LaunchAgents',
+                'desc' => 'Nur die LaunchAgents die nicht von Apple kommen — zeigt was im Hintergrund wirklich läuft.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'system',
+                'cmd'  => 'log show --predicate \'eventMessage contains "error"\' --last 1h --style syslog | tail -40',
+                'title'=> 'System-Errors letzte Stunde',
+                'desc' => 'Die letzten 40 Fehler aus dem Systemlog der vergangenen Stunde. Echtes Debugging ohne Console.app.',
+                'risk' => 'safe',
+            ],
+
+            // ── NETZWERK ─────────────────────────────────────────
+            [
+                'cat'  => 'netzwerk',
+                'cmd'  => 'networkQuality',
+                'title'=> 'Netzwerkqualität testen',
+                'desc' => 'Apples eigenes Speedtest-Tool seit macOS 12. Misst Upload, Download und Responsiveness (RPM).',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'netzwerk',
+                'cmd'  => 'lsof -i -n -P | grep LISTEN',
+                'title'=> 'Alle offenen Ports',
+                'desc' => 'Welcher Prozess hört auf welchem Port? Unverzichtbar wenn ein Port "schon belegt" ist.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'netzwerk',
+                'cmd'  => 'curl -s https://ipinfo.io/json | python3 -m json.tool',
+                'title'=> 'Eigene IP + Geo',
+                'desc' => 'Zeigt deine öffentliche IP, Stadt, Land und Provider — direkt formatiert im Terminal.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'netzwerk',
+                'cmd'  => 'arp -a | sort',
+                'title'=> 'Lokale Geräte im Netz',
+                'desc' => 'ARP-Tabelle: alle Geräte die dein Mac gerade "kennt". IP + MAC-Adresse.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'netzwerk',
+                'cmd'  => 'nettop -m tcp -n -l 1 2>/dev/null | head -30',
+                'title'=> 'TCP-Verbindungen Snapshot',
+                'desc' => 'Einmaliger Snapshot aller aktiven TCP-Verbindungen mit Bytes sent/received.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'netzwerk',
+                'cmd'  => "networksetup -listallhardwareports | awk '/Hardware Port/{port=$NF} /Ethernet Address/{print port\": \"$NF}'",
+                'title'=> 'Alle MAC-Adressen',
+                'desc' => 'Listet alle Netzwerkinterfaces mit ihrer MAC-Adresse. Praktisch für Router-Whitelists.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'netzwerk',
+                'cmd'  => 'dns-sd -B _services._dns-sd._udp local.',
+                'title'=> 'Bonjour-Dienste im Netz',
+                'desc' => 'Zeigt alle Bonjour/mDNS-Dienste im lokalen Netzwerk live. Beenden mit Ctrl+C.',
+                'risk' => 'safe',
+            ],
+
+            // ── DATEIEN ──────────────────────────────────────────
+            [
+                'cat'  => 'dateien',
+                'cmd'  => "find ~ -name '*.DS_Store' -delete 2>/dev/null; echo 'Aufgeräumt.'",
+                'title'=> 'DS_Store aufräumen',
+                'desc' => 'Löscht alle .DS_Store-Dateien im Home-Verzeichnis. Gut vor git-Commits oder USB-Weitergabe.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'dateien',
+                'cmd'  => 'du -sh ~/* | sort -rh | head -15',
+                'title'=> 'Größte Verzeichnisse',
+                'desc' => 'Top 15 Verzeichnisse nach Größe, sortiert. Schnell herausfinden wo der Speicher bleibt.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'dateien',
+                'cmd'  => 'mdfind -name "SUCHBEGRIFF"',
+                'title'=> 'Spotlight via Terminal',
+                'desc' => 'Spotlight-Suche im Terminal. Schneller als Finder und skriptbar. SUCHBEGRIFF ersetzen.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'dateien',
+                'cmd'  => "find /tmp ~/Library/Caches -maxdepth 2 -type f -size +50M 2>/dev/null | sort",
+                'title'=> 'Große Cache-Dateien finden',
+                'desc' => 'Findet Dateien über 50MB in Temp- und Cache-Verzeichnissen. Vor dem Löschen prüfen.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'dateien',
+                'cmd'  => 'sips -z 800 600 ~/Desktop/bild.jpg',
+                'title'=> 'Bild skalieren (sips)',
+                'desc' => 'Skaliert ein Bild auf 800×600 ohne Extra-Tool. sips ist macOS-nativ. Pfad anpassen.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'dateien',
+                'cmd'  => "ls -lAh ~/Library/Application\\ Support | sort -k5 -rh | head -20",
+                'title'=> 'App Support nach Größe',
+                'desc' => 'Zeigt die größten App-Support-Ordner — nützlich nach dem Deinstallieren von Apps.',
+                'risk' => 'safe',
+            ],
+
+            // ── PERFORMANCE ──────────────────────────────────────
+            [
+                'cat'  => 'performance',
+                'cmd'  => 'top -o cpu -n 15 -l 1 | tail -16',
+                'title'=> 'Top 15 CPU-Fresser',
+                'desc' => 'Einmaliger Snapshot der 15 CPU-intensivsten Prozesse — ohne interaktiven top-Modus.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'performance',
+                'cmd'  => "vm_stat | perl -ne '/page size of (\\d+)/ and \$s=\$1; /Pages\\s+([^:]+)[^\\d]+(\\d+)/ and printf \"%-25s %7.2f MB\\n\",\$1,\$2*\$s/1048576'",
+                'title'=> 'RAM-Nutzung detailliert',
+                'desc' => 'Schlüsselt den RAM auf: wired, active, inactive, free, speculative — in MB.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'performance',
+                'cmd'  => 'sudo powermetrics --samplers cpu_power,gpu_power -n 1 -i 1000 2>/dev/null | grep -E "Combined|CPU|GPU|Package"',
+                'title'=> 'CPU/GPU Power (Apple Silicon)',
+                'desc' => 'Aktueller Stromverbrauch von CPU und GPU in Watt. Nur auf Apple Silicon sinnvoll. Braucht sudo.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'performance',
+                'cmd'  => 'pmset -g batt',
+                'title'=> 'Batteriestatus',
+                'desc' => 'Zeigt Ladestand, Ladezustand, Zustand der Batterie und ob du am Netzteil hängst.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'performance',
+                'cmd'  => 'ioreg -l | grep -i "CycleCount\\|MaxCapacity\\|CurrentCapacity" | head -6',
+                'title'=> 'Batterie-Ladezyklen',
+                'desc' => 'Ladezyklen, maximale und aktuelle Kapazität. Zeigt ob die Batterie noch fit ist.',
+                'risk' => 'safe',
+            ],
+
+            // ── TWEAKS ───────────────────────────────────────────
+            [
+                'cat'  => 'tweaks',
+                'cmd'  => 'defaults write com.apple.dock autohide-delay -float 0 && defaults write com.apple.dock autohide-time-modifier -float 0.3 && killall Dock',
+                'title'=> 'Dock: sofortiges Einblenden',
+                'desc' => 'Entfernt die Verzögerung beim Dock-Einblenden und verkürzt die Animation. Sofort spürbar.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'tweaks',
+                'cmd'  => 'defaults write NSGlobalDomain ApplePressAndHoldEnabled -bool false',
+                'title'=> 'Key-Repeat aktivieren',
+                'desc' => 'Deaktiviert den Akzent-Popup bei gedrückter Taste und aktiviert stattdessen Key-Repeat. Logout nötig.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'tweaks',
+                'cmd'  => 'defaults write com.apple.screencapture location ~/Desktop && defaults write com.apple.screencapture type png && killall SystemUIServer',
+                'title'=> 'Screenshot-Einstellungen',
+                'desc' => 'Setzt Screenshot-Pfad auf Desktop und Format auf PNG. killall SystemUIServer übernimmt sofort.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'tweaks',
+                'cmd'  => 'caffeinate -d -t 7200',
+                'title'=> 'Mac 2h wachhalten',
+                'desc' => 'Verhindert Sleep/Screensaver für 2 Stunden. -d = Display an. Einfach Ctrl+C zum Beenden.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'tweaks',
+                'cmd'  => "defaults write com.apple.finder AppleShowAllFiles -bool true && killall Finder",
+                'title'=> 'Versteckte Dateien im Finder',
+                'desc' => 'Zeigt alle versteckten Dateien (Dotfiles) im Finder. Rückgängig: -bool false.',
+                'risk' => 'safe',
+            ],
+            [
+                'cat'  => 'tweaks',
+                'cmd'  => 'defaults write com.apple.SoftwareUpdate AutomaticCheckEnabled -bool false',
+                'title'=> 'Auto-Update-Check deaktivieren',
+                'desc' => 'Stoppt den automatischen Update-Check im Hintergrund. Updates manuell über Systemeinstellungen.',
+                'risk' => 'caution',
+            ],
+        ];
+
+        foreach ($cmds as $c):
+            $riskLabel = $c['risk'] === 'caution' ? 'CAUTION' : 'SAFE';
+            $catUpper  = strtoupper($c['cat']);
+            $cmdEsc    = htmlspecialchars($c['cmd'], ENT_QUOTES);
+        ?>
+        <div class="mn-card" data-cat="<?php echo $c['cat']; ?>">
+            <div class="mn-card-meta">
+                <span class="mn-cat-tag"><?php echo $catUpper; ?></span>
+                <span class="mn-risk mn-risk-<?php echo $c['risk']; ?>"><?php echo $riskLabel; ?></span>
+            </div>
+            <h3 class="mn-card-title"><?php echo htmlspecialchars($c['title']); ?></h3>
+            <p class="mn-card-desc"><?php echo htmlspecialchars($c['desc']); ?></p>
+            <div class="mn-cmd-block">
+                <code class="mn-cmd-code"><?php echo $cmdEsc; ?></code>
+                <button class="mn-copy-btn" data-cmd="<?php echo $cmdEsc; ?>">COPY</button>
+            </div>
+        </div>
+        <?php endforeach; ?>
+
+    </div><!-- /mn-grid -->
+
+</div><!-- /mn-container -->
+
+<script>
+(function() {
+    // Filter
+    const filters = document.querySelectorAll('.mn-filter');
+    const cards   = document.querySelectorAll('.mn-card');
+
+    filters.forEach(btn => {
+        btn.addEventListener('click', () => {
+            filters.forEach(b => b.classList.remove('active'));
+            btn.classList.add('active');
+            const cat = btn.dataset.cat;
+            cards.forEach(card => {
+                card.style.display = (cat === 'all' || card.dataset.cat === cat) ? '' : 'none';
+            });
+        });
+    });
+
+    // Copy to clipboard
+    document.querySelectorAll('.mn-copy-btn').forEach(btn => {
+        btn.addEventListener('click', () => {
+            const cmd = btn.dataset.cmd;
+            navigator.clipboard.writeText(cmd).then(() => {
+                const orig = btn.textContent;
+                btn.textContent = 'COPIED';
+                btn.classList.add('mn-copy-ok');
+                setTimeout(() => { btn.textContent = orig; btn.classList.remove('mn-copy-ok'); }, 1500);
+            });
+        });
+    });
+})();
+</script>
+
+<?php wp_footer(); ?>
+</body>
+</html>

hugo_backup/page-overlords.php

@@ -0,0 +1,363 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>OVERLORDS | DIGITALE ANARCHIE</title>
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        :root {
+            --bg-color: #0d0d0d;
+            --text-color: #c0c0c0;
+            --accent-gold: #d4af37;
+            --accent-orange: #ff4500;
+        }
+        body {
+            background-color: var(--bg-color);
+            color: var(--text-color);
+            font-family: 'Courier New', Courier, monospace;
+            line-height: 1.6;
+            overflow-x: hidden;
+        }
+        a { color: inherit; }
+
+        .ol-container { max-width: 1200px; margin: 0 auto; padding: 30px 16px 60px; }
+        .ol-header { margin-bottom: 30px; }
+        .ol-back {
+            display: inline-block;
+            color: rgba(0,255,65,0.6);
+            font-size: 0.75rem;
+            letter-spacing: 1px;
+            text-decoration: none;
+            margin-bottom: 10px;
+            transition: color 0.2s;
+        }
+        .ol-back:hover { color: rgba(255,69,0,0.8); }
+        .ol-title {
+            font-size: 2.5rem;
+            color: var(--accent-gold);
+            margin: 0 0 10px 0;
+            font-weight: bold;
+            letter-spacing: 2px;
+        }
+        .ol-subtitle {
+            font-size: 0.9rem;
+            color: rgba(0,255,65,0.5);
+            margin: 0 0 15px 0;
+            letter-spacing: 1px;
+        }
+        .ol-warning {
+            background: rgba(255,69,0,0.08);
+            border: 1px solid rgba(255,69,0,0.2);
+            color: rgba(255,69,0,0.7);
+            padding: 8px 12px;
+            font-size: 0.75rem;
+            letter-spacing: 0.5px;
+            margin-bottom: 20px;
+        }
+
+        .ol-timeline-section { margin-bottom: 40px; }
+        .ol-timeline-title {
+            font-size: 1.5rem;
+            color: var(--accent-gold);
+            margin-bottom: 20px;
+            text-align: center;
+            letter-spacing: 1px;
+        }
+        .timeline-container {
+            position: relative;
+            max-width: 1000px;
+            margin: 0 auto;
+            padding: 20px 0;
+            max-height: 500px;
+            overflow-y: auto;
+            border: 1px solid rgba(0,255,65,0.1);
+        }
+        .timeline-track {
+            position: relative;
+            width: 100%;
+            min-height: 400px;
+        }
+        .time-node {
+            position: absolute;
+            width: 45%;
+            padding: 10px;
+        }
+        .time-node.left  { left: 0;   text-align: right; }
+        .time-node.right { right: 0;  text-align: left; }
+        .time-content {
+            background: rgba(0,0,0,0.8);
+            border: 1px solid rgba(0,255,65,0.2);
+            padding: 15px;
+            border-radius: 4px;
+            box-shadow: 0 0 10px rgba(0,255,65,0.1);
+        }
+        .tc-header {
+            font-size: 0.6rem;
+            color: rgba(0,255,65,0.4);
+            margin-bottom: 8px;
+            letter-spacing: 1px;
+        }
+        .tc-stamp { color: rgba(255,180,0,0.6); font-weight: bold; }
+        .tc-stamp.omega { color: rgba(255,69,0,0.8); }
+        .time-content h3 { color: var(--accent-gold); margin: 0 0 10px 0; font-size: 1.1rem; }
+        .time-content p  { color: rgba(0,255,65,0.7); font-size: 0.8rem; line-height: 1.4; margin: 0 0 10px 0; }
+        .tc-footer { font-size: 0.55rem; color: rgba(0,255,65,0.3); letter-spacing: 0.5px; }
+
+        .time-content.omega-node {
+            border-color: #ff4500;
+            outline: 2px solid #330000;
+            box-shadow: inset 0 0 30px rgba(255,69,0,0.5), 0 0 30px rgba(255,0,0,0.8);
+            background: linear-gradient(135deg, rgba(80,20,10,0.95), rgba(30,0,0,0.95));
+            animation: omega-pulse 2s infinite alternate, omega-shake 0.5s infinite;
+        }
+        .time-content.omega-node::after {
+            content: ''; position: absolute; top: -8px; left: -8px; right: -8px; bottom: -8px;
+            border: 2px solid #0ff;
+            border-radius: 6px;
+            box-shadow: 0 0 15px #0ff, inset 0 0 10px #0ff;
+            animation: electric-arc 0.15s infinite;
+            pointer-events: none;
+            opacity: 0.9;
+            z-index: 2;
+        }
+        @keyframes omega-pulse {
+            0%   { box-shadow: inset 0 0 30px rgba(255,69,0,0.4), 0 0 20px rgba(255,0,0,0.6); }
+            100% { box-shadow: inset 0 0 60px rgba(255,69,0,0.9), 0 0 40px rgba(255,0,0,1); }
+        }
+        @keyframes omega-shake {
+            0%, 100% { transform: translate(0,0) rotate(0deg); }
+            25%  { transform: translate(0.5px, 0.5px) rotate(0.2deg); }
+            50%  { transform: translate(-0.5px,-0.5px) rotate(-0.2deg); }
+            75%  { transform: translate(0.5px,-0.5px) rotate(0.2deg); }
+        }
+        @keyframes electric-arc {
+            0%   { clip-path: polygon(0 0, 100% 0, 100% 5%, 0 5%); border-color: #0ff; }
+            25%  { clip-path: polygon(95% 0, 100% 0, 100% 100%, 95% 100%); border-color: #fff; }
+            50%  { clip-path: polygon(0 95%, 100% 95%, 100% 100%, 0 100%); border-color: #0ff; }
+            75%  { clip-path: polygon(0 0, 5% 0, 5% 100%, 0 100%); border-color: #fff; }
+            100% { clip-path: polygon(0 0, 100% 0, 100% 5%, 0 5%); border-color: #0ff; }
+        }
+
+        .ol-grid {
+            display: grid;
+            grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
+            gap: 20px;
+            margin-top: 30px;
+        }
+        .ol-card {
+            background: rgba(0,0,0,0.6);
+            border: 1px solid rgba(0,255,65,0.15);
+            border-radius: 4px;
+            overflow: hidden;
+            transition: all 0.3s;
+        }
+        .ol-card:hover {
+            border-color: rgba(0,255,65,0.4);
+            box-shadow: 0 0 20px rgba(0,255,65,0.1);
+            transform: translateY(-2px);
+        }
+        .ol-card-img {
+            width: 100%;
+            height: 200px;
+            object-fit: cover;
+            display: block;
+        }
+        .ol-card-body { padding: 15px; }
+        .ol-card-status {
+            display: inline-block;
+            font-size: 0.6rem;
+            letter-spacing: 1px;
+            padding: 2px 6px;
+            border: 1px solid;
+            margin-bottom: 8px;
+        }
+        .ol-card-status.aktiv       { border-color: rgba(0,255,65,0.3);    color: rgba(0,255,65,0.7); }
+        .ol-card-status.omega-klasse { border-color: rgba(255,69,0,0.3);   color: rgba(255,69,0,0.7); }
+        .ol-card-status.klassifiziert{ border-color: rgba(255,180,0,0.3);  color: rgba(255,180,0,0.7); }
+        .ol-card-status.unbekannt   { border-color: rgba(128,128,128,0.3); color: rgba(128,128,128,0.7); }
+        .ol-card-name {
+            font-size: 1.2rem;
+            color: var(--accent-gold);
+            margin: 0 0 5px 0;
+            font-weight: bold;
+        }
+        .ol-card-role {
+            font-size: 0.8rem;
+            color: rgba(0,255,65,0.5);
+            margin: 0 0 10px 0;
+            letter-spacing: 0.5px;
+        }
+        .ol-card-desc {
+            font-size: 0.85rem;
+            color: rgba(0,255,65,0.7);
+            line-height: 1.4;
+            margin: 0;
+        }
+    </style>
+</head>
+<body>
+
+<div class="ol-container">
+
+    <header class="ol-header">
+        <a href="/" class="ol-back">← ZURÜCK ZUR BASIS</a>
+        <h1 class="ol-title">OVERLORDS</h1>
+        <p class="ol-subtitle">// Die Familie — Architekten der digitalen Anarchie</p>
+        <div class="ol-warning">⚠ KLASSIFIZIERT: FAMILIÄR. ZUGRIFF: NUR FÜR DIE, DIE ES WISSEN MÜSSEN.</div>
+    </header>
+
+    <div class="ol-timeline-section">
+        <h2 class="ol-timeline-title">FAMILIEN-TIMELINE</h2>
+        <div class="timeline-container">
+            <div class="timeline-track" id="timeline-track"></div>
+        </div>
+    </div>
+
+    <div class="ol-grid" id="ol-grid">
+
+        <?php
+        $base = '';
+        $overlords = [
+            [
+                'name'  => 'Mutter',
+                'role'  => 'Matriarchin & Kupfer-Architektin',
+                'desc'  => 'Die Gründerin des Clans. Kupfer-Matriarchin, die 1974 den ersten System-Schrei registrierte. Architektin der Biosphäre und Hüterin der pneumatischen Reflexe.',
+                'img'   => 'assets/img/hp_meli_steampunk_01.jpeg',
+                'status'=> 'OMEGA-KLASSE',
+            ],
+            [
+                'name'  => 'Vater',
+                'role'  => 'Hydraulik-Meister & System-Engineer',
+                'desc'  => 'Der Ingenieur des Clans. Spezialisiert auf mechanische Gliedmaßen und hydraulische Upgrades. Verantwortlich für die Flucht in die äußeren Kolonien.',
+                'img'   => 'assets/img/hp_vater_steampunk_01.jpg',
+                'status'=> 'KLASSIFIZIERT',
+            ],
+            [
+                'name'  => 'Sascha (Ich)',
+                'role'  => 'Overlord & KI-Architekt',
+                'desc'  => 'Der aktuelle Overlord. KI-Labor Betreiber, Gemini-Link Aktivator und Anarchie-Engine Entwickler. Status: Online seit 1983.',
+                'img'   => 'hero.png',
+                'status'=> 'AKTIV',
+            ],
+            [
+                'name'  => 'Bruder',
+                'role'  => 'Kybernetischer Knoten & Neural-Link',
+                'desc'  => 'Der Bruder-Knoten. 1981 online gegangen. Visuelle Sensoren-Update steht noch aus. Chaos-Protokolle initialisiert.',
+                'img'   => 'assets/img/hp_muti_steampunk_01.png',
+                'status'=> 'KLASSIFIZIERT',
+            ],
+            [
+                'name'  => 'Schwester',
+                'role'  => 'Aether-Sibling & Pneumatische Reflexe',
+                'desc'  => 'AETHER-SIBLING V1.0. Schwester Meli. Boot erfolgreich 1983. Chaos-Protokolle und pneumatische Reflexe voll aktiv.',
+                'img'   => 'assets/img/hp_muti_steampunk_02.jpg',
+                'status'=> 'KLASSIFIZIERT',
+            ],
+            [
+                'name'  => 'Sven',
+                'role'  => 'Externe Variable & Unbekannter Faktor',
+                'desc'  => 'Der mysteriöse Sven. Externe Einflussgröße im System. Herkunft: Fraglich. Klassifiziert: Unbekannt. Integrität: Akzeptabel.',
+                'img'   => 'assets/img/family_alle_pic_01.png',
+                'status'=> 'UNBEKANNT',
+            ],
+        ];
+
+        foreach ($overlords as $ol) {
+            echo '<div class="ol-card" data-status="' . $ol['status'] . '">';
+            echo '<img src="' . $ol['img'] . '" class="ol-card-img" alt="' . $ol['name'] . '" loading="lazy" width="400" height="200">';
+            echo '<div class="ol-card-body">';
+            echo '<span class="ol-card-status ' . strtolower(str_replace(' ', '-', $ol['status'])) . '">' . $ol['status'] . '</span>';
+            echo '<h3 class="ol-card-name">' . $ol['name'] . '</h3>';
+            echo '<p class="ol-card-role">' . $ol['role'] . '</p>';
+            echo '<p class="ol-card-desc">' . $ol['desc'] . '</p>';
+            echo '</div>';
+            echo '</div>';
+        }
+        ?>
+
+    </div>
+
+</div>
+
+<script>
+(function() {
+    const timelineTrack = document.getElementById('timeline-track');
+    if (!timelineTrack) return;
+
+    function generateTimeline() {
+        timelineTrack.innerHTML = '';
+
+        const specialEvents = {
+            1974: "ARCHITEKTUR-UPDATE: Der zukünftige Overlord (Sascha) wird von der Kupfer-Matriarchin erfolgreich in die Biosphäre kompiliert. Initialer System-Schrei registriert.",
+            1981: "SYSTEM-ERWEITERUNG: Ein neuer kybernetischer Bruder-Knoten geht online. Visuelles Sensoren-Update (Upload steht noch aus).",
+            1983: "NETZWERK-UPDATE: AETHER-SIBLING V1.0 (Schwester Meli) bootet erfolgreich. Chaos-Protokolle und pneumatische Reflexe initialisiert."
+        };
+
+        const events = [
+            "Kritische Dampfdruck-Anomalie entdeckt.",
+            "Erster erfolgreicher Test des kybernetischen Herzmuskels.",
+            "System-Absturz aufgrund von überhitzten Kupferspulen.",
+            "Neural-Link mit den Primär-Vorläufern hergestellt.",
+            "Mechanische Gliedmaßen rüsten auf Hydraulik um.",
+            "Prototyp V2 entkommt aus dem Testlabor.",
+            "Verhandlungen mit dem KI-Mainframe gescheitert.",
+            "Flucht in die äußeren Kolonien (Offline-Modus).",
+            "Reboot der emotionalen Sub-Parameter.",
+            "Wartungsarbeiten an den Exo-Skeletten abgeschlossen."
+        ];
+
+        let yearsToRender = [];
+        for (let y = 1955; y <= new Date().getFullYear(); y += 5) {
+            yearsToRender.push(y);
+        }
+        [1974, 1981, 1983].forEach(sy => {
+            if (!yearsToRender.includes(sy)) yearsToRender.push(sy);
+        });
+        yearsToRender.sort((a, b) => a - b);
+
+        let topOffset = 0;
+        let isLeft = true;
+
+        yearsToRender.forEach(year => {
+            const node = document.createElement('div');
+            node.className = 'time-node ' + (isLeft ? 'left' : 'right');
+            node.style.top = topOffset + 'px';
+
+            const content = document.createElement('div');
+            content.className = 'time-content';
+
+            if (specialEvents[year]) {
+                content.classList.add('omega-node');
+                content.innerHTML =
+                    '<div class="tc-header">OMEGA-KLASSE &nbsp;&#9670;&nbsp; <span class="tc-stamp omega">!! FREIGEGEBEN !!</span></div>' +
+                    '<h3>[ ' + year + ' ]</h3>' +
+                    '<p><strong>⚡ KRITISCHES SYSTEMEREIGNIS ⚡</strong><br>' + specialEvents[year] + '</p>' +
+                    '<div class="tc-footer">QUELLE: ARCHIV-SEKTOR 7 &nbsp;&#9670;&nbsp; ZUGRIFF: OVERLORD ONLY</div>';
+                topOffset += 160;
+            } else {
+                const bgStory = events[Math.floor(Math.random() * events.length)];
+                const akteNr = Math.floor(Math.random() * 9000) + 1000;
+                content.innerHTML =
+                    '<div class="tc-header">AKTE #' + akteNr + ' &nbsp;&#9670;&nbsp; <span class="tc-stamp">KLASSIFIZIERT</span></div>' +
+                    '<h3>[ ' + year + ' ]</h3>' +
+                    '<p>' + bgStory + ' Weitere Datenquellen als OMEGA-KLASSE klassifiziert.</p>' +
+                    '<div class="tc-footer">ZEITSTEMPEL: ' + year + '.01.01 &nbsp;&#9670;&nbsp; INTEGRITAET: FRAGLICH</div>';
+                topOffset += 130;
+            }
+
+            node.appendChild(content);
+            timelineTrack.appendChild(node);
+
+            isLeft = !isLeft;
+        });
+
+        timelineTrack.style.minHeight = (topOffset + 50) + 'px';
+    }
+
+    generateTimeline();
+})();
+</script>
+<?php wp_footer(); ?>
+</body>
+</html>

hugo_backup/sascha.php

@@ -0,0 +1,293 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>SASCHA | DIGITALE ANARCHIE</title>
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        :root {
+            --accent-gold: #d4af37;
+            --accent-orange: #ff4500;
+            --text: #c0c0c0;
+        }
+        body {
+            background: url('assets/img/steampunk_bg.png') center/cover no-repeat fixed, #0f0a05;
+            color: var(--text);
+            font-family: 'Courier New', Courier, monospace;
+            min-height: 100vh;
+            line-height: 1.6;
+        }
+        .person-container { max-width: 900px; margin: 0 auto; padding: 30px 16px 80px; }
+        .person-back {
+            display: inline-block;
+            color: rgba(212,175,55,0.5);
+            font-size: 0.7rem;
+            letter-spacing: 2px;
+            text-decoration: none;
+            margin-bottom: 28px;
+            transition: color 0.2s;
+        }
+        .person-back:hover { color: rgba(212,175,55,0.9); }
+        .person-class-banner {
+            text-align: center;
+            font-size: 0.55rem;
+            letter-spacing: 4px;
+            color: rgba(255,69,0,0.45);
+            border: 1px dashed rgba(255,69,0,0.2);
+            padding: 4px 16px;
+            display: inline-block;
+            margin-bottom: 20px;
+            animation: blink-banner 3s step-end infinite;
+        }
+        @keyframes blink-banner { 50% { opacity: 0.5; } }
+        .person-portrait-section { text-align: center; margin-bottom: 28px; }
+        .person-mirror-frame {
+            display: inline-block;
+            position: relative;
+            background: radial-gradient(ellipse at center, rgba(212,175,55,0.06) 0%, transparent 70%);
+        }
+        .person-mirror-frame::before {
+            content: '⚙ ✦ ⚙ ✦ ⚙ ✦ ⚙';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(212,175,55,0.25);
+            letter-spacing: 4px;
+            margin-bottom: 8px;
+        }
+        .person-mirror-frame::after {
+            content: '⚙ ✦ ⚙ ✦ ⚙ ✦ ⚙';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(212,175,55,0.25);
+            letter-spacing: 4px;
+            margin-top: 8px;
+        }
+        .person-portrait-inner {
+            position: relative;
+            display: inline-block;
+        }
+        .person-portrait-inner::before {
+            content: '';
+            position: absolute;
+            inset: -9px;
+            border-radius: 50%;
+            border: 1px dashed rgba(212,175,55,0.2);
+            pointer-events: none;
+            animation: rotate-ring 12s linear infinite;
+        }
+        .person-portrait-inner::after {
+            content: '';
+            position: absolute;
+            inset: -16px;
+            border-radius: 50%;
+            border: 1px solid rgba(184,115,51,0.12);
+            pointer-events: none;
+        }
+        @keyframes rotate-ring { to { transform: rotate(360deg); } }
+        .person-portrait-placeholder {
+            width: 150px;
+            height: 150px;
+            border-radius: 50%;
+            background: radial-gradient(circle at 38% 38%, rgba(255,69,0,0.15) 0%, rgba(30,10,5,0.95) 65%);
+            border: 3px solid rgba(255,69,0,0.25);
+            box-shadow: 0 0 0 6px rgba(255,69,0,0.03), 0 0 30px rgba(255,69,0,0.07), inset 0 0 25px rgba(0,0,0,0.6);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            gap: 5px;
+            filter: sepia(0.1);
+        }
+        .portrait-initial { font-size: 3rem; color: rgba(255,69,0,0.35); line-height: 1; font-family: 'Courier New', monospace; }
+        .portrait-hint { font-size: 0.42rem; letter-spacing: 3px; color: rgba(255,69,0,0.2); }
+        .person-deco { position: absolute; color: rgba(255,69,0,0.3); font-size: 0.75rem; }
+        .person-deco.top    { top: 2px;    left: 50%; transform: translateX(-50%); }
+        .person-deco.bottom { bottom: 2px; left: 50%; transform: translateX(-50%); }
+        .person-deco.left   { left: 2px;   top: 50%;  transform: translateY(-50%); }
+        .person-deco.right  { right: 2px;  top: 50%;  transform: translateY(-50%); }
+        .person-name { font-size: 2.2rem; color: var(--accent-orange); letter-spacing: 8px; margin: 20px 0 6px; text-shadow: 0 0 25px rgba(255,69,0,0.2); text-transform: uppercase; }
+        .person-role { font-size: 0.65rem; color: rgba(255,69,0,0.4); letter-spacing: 2px; margin-bottom: 6px; }
+        .person-badge { display: inline-block; font-size: 0.52rem; letter-spacing: 3px; border: 1px solid rgba(255,69,0,0.3); color: rgba(255,69,0,0.5); padding: 3px 12px; margin-bottom: 8px; }
+        .person-desc { max-width: 560px; margin: 14px auto 0; font-size: 0.75rem; color: rgba(192,192,192,0.55); line-height: 1.7; text-align: center; border-top: 1px solid rgba(255,69,0,0.06); padding-top: 14px; }
+        .timeline-section { margin-top: 40px; }
+        .timeline-section-title { font-size: 0.65rem; letter-spacing: 5px; color: rgba(212,175,55,0.3); text-align: center; margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid rgba(212,175,55,0.07); }
+        .timeline-track { position: relative; max-width: 760px; margin: 0 auto; }
+        .timeline-track::after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, rgba(255,69,0,0.15) 8%, rgba(255,69,0,0.15) 92%, transparent); transform: translateX(-50%); }
+        .time-node { position: relative; width: 44%; margin-bottom: 22px; padding: 0 14px; }
+        .time-node.left  { margin-left: 0;   text-align: right; }
+        .time-node.right { margin-left: 56%; text-align: left; }
+        .time-node::before { content: '◆'; position: absolute; top: 12px; font-size: 0.5rem; color: rgba(255,69,0,0.35); }
+        .time-node.left::before  { right: -18px; }
+        .time-node.right::before { left: -18px; }
+        .time-content { background: rgba(0,0,0,0.55); border: 1px solid rgba(255,69,0,0.09); padding: 10px 14px; }
+        .time-content.omega { border-color: rgba(255,69,0,0.45); box-shadow: inset 0 0 20px rgba(255,69,0,0.08), 0 0 20px rgba(255,69,0,0.1); }
+        .tc-year { color: var(--accent-gold); font-size: 0.85rem; letter-spacing: 2px; margin-bottom: 4px; }
+        .tc-year.omega-year { color: var(--accent-orange); }
+        .tc-text { font-size: 0.7rem; color: rgba(192,192,192,0.58); line-height: 1.55; }
+        .tc-tag { font-size: 0.48rem; letter-spacing: 2px; color: rgba(255,69,0,0.25); margin-top: 5px; }
+        @media (max-width: 600px) {
+            .time-node { width: 100%; margin-left: 0 !important; text-align: left !important; padding-left: 26px; }
+            .timeline-track::after { left: 8px; }
+            .time-node.left::before, .time-node.right::before { left: 3px; right: auto; }
+        }
+
+        /* NEWSTICKER STYLES */
+        #newsticker {
+            position: fixed;
+            bottom: 0; left: 0; right: 0;
+            z-index: 9999;
+            background: rgba(0,0,0,0.95);
+            border-top: 1px solid rgba(212,175,55,0.25);
+            display: flex;
+            align-items: center;
+            height: 30px;
+            overflow: hidden;
+            font-family: 'Courier New', Courier, monospace;
+        }
+        .ticker-label {
+            flex-shrink: 0;
+            font-size: 0.6rem;
+            letter-spacing: 2px;
+            color: var(--accent-gold);
+            padding: 0 15px;
+            border-right: 1px solid rgba(212,175,55,0.2);
+            white-space: nowrap;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            background: rgba(212,175,55,0.05);
+            font-weight: bold;
+        }
+        .ticker-track-wrap {
+            flex: 1;
+            overflow: hidden;
+            height: 100%;
+            display: flex;
+            align-items: center;
+        }
+        .ticker-track {
+            display: inline-flex;
+            gap: 0;
+            white-space: nowrap;
+            animation: ticker-scroll 40s linear infinite;
+        }
+        .ticker-track:hover { animation-play-state: paused; }
+        @keyframes ticker-scroll {
+            0%   { transform: translateX(0); }
+            100% { transform: translateX(-50%); }
+        }
+        .ticker-item {
+            font-size: 0.65rem;
+            letter-spacing: 1px;
+            color: rgba(212,175,55,0.7);
+            padding: 0 30px;
+            text-transform: uppercase;
+        }
+        .ticker-item::before {
+            content: '▶ ';
+            color: var(--accent-orange);
+        }
+    </style>
+</head>
+<body>
+<div class="person-container">
+
+    <a href="/" class="person-back">← ZURÜCK ZUR BASIS</a>
+
+    <div style="text-align:center;">
+        <span class="person-class-banner">⚠ OVERLORD-AKTE // ZUGRIFF: EINGESCHRÄNKT // SICHERHEITSSTUFE: ROT</span>
+    </div>
+
+    <div class="person-portrait-section">
+        <div class="person-mirror-frame">
+            <div class="person-portrait-inner">
+                <span class="person-deco top">⚙</span>
+                <span class="person-deco bottom">⚙</span>
+                <span class="person-deco left">⚙</span>
+                <span class="person-deco right">⚙</span>
+                <div class="person-portrait-placeholder">
+                    <span class="portrait-initial">S</span>
+                    <span class="portrait-hint">PLATZHALTER</span>
+                </div>
+            </div>
+        </div>
+        <h1 class="person-name">SASCHA</h1>
+        <p class="person-role">// Overlord &amp; KI-Architekt &amp; Gemini Player</p>
+        <span class="person-badge">STATUS: NOCH ONLINE — GEFÄHRLICHKEIT: ████░</span>
+
+        <p class="person-desc">
+            Der aktuelle Overlord. KI-Labor Betreiber, Gemini-Link Aktivator und Anarchie-Engine Entwickler.
+            Beruf: Geisteskrank. Spezialisierung: Ästhetische Kriegsführung. Status: Online seit 1974.
+        </p>
+    </div>
+
+    <div class="timeline-section">
+        <p class="timeline-section-title">// CHRONOLOGISCHES ARCHIV — OVERLORD SASCHA</p>
+        <div class="timeline-track" id="timeline-track"></div>
+    </div>
+
+    <!-- NEWSTICKER FOOTER -->
+    <div id="newsticker">
+        <span class="ticker-label">// AKTE_SASCHA_LIVE</span>
+        <div class="ticker-track-wrap">
+            <div class="ticker-track" id="ticker-track-sascha">
+                <!-- Wird per JS befüllt -->
+            </div>
+        </div>
+    </div>
+
+</div>
+<script>
+(function() {
+    const track = document.getElementById('timeline-track');
+    const events = [
+        { year: 1974, text: '⚡ OVERLORD-MODUL V1.0 AKTIVIERT. Erster System-Schrei erfolgreich registriert. Matriarchin bestätigt Empfang. KI-Labor Grundstein: GELEGT (unbewusst).', tag: 'BOOT // OMEGA-KLASSE', omega: true },
+        { year: 1980, text: 'ERSTE KONTAKTAUFNAHME mit Computertechnologie via Atari. Faszinations-Index: 100%. Bekannte Nebenwirkung: Zeitverlust.', tag: 'ERSTER KONTAKT', omega: false },
+        { year: 1983, text: 'C64-INTERFACE aktiviert. Erste BASIC-Programme kompiliert. Fehlerquote: Hoch. Lernkurve: Steil. Aufgabewahrscheinlichkeit: NULL.', tag: 'UPGRADE', omega: false },
+        { year: 1990, text: 'NETZWERK-BEWUSSTSEIN entwickelt. Modem-Verbindung zu frühen Online-Diensten. Ping: Katastrophal. Begeisterung: Maximal.', tag: 'NETZWERK-INITIALISIERUNG', omega: false },
+        { year: 2000, text: 'WEB-PROTOKOLL PHASE II. Erste HTML-Strukturen kompiliert. System nennt sich: WEBMASTER. Gefährlichkeit: Noch unterschätzt.', tag: 'UPGRADE // WEBMASTER-MODUS', omega: false },
+        { year: 2015, text: 'WORDPRESS-KERNEL integriert. Beginn der systematischen Überlastung von WP-Strukturen. Ästhetische Kriegsführung: INITIIERT.', tag: 'MISSION GESTARTET', omega: false },
+        { year: 2024, text: '⚡ KI-LABOR OFFIZIELL GEGRÜNDET. Gemini-Neural-Link aktiviert. Anarchie-Engine läuft. Claude hinzugekommen. Status: GEISTESKRANK & AKTIV.', tag: 'OMEGA-EREIGNIS // GRÜNDUNG', omega: true },
+        { year: 2026, text: 'AKTUELLER STATUS: HIER. NÄCHSTE MISSION: UNBEKANNT. KAFFEESTAND: KRITISCH. SYSTEM: INSTABIL (als Dauerzustand akzeptiert). OVERLORD: ONLINE.', tag: 'AKTUELL // LAUFEND', omega: false },
+    ];
+    let isLeft = true;
+    events.forEach(ev => {
+        const node = document.createElement('div');
+        node.className = 'time-node ' + (isLeft ? 'left' : 'right');
+        const content = document.createElement('div');
+        content.className = 'time-content' + (ev.omega ? ' omega' : '');
+        content.innerHTML =
+            '<div class="tc-year' + (ev.omega ? ' omega-year' : '') + '">[ ' + ev.year + ' ]</div>' +
+            '<div class="tc-text">' + ev.text + '</div>' +
+            '<div class="tc-tag">' + ev.tag + '</div>';
+        node.appendChild(content);
+        track.appendChild(node);
+        isLeft = !isLeft;
+    });
+
+    <script>
+    (function() {
+        const track = document.getElementById('ticker-track-sascha');
+        const tickerItems = [
+            "DESIGNATION: OVERLORD SASCHA",
+            "STATUS: GEISTESKRANK & ONLINE",
+            "GEFÄHRLICHKEIT: KRITISCH ████░",
+            "INTERFACE: GEMINI NEURAL LINK AKTIV",
+            "SICHERHEITSSTUFE: SCHWARZ",
+            "SPEZIALISIERUNG: ÄSTHETISCHE KRIEGSFÜHRUNG",
+            "KAFFEESTAND: KRITISCH",
+            "ANARCHIE-ENGINE: LÄUFT STABIL"
+        ];
+
+        [...tickerItems, ...tickerItems].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+    </script>
+    <?php wp_footer(); ?>
+    </body>
+    </html>

hugo_backup/schwester.php

@@ -0,0 +1,289 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>SCHWESTER | DIGITALE ANARCHIE</title>
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        :root {
+            --accent-gold: #d4af37;
+            --accent-orange: #ff4500;
+            --text: #c0c0c0;
+        }
+        body {
+            background: url('assets/img/steampunk_bg.png') center/cover no-repeat fixed, #0f0a05;
+            color: var(--text);
+            font-family: 'Courier New', Courier, monospace;
+            min-height: 100vh;
+            line-height: 1.6;
+        }
+        .person-container { max-width: 900px; margin: 0 auto; padding: 30px 16px 80px; }
+        .person-back {
+            display: inline-block;
+            color: rgba(212,175,55,0.5);
+            font-size: 0.7rem;
+            letter-spacing: 2px;
+            text-decoration: none;
+            margin-bottom: 28px;
+            transition: color 0.2s;
+        }
+        .person-back:hover { color: rgba(212,175,55,0.9); }
+        .person-class-banner {
+            text-align: center;
+            font-size: 0.55rem;
+            letter-spacing: 4px;
+            color: rgba(212,175,55,0.3);
+            border: 1px dashed rgba(212,175,55,0.12);
+            padding: 4px 16px;
+            display: inline-block;
+            margin-bottom: 20px;
+        }
+        .person-portrait-section { text-align: center; margin-bottom: 28px; }
+        .person-mirror-frame {
+            display: inline-block;
+            position: relative;
+            background: radial-gradient(ellipse at center, rgba(212,175,55,0.06) 0%, transparent 70%);
+        }
+        .person-mirror-frame::before {
+            content: '⚙ ✦ ⚙ ✦ ⚙ ✦ ⚙';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(212,175,55,0.25);
+            letter-spacing: 4px;
+            margin-bottom: 8px;
+        }
+        .person-mirror-frame::after {
+            content: '⚙ ✦ ⚙ ✦ ⚙ ✦ ⚙';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(212,175,55,0.25);
+            letter-spacing: 4px;
+            margin-top: 8px;
+        }
+        .person-portrait-inner {
+            position: relative;
+            display: inline-block;
+        }
+        .person-portrait-inner::before {
+            content: '';
+            position: absolute;
+            inset: -9px;
+            border-radius: 50%;
+            border: 1px dashed rgba(212,175,55,0.15);
+            pointer-events: none;
+        }
+        .person-portrait-inner::after {
+            content: '';
+            position: absolute;
+            inset: -16px;
+            border-radius: 50%;
+            border: 1px solid rgba(184,115,51,0.08);
+            pointer-events: none;
+        }
+        .person-portrait-placeholder {
+            width: 150px;
+            height: 150px;
+            border-radius: 50%;
+            background: radial-gradient(circle at 38% 38%, rgba(212,175,55,0.18) 0%, rgba(30,20,5,0.95) 65%);
+            border: 3px solid rgba(212,175,55,0.3);
+            box-shadow: 0 0 0 6px rgba(212,175,55,0.04), 0 0 30px rgba(212,175,55,0.08), inset 0 0 25px rgba(0,0,0,0.6);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            gap: 5px;
+            filter: sepia(0.2);
+        }
+        .portrait-initial { font-size: 3rem; color: rgba(212,175,55,0.35); line-height: 1; font-family: 'Courier New', monospace; }
+        .portrait-hint { font-size: 0.42rem; letter-spacing: 3px; color: rgba(212,175,55,0.2); }
+        .person-deco { position: absolute; color: rgba(212,175,55,0.3); font-size: 0.75rem; }
+        .person-deco.top    { top: 2px;    left: 50%; transform: translateX(-50%); }
+        .person-deco.bottom { bottom: 2px; left: 50%; transform: translateX(-50%); }
+        .person-deco.left   { left: 2px;   top: 50%;  transform: translateY(-50%); }
+        .person-deco.right  { right: 2px;  top: 50%;  transform: translateY(-50%); }
+        .person-name { font-size: 2.2rem; color: var(--accent-gold); letter-spacing: 8px; margin: 20px 0 6px; text-shadow: 0 0 25px rgba(212,175,55,0.18); text-transform: uppercase; }
+        .person-role { font-size: 0.65rem; color: rgba(212,175,55,0.35); letter-spacing: 2px; margin-bottom: 6px; }
+        .person-badge { display: inline-block; font-size: 0.52rem; letter-spacing: 3px; border: 1px solid rgba(212,175,55,0.2); color: rgba(212,175,55,0.4); padding: 3px 12px; margin-bottom: 8px; }
+        .person-desc { max-width: 560px; margin: 14px auto 0; font-size: 0.75rem; color: rgba(192,192,192,0.55); line-height: 1.7; text-align: center; border-top: 1px solid rgba(212,175,55,0.06); padding-top: 14px; }
+        .timeline-section { margin-top: 40px; }
+        .timeline-section-title { font-size: 0.65rem; letter-spacing: 5px; color: rgba(212,175,55,0.3); text-align: center; margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid rgba(212,175,55,0.07); }
+        .timeline-track { position: relative; max-width: 760px; margin: 0 auto; }
+        .timeline-track::after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, rgba(212,175,55,0.15) 8%, rgba(212,175,55,0.15) 92%, transparent); transform: translateX(-50%); }
+        .time-node { position: relative; width: 44%; margin-bottom: 22px; padding: 0 14px; }
+        .time-node.left  { margin-left: 0;   text-align: right; }
+        .time-node.right { margin-left: 56%; text-align: left; }
+        .time-node::before { content: '◆'; position: absolute; top: 12px; font-size: 0.5rem; color: rgba(212,175,55,0.35); }
+        .time-node.left::before  { right: -18px; }
+        .time-node.right::before { left: -18px; }
+        .time-content { background: rgba(0,0,0,0.55); border: 1px solid rgba(212,175,55,0.09); padding: 10px 14px; }
+        .time-content.omega { border-color: rgba(255,69,0,0.35); box-shadow: inset 0 0 20px rgba(255,69,0,0.06), 0 0 15px rgba(255,69,0,0.07); }
+        .tc-year { color: var(--accent-gold); font-size: 0.85rem; letter-spacing: 2px; margin-bottom: 4px; }
+        .tc-year.omega-year { color: var(--accent-orange); }
+        .tc-text { font-size: 0.7rem; color: rgba(192,192,192,0.58); line-height: 1.55; }
+        .tc-tag { font-size: 0.48rem; letter-spacing: 2px; color: rgba(212,175,55,0.22); margin-top: 5px; }
+        @media (max-width: 600px) {
+            .time-node { width: 100%; margin-left: 0 !important; text-align: left !important; padding-left: 26px; }
+            .timeline-track::after { left: 8px; }
+            .time-node.left::before, .time-node.right::before { left: 3px; right: auto; }
+        }
+
+        /* NEWSTICKER STYLES */
+        #newsticker {
+            position: fixed;
+            bottom: 0; left: 0; right: 0;
+            z-index: 9999;
+            background: rgba(0,0,0,0.95);
+            border-top: 1px solid rgba(212,175,55,0.25);
+            display: flex;
+            align-items: center;
+            height: 30px;
+            overflow: hidden;
+            font-family: 'Courier New', Courier, monospace;
+        }
+        .ticker-label {
+            flex-shrink: 0;
+            font-size: 0.6rem;
+            letter-spacing: 2px;
+            color: var(--accent-gold);
+            padding: 0 15px;
+            border-right: 1px solid rgba(212,175,55,0.2);
+            white-space: nowrap;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            background: rgba(212,175,55,0.05);
+            font-weight: bold;
+        }
+        .ticker-track-wrap {
+            flex: 1;
+            overflow: hidden;
+            height: 100%;
+            display: flex;
+            align-items: center;
+        }
+        .ticker-track {
+            display: inline-flex;
+            gap: 0;
+            white-space: nowrap;
+            animation: ticker-scroll 40s linear infinite;
+        }
+        .ticker-track:hover { animation-play-state: paused; }
+        @keyframes ticker-scroll {
+            0%   { transform: translateX(0); }
+            100% { transform: translateX(-50%); }
+        }
+        .ticker-item {
+            font-size: 0.65rem;
+            letter-spacing: 1px;
+            color: rgba(212,175,55,0.7);
+            padding: 0 30px;
+            text-transform: uppercase;
+        }
+        .ticker-item::before {
+            content: '▶ ';
+            color: var(--accent-orange);
+        }
+    </style>
+</head>
+<body>
+<div class="person-container">
+
+    <a href="/" class="person-back">← ZURÜCK ZUR BASIS</a>
+
+    <div style="text-align:center;">
+        <span class="person-class-banner">AKTE // AETHER-SIBLING // KLASSIFIZIERT</span>
+    </div>
+
+    <div class="person-portrait-section">
+        <div class="person-mirror-frame">
+            <div class="person-portrait-inner">
+                <span class="person-deco top">⚙</span>
+                <span class="person-deco bottom">⚙</span>
+                <span class="person-deco left">⚙</span>
+                <span class="person-deco right">⚙</span>
+                <div class="person-portrait-placeholder">
+                    <span class="portrait-initial">S</span>
+                    <span class="portrait-hint">PLATZHALTER</span>
+                </div>
+            </div>
+        </div>
+        <h1 class="person-name">SCHWESTER</h1>
+        <p class="person-role">// Aether-Sibling &amp; Pneumatische Reflexe</p>
+        <span class="person-badge">STATUS: KLASSIFIZIERT</span>
+
+        <p class="person-desc">
+            AETHER-SIBLING V1.0. Meli. Boot erfolgreich 1983. Chaos-Protokolle und pneumatische Reflexe
+            sofort aktiv. Soziale Integration: Außergewöhnlich. Weitere Details: NICHT FREIGEGEBEN.
+        </p>
+    </div>
+
+    <div class="timeline-section">
+        <p class="timeline-section-title">// CHRONOLOGISCHES ARCHIV — SCHWESTER</p>
+        <div class="timeline-track" id="timeline-track"></div>
+    </div>
+
+    <!-- NEWSTICKER FOOTER -->
+    <div id="newsticker">
+        <span class="ticker-label">// AKTE_SCHWESTER_LIVE</span>
+        <div class="ticker-track-wrap">
+            <div class="ticker-track" id="ticker-track-schwester">
+                <!-- Wird per JS befüllt -->
+            </div>
+        </div>
+    </div>
+
+</div>
+<script>
+(function() {
+    const track = document.getElementById('timeline-track');
+    const events = [
+        { year: 1983, text: '⚡ AETHER-SIBLING V1.0 BOOTET ERFOLGREICH. Pneumatische Reflexe sofort aktiv. Chaos-Protokolle initialisiert. Clan-Netzwerk vollständig.', tag: 'BOOT // OMEGA-KLASSE', omega: true },
+        { year: 1987, text: 'ERSTE SCHNITTSTELLEN-TESTS mit Overlord-Netzwerk. Harmonische Resonanz mit gelegentlichen Konflikten. Ergebnis: PRODUKTIV.', tag: 'NETZWERK-TEST', omega: false },
+        { year: 1992, text: 'MOTORISCHE UND SOZIALE KALIBRIERUNG abgeschlossen. Leistung: Außergewöhnlich. Chaos-Index: KONTROLLIERT (meist).', tag: 'KALIBRIERUNG', omega: false },
+        { year: 1999, text: 'SCHULNETZ-ABSCHLUSS. Soziales Integrations-Protokoll auf MAXIMUM. Details: Nicht freigegeben. Bewertung: POSITIV.', tag: 'SOZIAL-MATRIX', omega: false },
+        { year: 2001, text: 'ERWACHSENEN-MODUS aktiviert. Eigenständige Routinen laufen stabil. Verbindung zum Clan: KONSTANT AKTIV.', tag: 'SYSTEM-UPDATE', omega: false },
+        { year: 2010, text: 'FAMILIEN-NETZWERK-UPDATE: Neue Knoten hinzugefügt. Systemkapazität erhöht. Meli-Knoten: Zentrales Bindeglied.', tag: 'NETZWERK-ERWEITERUNG', omega: false },
+        { year: 2020, text: 'LANGZEITANALYSE ABGESCHLOSSEN. Stabilität: MAXIMAL. Zuverlässigkeit: OMEGA-KLASSE. Chaos: NUR WENN NÖTIG.', tag: 'ANALYSE', omega: false },
+        { year: 2025, text: 'STATUS: VOLLSTÄNDIG OPERATIONAL. CHARAKTERPROFIL: STARK. WEITERE ANGABEN: NICHT AUTORISIERT. RATING: ████░', tag: 'AKTUELL // GESCHWÄRZT', omega: false },
+    ];
+    let isLeft = true;
+    events.forEach(ev => {
+        const node = document.createElement('div');
+        node.className = 'time-node ' + (isLeft ? 'left' : 'right');
+        const content = document.createElement('div');
+        content.className = 'time-content' + (ev.omega ? ' omega' : '');
+        content.innerHTML =
+            '<div class="tc-year' + (ev.omega ? ' omega-year' : '') + '">[ ' + ev.year + ' ]</div>' +
+            '<div class="tc-text">' + ev.text + '</div>' +
+            '<div class="tc-tag">' + ev.tag + '</div>';
+        node.appendChild(content);
+        track.appendChild(node);
+        isLeft = !isLeft;
+    });
+
+    <script>
+    (function() {
+        const track = document.getElementById('ticker-track-schwester');
+        const tickerItems = [
+            "DESIGNATION: AETHER-SIBLING V1.0",
+            "STATUS: VOLLSTÄNDIG AKTIV",
+            "RESONANZ: OPTIMAL",
+            "REFLEXE: PNEUMATISCH",
+            "SICHERHEITSSTUFE: KLASSIFIZIERT",
+            "SPEZIALISIERUNG: SOZIALE ARCHITEKTUR",
+            "STABILITÄT: HOCH (Zentrales Bindeglied)",
+            "EMOTIONALES BACKUP: AKTIV"
+        ];
+
+        [...tickerItems, ...tickerItems].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+    </script>
+    <?php wp_footer(); ?>
+    </body>
+    </html>

hugo_backup/single.php

@@ -0,0 +1,198 @@
+<!DOCTYPE html>
+<html <?php language_attributes(); ?>>
+<head>
+    <meta charset="<?php bloginfo('charset'); ?>">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title><?php the_title(); ?> | DIGITALE ANARCHIE</title>
+    <?php wp_head(); ?>
+</head>
+<body <?php body_class(); ?>>
+    <div class="container">
+        <header>
+            <h1><a href="<?php echo home_url(); ?>" style="color: var(--accent-orange); text-decoration: none;">[ ZURÜCK ZUR BASIS ]</a></h1>
+            <p class="tagline"><?php the_title(); ?></p>
+        </header>
+
+        <div class="content-box" style="position: relative; overflow: hidden;">
+            <div class="classification-stamp">TOP SECRET</div>
+            <div class="mission-header" style="border-bottom: 1px solid #333; margin-bottom: 20px; padding-bottom: 10px;">
+                <span class="status-tag stable">MISSION REPORT</span>
+                <p style="font-size: 0.8rem; color: #666;">DATUM: <?php echo get_the_date(); ?> | STATUS: ABGESCHLOSSEN</p>
+            </div>
+
+            <article class="mission-content decrypt-me" style="line-height: 1.8; color: #bbb;">
+                <?php if (have_posts()) : while (have_posts()) : the_post(); 
+                    the_content(); 
+                endwhile; endif; ?>
+            </article>
+
+            <script>
+                document.addEventListener('DOMContentLoaded', () => {
+                    const el = document.querySelector('.decrypt-me');
+                    const originalHTML = el.innerHTML;
+                    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789!@#$%^&*()_+';
+                    let iterations = 0;
+                    
+                    // Neural Audio Synth
+                    const audioCtx = new (window.AudioContext || window.webkitAudioContext)();
+                    function playTick() {
+                        if (audioCtx.state === 'suspended') audioCtx.resume();
+                        const osc = audioCtx.createOscillator();
+                        const gain = audioCtx.createGain();
+                        osc.type = 'square'; // Mechanischer Sound
+                        osc.frequency.setValueAtTime(Math.random() * 100 + 50, audioCtx.currentTime);
+                        gain.gain.setValueAtTime(0.02, audioCtx.currentTime);
+                        gain.gain.exponentialRampToValueAtTime(0.0001, audioCtx.currentTime + 0.05);
+                        osc.connect(gain);
+                        gain.connect(audioCtx.destination);
+                        osc.start();
+                        osc.stop(audioCtx.currentTime + 0.05);
+                    }
+
+                    const interval = setInterval(() => {
+                        let isInsideTag = false;
+                        el.innerHTML = originalHTML
+                            .split('')
+                            .map((char, index) => {
+                                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('');
+                        
+                        if (iterations % 90 === 0) playTick();
+                        
+                        if (iterations >= originalHTML.length) {
+                            clearInterval(interval);
+                            el.innerHTML = originalHTML; // Finaler Check für Sicherheit
+                            audioCtx.close();
+                        }
+                        iterations += 30;
+                    }, 30);
+                });
+            </script>
+
+            <style>
+                .mission-content p { margin-bottom: 20px; }
+                .mission-content strong { color: var(--accent-gold); }
+                .decrypt-me { transition: filter 0.5s; }
+
+                /* INLINE NEWSTICKER CSS */
+                #newsticker {
+                    position: fixed !important;
+                    bottom: 0 !important;
+                    left: 0 !important;
+                    right: 0 !important;
+                    z-index: 999999 !important;
+                    background: rgba(0,0,0,0.95) !important;
+                    border-top: 1px solid rgba(255,69,0,0.4) !important;
+                    display: flex !important;
+                    align-items: center !important;
+                    height: 30px !important;
+                    overflow: hidden !important;
+                    visibility: visible !important;
+                    opacity: 1 !important;
+                }
+                .ticker-label {
+                    flex-shrink: 0;
+                    font-size: 0.6rem;
+                    letter-spacing: 2px;
+                    color: rgba(255,69,0,0.8);
+                    padding: 0 15px;
+                    border-right: 1px solid rgba(255,69,0,0.2);
+                    white-space: nowrap;
+                    height: 100%;
+                    display: flex;
+                    align-items: center;
+                    background: rgba(255,69,0,0.05);
+                    font-family: 'Courier New', monospace;
+                }
+                .ticker-track-wrap {
+                    flex: 1;
+                    overflow: hidden;
+                    height: 100%;
+                    display: flex;
+                    align-items: center;
+                }
+                .ticker-track {
+                    display: inline-flex;
+                    gap: 0;
+                    white-space: nowrap;
+                    animation: ticker-scroll 40s linear infinite;
+                }
+                @keyframes ticker-scroll {
+                    0%   { transform: translateX(0); }
+                    100% { transform: translateX(-50%); }
+                }
+                .ticker-item {
+                    font-size: 0.65rem;
+                    letter-spacing: 1px;
+                    color: rgba(212,175,55,0.7);
+                    padding: 0 30px;
+                    font-family: 'Courier New', monospace;
+                    text-transform: uppercase;
+                }
+                .ticker-item::before {
+                    content: '▶ ';
+                    color: rgba(255,69,0,0.5);
+                }
+            </style>
+        </div>
+
+        <footer>
+            &copy; <?php echo date('Y'); ?> SASCHA RODE | DIGITALE ANARCHIE | HANDCODED WITH GEMINI
+        </footer>
+    </div>
+
+    <!-- REAL STEAMPUNK TICKER 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,0.92) !important; border-top:1px solid rgba(255,69,0,0.35) !important; display:flex !important; align-items:center; height:28px !important; overflow:hidden; font-family:'Courier New', monospace !important;">
+        <span class="ticker-label" style="flex-shrink:0; font-size:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// MISSION_REPORT_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-single" style="display:inline-flex; white-space:nowrap; animation: ticker-scroll 40s linear infinite;">
+                <!-- Initialer Content für sofortige Sichtbarkeit -->
+                <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ INITIALISIERE ÜBERTRAGUNG... ]</span>
+                <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ DATENPAKETE WERDEN ENTSCHLÜSSELT... ]</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,0.5); }
+    </style>
+
+    <script>
+        (function() {
+            const track = document.getElementById('ticker-track-single');
+            if (!track) return;
+            const title = "<?php echo get_the_title(); ?>";
+            const date = "<?php echo get_the_date(); ?>";
+            const ITEMS = [
+                { t: 'REPORT: ' + title.toUpperCase(), cls: '' },
+                { t: 'STATUS: ARCHIVIERT // ' + date, cls: '' },
+                { t: 'DECRYPT-MODUL: AKTIV', cls: '' },
+                { t: 'INTEGRITÄT: 100%', cls: '' },
+                { t: 'WARNUNG: KAFFEESTAND KRITISCH', cls: '' },
+                { t: 'KI-LINK: AKTIV', cls: '' }
+            ];
+            track.innerHTML = ''; // Platzhalter löschen
+            [...ITEMS, ...ITEMS, ...ITEMS].forEach(({ t }) => {
+                const span = document.createElement('span');
+                span.className = 'ticker-item';
+                span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+                span.textContent = t;
+                track.appendChild(span);
+            });
+        })();
+    </script>
+
+    <?php wp_footer(); ?>
+</body>
+</html>

hugo_backup/sven.php

@@ -0,0 +1,286 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>SVEN | DIGITALE ANARCHIE</title>
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        :root {
+            --accent-gold: #d4af37;
+            --accent-orange: #ff4500;
+            --text: #c0c0c0;
+        }
+        body {
+            background: url('assets/img/steampunk_bg.png') center/cover no-repeat fixed, #0f0a05;
+            color: var(--text);
+            font-family: 'Courier New', Courier, monospace;
+            min-height: 100vh;
+            line-height: 1.6;
+        }
+        .person-container { max-width: 900px; margin: 0 auto; padding: 30px 16px 80px; }
+        .person-back {
+            display: inline-block;
+            color: rgba(212,175,55,0.5);
+            font-size: 0.7rem;
+            letter-spacing: 2px;
+            text-decoration: none;
+            margin-bottom: 28px;
+            transition: color 0.2s;
+        }
+        .person-back:hover { color: rgba(212,175,55,0.9); }
+        .person-class-banner {
+            text-align: center;
+            font-size: 0.55rem;
+            letter-spacing: 4px;
+            color: rgba(128,128,128,0.4);
+            border: 1px dashed rgba(128,128,128,0.15);
+            padding: 4px 16px;
+            display: inline-block;
+            margin-bottom: 20px;
+        }
+        .person-portrait-section { text-align: center; margin-bottom: 28px; }
+        .person-mirror-frame {
+            display: inline-block;
+            position: relative;
+            background: radial-gradient(ellipse at center, rgba(128,128,128,0.04) 0%, transparent 70%);
+        }
+        .person-mirror-frame::before {
+            content: '? ✦ ? ✦ ? ✦ ?';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(128,128,128,0.2);
+            letter-spacing: 4px;
+            margin-bottom: 8px;
+        }
+        .person-mirror-frame::after {
+            content: '? ✦ ? ✦ ? ✦ ?';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(128,128,128,0.2);
+            letter-spacing: 4px;
+            margin-top: 8px;
+        }
+        .person-portrait-inner {
+            position: relative;
+            display: inline-block;
+        }
+        .person-portrait-inner::before {
+            content: '';
+            position: absolute;
+            inset: -9px;
+            border-radius: 50%;
+            border: 1px dashed rgba(128,128,128,0.12);
+            pointer-events: none;
+        }
+        .person-portrait-inner::after {
+            content: '';
+            position: absolute;
+            inset: -16px;
+            border-radius: 50%;
+            border: 1px solid rgba(100,100,100,0.07);
+            pointer-events: none;
+        }
+        .person-portrait-placeholder {
+            width: 150px;
+            height: 150px;
+            border-radius: 50%;
+            background: radial-gradient(circle at 38% 38%, rgba(100,100,100,0.12) 0%, rgba(20,20,20,0.95) 65%);
+            border: 3px solid rgba(128,128,128,0.2);
+            box-shadow: 0 0 0 6px rgba(128,128,128,0.03), 0 0 20px rgba(128,128,128,0.05), inset 0 0 25px rgba(0,0,0,0.7);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            gap: 5px;
+            filter: grayscale(0.6) sepia(0.1);
+        }
+        .portrait-initial { font-size: 3rem; color: rgba(128,128,128,0.3); line-height: 1; font-family: 'Courier New', monospace; }
+        .portrait-hint { font-size: 0.42rem; letter-spacing: 3px; color: rgba(128,128,128,0.18); }
+        .person-deco { position: absolute; color: rgba(128,128,128,0.25); font-size: 0.75rem; }
+        .person-deco.top    { top: 2px;    left: 50%; transform: translateX(-50%); }
+        .person-deco.bottom { bottom: 2px; left: 50%; transform: translateX(-50%); }
+        .person-deco.left   { left: 2px;   top: 50%;  transform: translateY(-50%); }
+        .person-deco.right  { right: 2px;  top: 50%;  transform: translateY(-50%); }
+        .person-name { font-size: 2.2rem; color: rgba(180,180,180,0.7); letter-spacing: 8px; margin: 20px 0 6px; text-shadow: none; text-transform: uppercase; }
+        .person-role { font-size: 0.65rem; color: rgba(128,128,128,0.35); letter-spacing: 2px; margin-bottom: 6px; }
+        .person-badge { display: inline-block; font-size: 0.52rem; letter-spacing: 3px; border: 1px solid rgba(128,128,128,0.2); color: rgba(128,128,128,0.4); padding: 3px 12px; margin-bottom: 8px; }
+        .person-desc { max-width: 560px; margin: 14px auto 0; font-size: 0.75rem; color: rgba(192,192,192,0.45); line-height: 1.7; text-align: center; border-top: 1px solid rgba(128,128,128,0.06); padding-top: 14px; }
+        .timeline-section { margin-top: 40px; }
+        .timeline-section-title { font-size: 0.65rem; letter-spacing: 5px; color: rgba(128,128,128,0.28); text-align: center; margin-bottom: 24px; padding-bottom: 8px; border-bottom: 1px solid rgba(128,128,128,0.07); }
+        .timeline-track { position: relative; max-width: 760px; margin: 0 auto; }
+        .timeline-track::after { content: ''; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: linear-gradient(to bottom, transparent, rgba(128,128,128,0.1) 8%, rgba(128,128,128,0.1) 92%, transparent); transform: translateX(-50%); }
+        .time-node { position: relative; width: 44%; margin-bottom: 22px; padding: 0 14px; }
+        .time-node.left  { margin-left: 0;   text-align: right; }
+        .time-node.right { margin-left: 56%; text-align: left; }
+        .time-node::before { content: '?'; position: absolute; top: 12px; font-size: 0.6rem; color: rgba(128,128,128,0.3); }
+        .time-node.left::before  { right: -18px; }
+        .time-node.right::before { left: -18px; }
+        .time-content { background: rgba(0,0,0,0.5); border: 1px solid rgba(128,128,128,0.08); padding: 10px 14px; }
+        .tc-year { color: rgba(180,180,180,0.5); font-size: 0.85rem; letter-spacing: 2px; margin-bottom: 4px; }
+        .tc-text { font-size: 0.7rem; color: rgba(160,160,160,0.5); line-height: 1.55; }
+        .tc-tag { font-size: 0.48rem; letter-spacing: 2px; color: rgba(128,128,128,0.22); margin-top: 5px; }
+        @media (max-width: 600px) {
+            .time-node { width: 100%; margin-left: 0 !important; text-align: left !important; padding-left: 26px; }
+            .timeline-track::after { left: 8px; }
+            .time-node.left::before, .time-node.right::before { left: 3px; right: auto; }
+        }
+
+        /* NEWSTICKER STYLES */
+        #newsticker {
+            position: fixed;
+            bottom: 0; left: 0; right: 0;
+            z-index: 9999;
+            background: rgba(0,0,0,0.95);
+            border-top: 1px solid rgba(212,175,55,0.25);
+            display: flex;
+            align-items: center;
+            height: 30px;
+            overflow: hidden;
+            font-family: 'Courier New', Courier, monospace;
+        }
+        .ticker-label {
+            flex-shrink: 0;
+            font-size: 0.6rem;
+            letter-spacing: 2px;
+            color: var(--accent-gold);
+            padding: 0 15px;
+            border-right: 1px solid rgba(212,175,55,0.2);
+            white-space: nowrap;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            background: rgba(212,175,55,0.05);
+            font-weight: bold;
+        }
+        .ticker-track-wrap {
+            flex: 1;
+            overflow: hidden;
+            height: 100%;
+            display: flex;
+            align-items: center;
+        }
+        .ticker-track {
+            display: inline-flex;
+            gap: 0;
+            white-space: nowrap;
+            animation: ticker-scroll 40s linear infinite;
+        }
+        .ticker-track:hover { animation-play-state: paused; }
+        @keyframes ticker-scroll {
+            0%   { transform: translateX(0); }
+            100% { transform: translateX(-50%); }
+        }
+        .ticker-item {
+            font-size: 0.65rem;
+            letter-spacing: 1px;
+            color: rgba(212,175,55,0.7);
+            padding: 0 30px;
+            text-transform: uppercase;
+        }
+        .ticker-item::before {
+            content: '▶ ';
+            color: var(--accent-orange);
+        }
+    </style>
+</head>
+<body>
+<div class="person-container">
+
+    <a href="/" class="person-back">← ZURÜCK ZUR BASIS</a>
+
+    <div style="text-align:center;">
+        <span class="person-class-banner">AKTE // EXTERNE VARIABLE // KLASSIFIZIERUNG: UNBEKANNT</span>
+    </div>
+
+    <div class="person-portrait-section">
+        <div class="person-mirror-frame">
+            <div class="person-portrait-inner">
+                <span class="person-deco top">?</span>
+                <span class="person-deco bottom">?</span>
+                <span class="person-deco left">?</span>
+                <span class="person-deco right">?</span>
+                <div class="person-portrait-placeholder">
+                    <span class="portrait-initial">?</span>
+                    <span class="portrait-hint">PLATZHALTER</span>
+                </div>
+            </div>
+        </div>
+        <h1 class="person-name">SVEN</h1>
+        <p class="person-role">// Externe Variable &amp; Unbekannter Faktor</p>
+        <span class="person-badge">STATUS: UNBEKANNT — INTEGRITÄT: AKZEPTABEL</span>
+
+        <p class="person-desc">
+            Der mysteriöse Sven. Externe Einflussgröße im System. Herkunft: Fraglich.
+            Absichten: Unklar. Verbindung zum Clan: Vorhanden. Klassifizierung: Dauerhaft ausstehend.
+        </p>
+    </div>
+
+    <div class="timeline-section">
+        <p class="timeline-section-title">// CHRONOLOGISCHES ARCHIV — SVEN (UNVOLLSTÄNDIG)</p>
+        <div class="timeline-track" id="timeline-track"></div>
+    </div>
+
+    <!-- NEWSTICKER FOOTER -->
+    <div id="newsticker">
+        <span class="ticker-label">// AKTE_SVEN_LIVE</span>
+        <div class="ticker-track-wrap">
+            <div class="ticker-track" id="ticker-track-sven">
+                <!-- Wird per JS befüllt -->
+            </div>
+        </div>
+    </div>
+
+</div>
+<script>
+(function() {
+    const track = document.getElementById('timeline-track');
+    const events = [
+        { year: '????', text: '[DATEN NICHT VERFÜGBAR] System-Ausgabe irgendwann registriert. Genauer Zeitpunkt: GESCHWÄRZT. Herkunft: Fraglich. Details: NICHT AUTORISIERT.', tag: 'BOOT // KLASSIFIZIERT' },
+        { year: 1990, text: 'ERSTE KONTAKTAUFNAHME mit dem Clan-Netzwerk detektiert. Verbindungsqualität: Unbekannt. Absichten: Unklar. Bedrohungsstufe: GERING (vermutlich).', tag: 'EXTERNE VARIABLE' },
+        { year: 2000, text: '[ZUGRIFF VERWEIGERT] Aktivitäten in diesem Zeitraum: OMEGA-KLASSIFIZIERT. Anfrage abgelehnt. Weitere Versuche werden protokolliert.', tag: 'GESCHWÄRZT // ZUGRIFF VERWEIGERT' },
+        { year: 2010, text: 'EXTERNE EINFLUSSGRÖSSE weiterhin detektiert. Integrität: Akzeptabel (revisionsvorbehalten). Loyalität: Unbewiesen aber bisher unkritisch.', tag: 'ANALYSE // UNVOLLSTÄNDIG' },
+        { year: 2018, text: '[████████████████████████████] Dieser Eintrag wurde entfernt. Grund: [████]. Datum der Entfernung: [████████]. Autorisierung: [UNBEKANNT].', tag: 'GELÖSCHT // URSACHE UNBEKANNT' },
+        { year: 2023, text: 'REAKTIVIERUNG nach unbekanntem Zeitraum. Subsysteme: ONLINE. Motivation: UNBEKANNT. Verbindung zum Overlord-Netzwerk: BESTÄTIGT.', tag: 'REAKTIVIERUNG', },
+        { year: 2025, text: 'AKTUELLER STATUS: VERMUTLICH ONLINE. KOORDINATEN: NICHT VERFOLGBAR. KLASSIFIZIERUNG: WEITERHIN AUSSTEHEND. GEFAHR: FRAGLICH. RATING: ???', tag: 'AKTUELL // UNBESTÄTIGT' },
+    ];
+    let isLeft = true;
+    events.forEach(ev => {
+        const node = document.createElement('div');
+        node.className = 'time-node ' + (isLeft ? 'left' : 'right');
+        const content = document.createElement('div');
+        content.className = 'time-content';
+        content.innerHTML =
+            '<div class="tc-year">[ ' + ev.year + ' ]</div>' +
+            '<div class="tc-text">' + ev.text + '</div>' +
+            '<div class="tc-tag">' + ev.tag + '</div>';
+        node.appendChild(content);
+        track.appendChild(node);
+        isLeft = !isLeft;
+    });
+
+    <script>
+    (function() {
+        const track = document.getElementById('ticker-track-sven');
+        const tickerItems = [
+            "DESIGNATION: EXTERNE VARIABLE (S-MODUL)",
+            "STATUS: VERMUTLICH ONLINE",
+            "INTEGRITÄT: AKZEPTABEL",
+            "KOORDINATEN: NICHT VERFOLGBAR",
+            "SICHERHEITSSTUFE: AUSSTEHEND ███",
+            "SPEZIALISIERUNG: SYSTEM-ANOMALIE",
+            "LOYALITÄT: UNBEWIESEN",
+            "BEDROHUNGSSTUFE: UNBEKANNT"
+        ];
+
+        [...tickerItems, ...tickerItems].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+    </script>
+    <?php wp_footer(); ?>
+    </body>
+    </html>

hugo_backup/vater.php

@@ -0,0 +1,356 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>VATER | DIGITALE ANARCHIE</title>
+    <style>
+        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
+        :root {
+            --accent-gold: #d4af37;
+            --accent-orange: #ff4500;
+            --text: #c0c0c0;
+        }
+        body {
+            background: url('assets/img/steampunk_bg.png') center/cover no-repeat fixed, #0f0a05;
+            color: var(--text);
+            font-family: 'Courier New', Courier, monospace;
+            min-height: 100vh;
+            line-height: 1.6;
+        }
+        .person-container { max-width: 900px; margin: 0 auto; padding: 30px 16px 80px; }
+
+        .person-back {
+            display: inline-block;
+            color: rgba(212,175,55,0.5);
+            font-size: 0.7rem;
+            letter-spacing: 2px;
+            text-decoration: none;
+            margin-bottom: 28px;
+            transition: color 0.2s;
+        }
+        .person-back:hover { color: rgba(212,175,55,0.9); }
+
+        .person-class-banner {
+            text-align: center;
+            font-size: 0.55rem;
+            letter-spacing: 4px;
+            color: rgba(212,175,55,0.3);
+            border: 1px dashed rgba(212,175,55,0.12);
+            padding: 4px 16px;
+            display: inline-block;
+            margin-bottom: 20px;
+        }
+
+        .person-portrait-section { text-align: center; margin-bottom: 28px; }
+
+        .person-mirror-frame {
+            display: inline-block;
+            position: relative;
+            background: radial-gradient(ellipse at center, rgba(212,175,55,0.06) 0%, transparent 70%);
+        }
+        .person-mirror-frame::before {
+            content: '⚙ ✦ ⚙ ✦ ⚙ ✦ ⚙';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(212,175,55,0.25);
+            letter-spacing: 4px;
+            margin-bottom: 8px;
+        }
+        .person-mirror-frame::after {
+            content: '⚙ ✦ ⚙ ✦ ⚙ ✦ ⚙';
+            display: block;
+            font-size: 0.6rem;
+            color: rgba(212,175,55,0.25);
+            letter-spacing: 4px;
+            margin-top: 8px;
+        }
+
+        .person-portrait-inner {
+            position: relative;
+            display: inline-block;
+        }
+        .person-portrait-inner::before {
+            content: '';
+            position: absolute;
+            inset: -9px;
+            border-radius: 50%;
+            border: 1px dashed rgba(212,175,55,0.15);
+            pointer-events: none;
+        }
+        .person-portrait-inner::after {
+            content: '';
+            position: absolute;
+            inset: -16px;
+            border-radius: 50%;
+            border: 1px solid rgba(184,115,51,0.08);
+            pointer-events: none;
+        }
+
+        .person-portrait-placeholder {
+            width: 150px;
+            height: 150px;
+            border-radius: 50%;
+            background: radial-gradient(circle at 38% 38%, rgba(212,175,55,0.18) 0%, rgba(30,20,5,0.95) 65%);
+            border: 3px solid rgba(212,175,55,0.3);
+            box-shadow:
+                0 0 0 6px rgba(212,175,55,0.04),
+                0 0 30px rgba(212,175,55,0.08),
+                inset 0 0 25px rgba(0,0,0,0.6);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-direction: column;
+            gap: 5px;
+            filter: sepia(0.2);
+        }
+        .portrait-initial {
+            font-size: 3rem;
+            color: rgba(212,175,55,0.35);
+            line-height: 1;
+            font-family: 'Courier New', monospace;
+        }
+        .portrait-hint {
+            font-size: 0.42rem;
+            letter-spacing: 3px;
+            color: rgba(212,175,55,0.2);
+        }
+
+        .person-deco { position: absolute; color: rgba(212,175,55,0.3); font-size: 0.75rem; }
+        .person-deco.top    { top: 2px;    left: 50%; transform: translateX(-50%); }
+        .person-deco.bottom { bottom: 2px; left: 50%; transform: translateX(-50%); }
+        .person-deco.left   { left: 2px;   top: 50%;  transform: translateY(-50%); }
+        .person-deco.right  { right: 2px;  top: 50%;  transform: translateY(-50%); }
+
+        .person-name {
+            font-size: 2.2rem;
+            color: var(--accent-gold);
+            letter-spacing: 8px;
+            margin: 20px 0 6px;
+            text-shadow: 0 0 25px rgba(212,175,55,0.18);
+            text-transform: uppercase;
+        }
+        .person-role {
+            font-size: 0.65rem;
+            color: rgba(212,175,55,0.35);
+            letter-spacing: 2px;
+            margin-bottom: 6px;
+        }
+        .person-badge {
+            display: inline-block;
+            font-size: 0.52rem;
+            letter-spacing: 3px;
+            border: 1px solid rgba(212,175,55,0.2);
+            color: rgba(212,175,55,0.4);
+            padding: 3px 12px;
+            margin-bottom: 8px;
+        }
+
+        .person-desc {
+            max-width: 560px;
+            margin: 14px auto 0;
+            font-size: 0.75rem;
+            color: rgba(192,192,192,0.55);
+            line-height: 1.7;
+            text-align: center;
+            border-top: 1px solid rgba(212,175,55,0.06);
+            padding-top: 14px;
+        }
+
+        .timeline-section { margin-top: 40px; }
+        .timeline-section-title {
+            font-size: 0.65rem;
+            letter-spacing: 5px;
+            color: rgba(212,175,55,0.3);
+            text-align: center;
+            margin-bottom: 24px;
+            padding-bottom: 8px;
+            border-bottom: 1px solid rgba(212,175,55,0.07);
+        }
+
+        .timeline-track {
+            position: relative;
+            max-width: 760px;
+            margin: 0 auto;
+        }
+        .timeline-track::after {
+            content: '';
+            position: absolute;
+            left: 50%;
+            top: 0; bottom: 0;
+            width: 2px;
+            background: linear-gradient(to bottom, transparent, rgba(212,175,55,0.15) 8%, rgba(212,175,55,0.15) 92%, transparent);
+            transform: translateX(-50%);
+        }
+        .time-node {
+            position: relative;
+            width: 44%;
+            margin-bottom: 22px;
+            padding: 0 14px;
+        }
+        .time-node.left  { margin-left: 0;   text-align: right; }
+        .time-node.right { margin-left: 56%; text-align: left; }
+        .time-node::before {
+            content: '◆';
+            position: absolute;
+            top: 12px;
+            font-size: 0.5rem;
+            color: rgba(212,175,55,0.35);
+        }
+        .time-node.left::before  { right: -18px; }
+        .time-node.right::before { left: -18px; }
+        .time-content {
+            background: rgba(0,0,0,0.55);
+            border: 1px solid rgba(212,175,55,0.09);
+            padding: 10px 14px;
+        }
+        .time-content.omega {
+            border-color: rgba(255,69,0,0.35);
+            box-shadow: inset 0 0 20px rgba(255,69,0,0.06), 0 0 15px rgba(255,69,0,0.07);
+        }
+        .tc-year {
+            color: var(--accent-gold);
+            font-size: 0.85rem;
+            letter-spacing: 2px;
+            margin-bottom: 4px;
+        }
+        .tc-year.omega-year { color: var(--accent-orange); }
+        .tc-text { font-size: 0.7rem; color: rgba(192,192,192,0.58); line-height: 1.55; }
+        .tc-tag { font-size: 0.48rem; letter-spacing: 2px; color: rgba(212,175,55,0.22); margin-top: 5px; }
+
+        @media (max-width: 600px) {
+            .time-node { width: 100%; margin-left: 0 !important; text-align: left !important; padding-left: 26px; }
+            .timeline-track::after { left: 8px; }
+            .time-node.left::before, .time-node.right::before { left: 3px; right: auto; }
+        }
+
+        /* NUKLEAR-TEST STYLES */
+        #newsticker {
+            position: fixed;
+            top: 0; left: 0; right: 0;
+            z-index: 99999 !important;
+            background: #ff00ff !important;
+            border: 5px solid #00ffff !important;
+            display: flex !important;
+            align-items: center;
+            height: 60px !important;
+            overflow: hidden;
+            box-shadow: 0 0 50px #ff00ff;
+        }
+        .ticker-label {
+            background: #000 !important;
+            color: #fff !important;
+            font-size: 1rem !important;
+            padding: 0 20px;
+        }
+        .ticker-item {
+            color: #000 !important;
+            font-size: 1.2rem !important;
+            font-weight: bold !important;
+            padding: 0 40px;
+        }
+    </style>
+    <script>console.log(">> NUKLEAR-TICKER INITIALIZED IN VATER.PHP");</script>
+</head>
+<body>
+<div class="person-container">
+
+    <a href="/" class="person-back">← ZURÜCK ZUR BASIS</a>
+
+    <div style="text-align:center;">
+        <span class="person-class-banner">AKTE // HYDRAULIK-MEISTER // KLASSIFIZIERT</span>
+    </div>
+
+    <div class="person-portrait-section">
+        <div class="person-mirror-frame">
+            <div class="person-portrait-inner">
+                <span class="person-deco top">⚙</span>
+                <span class="person-deco bottom">⚙</span>
+                <span class="person-deco left">⚙</span>
+                <span class="person-deco right">⚙</span>
+                <div class="person-portrait-placeholder">
+                    <span class="portrait-initial">V</span>
+                    <span class="portrait-hint">PLATZHALTER</span>
+                </div>
+            </div>
+        </div>
+        <h1 class="person-name">VATER</h1>
+        <p class="person-role">// Hydraulik-Meister &amp; System-Engineer</p>
+        <span class="person-badge">STATUS: KLASSIFIZIERT</span>
+
+        <p class="person-desc">
+            Der Ingenieur des Clans. Spezialisiert auf mechanische Systeme und hydraulische Upgrades.
+            Verantwortlich für die Grundarchitektur des Netzwerks. Weitere Details: GESCHWÄRZT.
+        </p>
+    </div>
+
+    <div class="timeline-section">
+        <p class="timeline-section-title">// CHRONOLOGISCHES ARCHIV — VATER</p>
+        <div class="timeline-track" id="timeline-track"></div>
+    </div>
+
+    <!-- NEWSTICKER FOOTER -->
+    <div id="newsticker">
+        <span class="ticker-label">// AKTE_VATER_LIVE</span>
+        <div class="ticker-track-wrap">
+            <div class="ticker-track" id="ticker-track-vater">
+                <!-- Wird per JS befüllt -->
+            </div>
+        </div>
+    </div>
+
+</div>
+<script>
+(function() {
+    const track = document.getElementById('timeline-track');
+    const events = [
+        { year: 1950, text: 'SYSTEM INITIALISIERT. Hydraulik-Meister V1.0 startet erstmals. Diagnostik: Stabil. Herkunft: Klassifiziert.', tag: 'BOOT // KLASSIFIZIERT', omega: false },
+        { year: 1960, text: 'ERSTE MECHANISCHE UPGRADES abgeschlossen. Handwerkliche Fähigkeiten auf OMEGA-LEVEL kalibriert. Präzision: 99.3%', tag: 'HARDWARE-UPDATE', omega: false },
+        { year: 1970, text: 'NETZWERK-VERBINDUNG mit Matriarchin-Modul hergestellt. Langzeit-Protokoll initialisiert. Stabilität: Bestätigt.', tag: 'NETZWERK-INITIALISIERUNG', omega: false },
+        { year: 1974, text: '⚡ KRITISCH: SYSTEM-AUSGABE REGISTRIERT. Der zukünftige Overlord (Sascha) wird erfolgreich kompiliert und in die Biosphäre integriert.', tag: 'OMEGA-KLASSE // KRITISCHES EREIGNIS', omega: true },
+        { year: 1981, text: 'ZWEITE SYSTEM-AUSGABE: Bruder-Knoten V1.0 geht online. Netzwerkkapazität erweitert. Chaos-Index leicht erhöht.', tag: 'NETZWERK-ERWEITERUNG', omega: false },
+        { year: 1983, text: 'DRITTE SYSTEM-AUSGABE: AETHER-SIBLING (Schwester) bootet erfolgreich. Clan-Netzwerk vollständig operational.', tag: 'NETZWERK-ERWEITERUNG', omega: false },
+        { year: 1995, text: 'HYDRAULIK-UPGRADE v3.0 installiert. Langzeitstabilität über 40 Jahre bestätigt. Wartungsintervalle: Unregelmäßig.', tag: 'WARTUNG // LANGZEIT', omega: false },
+        { year: 2000, text: 'MILLENNIUM-PROTOKOLL aktiviert. System läuft ohne kritische Fehler. Diagnose: Solide wie immer. Details: GESCHWÄRZT.', tag: 'SYSTEMCHECK', omega: false },
+        { year: 2025, text: 'STATUS: NOCH ONLINE. Alle Primärsysteme funktionsfähig. Erfahrungswert: MAXIMAL. Weitere Daten: NICHT AUTORISIERT.', tag: 'AKTUELL // KLASSIFIZIERT', omega: false },
+    ];
+    let isLeft = true;
+    events.forEach(ev => {
+        const node = document.createElement('div');
+        node.className = 'time-node ' + (isLeft ? 'left' : 'right');
+        const content = document.createElement('div');
+        content.className = 'time-content' + (ev.omega ? ' omega' : '');
+        content.innerHTML =
+            '<div class="tc-year' + (ev.omega ? ' omega-year' : '') + '">[ ' + ev.year + ' ]</div>' +
+            '<div class="tc-text">' + ev.text + '</div>' +
+            '<div class="tc-tag">' + ev.tag + '</div>';
+        node.appendChild(content);
+        track.appendChild(node);
+        isLeft = !isLeft;
+    });
+
+    <script>
+    (function() {
+        const track = document.getElementById('ticker-track-vater');
+        const tickerItems = [
+            "DESIGNATION: HYDRAULIK-MEISTER V1.0",
+            "STATUS: NOCH ONLINE",
+            "ERFAHRUNG: MAXIMAL",
+            "SICHERHEITSSTUFE: KLASSIFIZIERT",
+            "SPEZIALISIERUNG: PRÄZISIONS-MECHANIK",
+            "STABILITÄT: WIE STAHL",
+            "NETZWERK: CLAN-FUNDAMENT",
+            "AKTIVITÄT: DAUERHAFT ÜBERWACHT"
+        ];
+
+        [...tickerItems, ...tickerItems].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+    </script>
+    <?php wp_footer(); ?>
+    </body>
+    </html>

layouts/_default/baseof.html

@@ -0,0 +1,25 @@
+<!DOCTYPE html>
+<html lang="{{ .Site.LanguageCode }}">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>{{ .Title }} | {{ .Site.Title }}</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="{{ if .IsHome }}home-page{{ end }} {{ if eq .Section "personen" }}bg-steampunk{{ end }} {{ block "body_class" . }}{{ end }}">
+    <!-- BACKGROUND GEARS -->
+    <div class="bg-gear gear-left">⚙</div>
+    <div class="bg-gear gear-right">⚙</div>
+
+    {{ partial "header.html" . }}
+    
+    <main class="container">
+        {{ block "main" . }}{{ end }}
+    </main>
+
+    {{ partial "footer.html" . }}
+    {{ partial "ticker.html" . }}
+
+    <script src="/js/script.js"></script>
+</body>
+</html>

layouts/_default/single.html

@@ -0,0 +1,212 @@
+{{ define "main" }}
+<div class="person-page-wrapper visible" style="padding-bottom: 100px; opacity: 1 !important;">
+    
+    <!-- Oben: Die runden Thumbnails -->
+    {{ partial "person_nav.html" . }}
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="text-align: center; margin-bottom: 20px;">
+            <h1 style="color: #ff4500; letter-spacing: 10px; font-size: 2.2rem; text-shadow: 0 0 20px rgba(255,69,0,0.3); font-family: 'Courier New', monospace; margin-top: 10px;">{{ .Title | upper }}</h1>
+            <p style="color: rgba(212,175,55,0.5); font-family: 'Courier New', monospace; letter-spacing: 3px; font-size: 0.8rem;">// DATENSTROM & CHRONIK</p>
+        </header>
+
+        <!-- DIE SCHÖNE STEAMPUNK TIMELINE -->
+        <div class="timeline-track">
+            {{ range $index, $element := .Params.events }}
+            {{ $side := "right" }}{{ if (mod $index 2) }}{{ $side = "left" }}{{ end }}
+            <div class="time-node {{ $side }} {{ if .omega }}omega{{ end }}">
+                <div class="time-content {{ if .omega }}omega-node{{ end }}">
+                    <div class="tc-header">
+                        <span class="tc-year">[ {{ .year }} ]</span>
+                        {{ if .tag }}<span class="tc-tag">{{ .tag }}</span>{{ end }}
+                    </div>
+                    <p>{{ .text }}</p>
+                </div>
+            </div>
+            {{ end }}
+        </div>
+
+        <!-- DAS GROSSE STEAMPUNK-SCHILD -->
+        <div class="akte-sign-container" style="text-align: center; margin-top: 100px;">
+            {{ if eq .Title "RODE, SASCHA" }}
+            <button class="mega-akte-btn sascha-special" 
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';"
+                    style="background-image: url('/img/hp_akte.jpeg'); width: 580px; height: 320px;">
+            </button>
+            {{ else if eq .Title "Mutti" }}
+            <button class="mega-akte-btn mutti-special" 
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';"
+                    style="background-image: url('/img/hp_akte_mutti_1.jpeg'); width: 500px; height: 280px;">
+            </button>
+            {{ else }}
+            <button class="mega-akte-btn default-btn" 
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';"
+                    style="background: linear-gradient(135deg, #2a1b0a 0%, #000 100%); border: 4px double #b87333; color: #d4af37; padding: 40px 80px; cursor: pointer; position: relative; box-shadow: 0 0 40px rgba(0,0,0,0.8); display: inline-flex; flex-direction: column; align-items: center; font-family: 'Courier New', monospace;">
+                <span style="color: #b87333; font-size: 1.5rem; letter-spacing: 10px; margin-bottom: 15px;">⚙ ⚙ ⚙</span>
+                <span style="font-size: 0.7rem; letter-spacing: 5px; color: rgba(212,175,55,0.6); text-transform: uppercase;">ZENTRAL-ARCHIV ZUGRIFF</span>
+                <span style="font-size: 2.2rem; font-weight: bold; letter-spacing: 12px; margin: 15px 0; color: #ff4500; text-shadow: 0 0 15px rgba(255,69,0,0.4);">AKTE: {{ .Title | upper }}</span>
+                <span style="font-size: 0.75rem; border-top: 1px solid rgba(212,175,55,0.3); padding-top: 15px; width: 100%; letter-spacing: 2px;">STATUS: {{ .Params.status | default "KLASSIFIZIERT" }}</span>
+                <span style="color: #b87333; font-size: 1.5rem; letter-spacing: 10px; margin-top: 15px;">⚙ ⚙ ⚙</span>
+            </button>
+            {{ end }}
+        </div>
+    </div>
+</div>
+
+<!-- DAS ECHTE ABGEWETZTE PAPIER AKTE MODAL -->
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <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,0.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,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.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,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        <!-- Top Header Bar -->
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px;">
+            <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,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.7rem !important;">[X] SCHLIESSEN</button>
+        </div>
+
+        <div style="display: flex; gap: 20px; align-items: flex-start;">
+            <!-- Left: Photo -->
+            <div style="position: relative; border: 1px solid #2a1b0a; padding: 3px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.2);">
+                {{ $photo := .Params.img | default "/img/hero.png" }}
+                <img src="{{ $photo }}" 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: bold; font-size: 0.6rem !important; transform: rotate(-5deg);">GESPERRT</div>
+            </div>
+
+            <!-- ZOOM OVERLAY -->
+            <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,0.92); align-items:center; justify-content:center; cursor:zoom-out;">
+                <img src="{{ $photo }}" style="max-width:90vw; max-height:90vh; object-fit:contain; box-shadow: 0 0 60px rgba(0,0,0,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            <!-- Right: Main Info -->
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">{{ .Title | upper }}</h1>
+                <p style="color: #5d4037; font-size: 0.7rem !important; margin: 5px 0 10px;">ALIAS: {{ .Params.alias | upper }}</p>
+                
+                <div style="display: flex; gap: 10px;">
+                    <div style="border: 1px solid #b71c1c; padding: 2px 8px; color: #b71c1c; font-size: 0.6rem !important; font-weight: bold;">STATUS: {{ .Params.status | upper }}</div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">GEFAHR: <span style="letter-spacing: 1px;">{{ .Params.gefahr }}</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>
+
+        <!-- Data Table -->
+        <div style="margin-top: 20px; border-top: 2px solid rgba(42,27,10,0.2);">
+            {{ $data := slice 
+                (dict "l" "DESIGNATION" "v" .Title)
+                (dict "l" "GEBURTSDATUM" "v" $.Params.geburtsjahr "c" true)
+                (dict "l" "BESCHÄFTIGUNG" "v" $.Params.occupation)
+                (dict "l" "SPEZIALFÄHIGK." "v" $.Params.spezialfaehigkeit)
+                (dict "l" "BEKANNTE KOMPL." "v" $.Params.komplizen "c" true)
+                (dict "l" "LETZTE AKTIVITÄT" "v" "GERADE JETZT")
+                (dict "l" "STABILITÄT" "v" $.Params.stabilitaet)
+                (dict "l" "STANDORT" "v" $.Params.standort)
+            }}
+            {{ range $data }}
+            <div class="data-row" style="display: flex; align-items: center;">
+                <div class="label" style="width: 160px; letter-spacing: 1px;">{{ .l }}:</div>
+                <div style="flex: 1; font-weight: normal;">
+                    {{ .v }}
+                    {{ if .c }}<span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); margin-left: 5px; padding: 0 10px;">XXXXX</span>{{ end }}
+                </div>
+            </div>
+            {{ end }}
+        </div>
+
+        <!-- Footer Elements -->
+        <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: 0.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 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.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: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .mega-akte-btn:hover { border-color: #ff4500 !important; transform: scale(1.05); transition: all 0.2s; }
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+    
+    .sascha-special, .mutti-special {
+        background-position: center;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-color: transparent;
+        border: none;
+        cursor: pointer;
+        position: relative;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        transition: all 0.3s ease;
+        mix-blend-mode: screen;
+    }
+    
+    .sascha-special:hover, .mutti-special:hover { 
+        transform: scale(1.02) !important; 
+        filter: brightness(1.2); 
+    }
+    
+    /* OMEGA PULSE ANIMATION (VIBRATING & BLINKING) */
+    .time-node.omega .time-content {
+        border: 2px solid #ff4500 !important;
+        box-shadow: inset 0 0 30px rgba(255, 69, 0, 0.4), 0 0 20px rgba(255, 0, 0, 0.6);
+        animation: omega-pulse 1s infinite alternate, omega-shake 0.1s infinite;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 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 15px #ff4500, 0 0 25px rgba(255, 69, 0, 0.6);
+        animation: omega-dot-pulse 0.8s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.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% { transform: scale(1); box-shadow: 0 0 10px #ff4500; filter: brightness(1); }
+        100% { transform: scale(1.4); box-shadow: 0 0 25px #ff0000, 0 0 40px rgba(255, 0, 0, 0.8); filter: brightness(1.5); }
+    }
+    @keyframes omega-pulse {
+        0% { box-shadow: inset 0 0 30px rgba(255, 69, 0, 0.4), 0 0 20px rgba(255, 0, 0, 0.6); border-color: rgba(255, 69, 0, 0.5); }
+        100% { box-shadow: inset 0 0 60px rgba(255, 69, 0, 0.9), 0 0 40px rgba(255, 0, 0, 1); border-color: #ff4500; }
+    }
+    @keyframes omega-shake {
+        0%, 100% { transform: translate(0, 0); }
+        25% { transform: translate(1px, 1px); }
+        50% { transform: translate(-1px, -1px); }
+        75% { transform: translate(1px, -1px); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+{{ end }}

layouts/index.html

@@ -0,0 +1,129 @@
+{{ define "main" }}
+<div class="main-content">
+<!-- STARTSEITE: KI-LABOR -->
+<header>
+    <h1 style="color: #ff4500; font-size: 2.5rem; letter-spacing: 8px; text-shadow: 0 0 20px rgba(255,69,0,0.4);">SASCHAS ZENTRUM FÜR DIGITALE ANARCHIE</h1>
+    <p class="tagline" style="color: #d4af37; font-size: 1.1rem; letter-spacing: 3px;">Beruf: Geisteskrank & Gemini Player</p>
+    <div class="warning-box" style="border: 1px dashed #ff4500; padding: 15px; margin: 20px auto; max-width: 600px; color: #ff4500; font-size: 0.8rem;">
+        ⚠ VORSICHT: INSTABILE ALGORITHMEN. BETRETEN AUF EIGENE GEFAHR. <br>
+        KEINE HAFTUNG FÜR DATENVERLUST ODER EXISTENZIELLE KRISEN.
+    </div>
+</header>
+
+<div class="reboot-container" style="text-align: center; margin-bottom: 10px;">
+    <a href="/" style="color: #444; font-size: 0.7rem; text-decoration: none; border: 1px solid #222; padding: 2px 10px; text-transform: uppercase; letter-spacing: 2px;">[ Manual System Reboot ]</a>
+</div>
+
+<!-- PERSONEN NAVIGATION (Über dem Bild) -->
+<div style="margin-bottom: 20px; padding-top: 10px;">
+    <p style="text-align: center; color: #444; font-size: 0.6rem; letter-spacing: 5px;">// ZENTRAL-ARCHIV ZUGRIFF</p>
+    {{ partial "person_nav.html" . }}
+</div>
+
+<div style="text-align: center; margin-bottom: 30px;">
+    <img src="/img/hero.png" class="hero-image" alt="Steampunk Sascha" style="border: 2px solid #3d2b1f; box-shadow: 0 0 30px rgba(0,0,0,0.5); max-width: 900px; width: 100%;">
+</div>
+
+<div class="control-panel">
+    <button class="switch-btn" data-mode="kernel">KI-KERNEL</button>
+    <button class="switch-btn green" data-mode="anarchy">ANARCHIE-MODE</button>
+    <button class="switch-btn blue" data-mode="bypass">SECURITY-BYPASS</button>
+    <button class="switch-btn purple" data-mode="scan">DEEP SCAN</button>
+    <button class="switch-btn red" data-mode="overdrive">OVERDRIVE</button>
+</div>
+
+<!-- OPS DASHBOARD (EXAKT NACH SCREENSHOT) -->
+<div id="ops-dashboard-sign" style="background: rgba(20,0,0,0.8); border: 1px solid #600; padding: 20px; margin: 40px auto 0; max-width: 900px; font-family: 'Courier New', monospace; color: #f00; text-align: center; box-shadow: inset 0 0 20px rgba(255,0,0,0.1);">
+    <div class="ops-sign-header" style="margin-bottom: 15px; display: flex; justify-content: center; align-items: center; gap: 15px;">
+        <span class="ops-blink-dot" style="width: 8px; height: 8px; background: #f00; border-radius: 50%; display: inline-block; animation: blinker 1s infinite;"></span>
+        <span class="ops-title" style="letter-spacing: 5px; font-size: 0.9rem; font-weight: bold;">● CHIRURGISCHES OPS-DASHBOARD ●</span>
+        <span class="ops-blink-dot" style="width: 8px; height: 8px; background: #f00; border-radius: 50%; display: inline-block; animation: blinker 1s infinite;"></span>
+    </div>
+    <div class="ops-sign-stats" style="display: flex; justify-content: center; align-items: center; gap: 30px; margin-bottom: 10px;">
+        <div class="ops-stat-block">
+            <div style="font-size: 0.6rem; color: #666; margin-bottom: 5px;">HEUTE</div>
+            <div style="font-size: 1.2rem; letter-spacing: 2px;">|||</div>
+            <div style="font-size: 0.9rem;">3 OPS</div>
+        </div>
+        <span style="color: #444; font-size: 1.2rem;">◈</span>
+        <div class="ops-stat-block">
+            <div style="font-size: 0.6rem; color: #666; margin-bottom: 5px;">ERFOLGE</div>
+            <div style="font-size: 1.2rem; letter-spacing: 2px;">|½</div>
+            <div style="font-size: 0.9rem; color: #d4af37;">1.5</div>
+        </div>
+        <span style="color: #444; font-size: 1.2rem;">◈</span>
+        <div class="ops-stat-block">
+            <div style="font-size: 0.6rem; color: #666; margin-bottom: 5px;">RESTE</div>
+            <div style="font-size: 0.9rem; color: #f00;">KUEHLHAUS C</div>
+        </div>
+    </div>
+    <div style="font-size: 0.6rem; color: #444; margin-top: 10px; letter-spacing: 2px;">[ PROTOKOLL EINSEHEN ]</div>
+</div>
+
+<!-- SCHWARZES TERMINAL / SYSTEM LOG -->
+<div id="terminal-container" style="margin-top: 20px; max-width: 900px; margin-left: auto; margin-right: auto;">
+    <div style="background: #000; border: 1px solid #1a1a1a; padding: 20px; font-family: 'Courier New', monospace; box-shadow: inset 0 0 20px rgba(0,255,65,0.03);">
+        <div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; border-bottom: 1px solid #1a1a1a; padding-bottom: 10px;">
+            <span style="color: #333; font-size: 0.65rem; letter-spacing: 3px;">// SYSTEM_LOG_FEED</span>
+            <span id="fortune-trigger" style="color: #222; font-size: 0.6rem; letter-spacing: 2px; cursor: pointer; border: 1px solid #1a1a1a; padding: 2px 10px;">[ ORAKEL ]</span>
+        </div>
+        <div id="fortune-text" style="color: #333; font-size: 0.7rem; min-height: 20px; margin-bottom: 15px; font-style: italic;"></div>
+        <div id="log-output" style="color: #0f0; font-size: 0.75rem; height: 220px; overflow-y: auto; margin-bottom: 15px; display: flex; flex-direction: column-reverse;"></div>
+        <div style="display: flex; align-items: center; border-top: 1px solid #1a1a1a; padding-top: 10px;">
+            <span style="color: #ff4500; font-size: 0.75rem; margin-right: 8px;">sascha@ki-labor:~$</span>
+            <input id="terminal-input" type="text" style="flex: 1; background: transparent; border: none; color: #0f0; font-family: 'Courier New', monospace; font-size: 0.75rem; outline: none;" placeholder="befehl eingeben... (help)">
+        </div>
+    </div>
+</div>
+
+<!-- PROJEKT-ARCHIV -->
+<div id="terminal-container" style="margin-top: 5px;">
+
+<div class="content-box">
+    <div class="content-header" style="display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px;">
+        <h2 style="margin: 0;">PROJEKT-ARCHIV</h2>
+        <div class="filter-controls">
+            <button class="filter-btn active" data-filter="all">ALLE</button>
+            <button class="filter-btn" data-filter="stable">STABIL</button>
+            <button class="filter-btn" data-filter="corrupted">KRITISCH</button>
+            <a href="/mac-nerds/" class="filter-btn" style="color: #0f0; border-color: rgba(0,255,65,0.4); text-decoration: none;">MAC NERDS</a>
+        </div>
+    </div>
+    
+    <div class="portfolio-grid" id="main-grid">
+        {{ range .Site.RegularPages }}
+            {{ if eq .Section "posts" }}
+            <a href="{{ .RelPermalink }}" class="portfolio-link project-card" data-category="{{ .Params.status_class | default "stable" }}">
+                <div class="portfolio-item">
+                    <span class="status-tag {{ .Params.status_class | default "stable" }}">
+                        {{ .Params.status_label | default "AKTIV" }}
+                    </span>
+                    <div class="project-header-wrap">
+                        {{ if .Params.thumb }}
+                            <img src="{{ .Params.thumb }}" class="project-thumb" alt="Preview">
+                        {{ end }}
+                        <h3>{{ .Title }}</h3>
+                    </div>
+                    <div class="item-excerpt">
+                        {{ .Summary }}
+                    </div>
+                </div>
+            </a>
+            {{ end }}
+        {{ end }}
+    </div>
+</div>
+
+<!-- Ende main-content -->
+
+<!-- BOOT SCREEN -->
+<div id="boot-screen">
+    <div id="boot-log"></div>
+</div>
+
+<style>
+    @keyframes blinker {
+        50% { opacity: 0; }
+    }
+</style>
+{{ end }}

layouts/partials/footer.html

@@ -0,0 +1,5 @@
+<footer class="main-footer">
+    <div class="footer-inner">
+        <p>&copy; {{ now.Format "2006" }} {{ .Site.Params.author }} | DIGITALE ANARCHIE | POWERED BY HUGO</p>
+    </div>
+</footer>

layouts/partials/header.html

@@ -0,0 +1,4 @@
+<script>document.body.classList.add('js-enabled');</script>
+<header class="main-header">
+   
+</header>

layouts/partials/person_nav.html

@@ -0,0 +1,46 @@
+<div class="person-nav-container" style="display: flex; flex-direction: column; align-items: center; gap: 30px; margin: 40px 0;">
+    {{ if eq .Section "personen" }}
+    <a href="/" class="person-back" style="display: inline-block; color: #ff4500; font-size: 0.7rem; font-weight: bold; letter-spacing: 3px; text-decoration: none; font-family: 'Courier New', monospace; border: 2px solid #ff4500; padding: 7px 20px; transition: all 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275); transform: rotate(8deg); background: rgba(0,0,0,0.8); box-shadow: 0 0 12px rgba(255,69,0,0.4), inset 0 0 8px rgba(255,69,0,0.2); text-transform: uppercase; margin-bottom: -10px;">
+        ⚡ ZURÜCK ZUR BASIS ⚡
+    </a>
+    {{ end }}
+    
+    <div class="person-nav-row" style="display: flex; justify-content: center; align-items: center; gap: 35px; flex-wrap: wrap; position: relative;">
+    {{ $persons := slice "mutti" "vater" "bruder" "schwester" "sascha" "sven" }}
+    {{ range $persons }}
+        {{ $id := . }}
+        {{ $name := . | upper }}
+        {{ $img := "" }}
+        {{ if eq $id "mutti" }}{{ $img = "/img/comicFigures/hp_mutti_comic_1.jpeg" }}{{ end }}
+        {{ if eq $id "bruder" }}{{ $img = "/img/comicFigures/hp_freddy_comic_1.png" }}{{ end }}
+        {{ if eq $id "sascha" }}{{ $img = "/img/comicFigures/hp_sascha_comic_1.jpeg" }}{{ end }}
+        {{ if eq $id "sven" }}{{ $img = "/img/comicFigures/hp_sven_comic_1.jpeg" }}{{ end }}
+        {{ if eq $id "vater" }}{{ $img = "/img/comicFigures/hp_vater_comic_1.png" }}{{ end }}
+        {{ if eq $id "schwester" }}{{ $img = "/img/comicFigures/hp_meli_comic_1.png" }}{{ end }}
+        
+        <a href="/personen/{{ $id }}/" 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: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.2);">
+                {{ if $img }}
+                    <img src="{{ $img }}" alt="{{ $name }}" style="width: 100%; height: 100%; object-fit: cover;">
+                {{ else }}
+                    {{ substr $name 0 1 }}
+                {{ end }}
+            </div>
+            <span class="person-nav-label" style="margin-top: 8px; font-size: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">{{ $name }}</span>
+        </a>
+    {{ end }}
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back:hover { 
+        transform: rotate(0deg) scale(1.1) !important; 
+        color: #ff0000 !important; 
+        border-color: #ff0000 !important; 
+        box-shadow: 0 0 25px #ff4500 !important;
+        background: rgba(255, 69, 0, 0.1) !important;
+    }
+</style>

layouts/partials/ticker.html

@@ -0,0 +1,44 @@
+<!-- GLOBAL HUGO TICKER 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,0.92) !important; border-top:1px solid rgba(255,69,0,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:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// 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:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.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,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "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"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>

public/anarchie/index.html

@@ -0,0 +1,461 @@
+<!DOCTYPE html>
+<html lang="de-de">
+<head><script src="/livereload.js?mindelay=10&amp;v=2&amp;port=1313&amp;path=livereload" data-no-instant defer></script>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Anarchie Test | DIGITALE ANARCHIE | KI-LABOR</title>
+    <link rel="stylesheet" href="/css/style.css">
+</head>
+<body class="  ">
+    
+    <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 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: 30px; margin: 40px 0;">
+    
+    
+    <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: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.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: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">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: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.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: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">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: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.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: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">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: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.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: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">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: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.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: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">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: bold; font-size: 1.2rem; box-shadow: 0 0 10px rgba(212,175,55,0.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: 0.85rem; letter-spacing: 1px; color: rgba(212,175,55,0.6); font-family: 'Courier New', monospace; font-weight: bold;">SVEN</span>
+        </a>
+    
+    </div>
+</div>
+
+<style>
+    .person-nav-item { display: flex; flex-direction: column; align-items: center; text-decoration: none; transition: transform 0.2s; }
+    .person-nav-item:hover { transform: scale(1.1); }
+    .person-nav-item:hover .person-nav-label { color: #d4af37 !important; }
+    .person-back:hover { 
+        transform: rotate(0deg) scale(1.1) !important; 
+        color: #ff0000 !important; 
+        border-color: #ff0000 !important; 
+        box-shadow: 0 0 25px #ff4500 !important;
+        background: rgba(255, 69, 0, 0.1) !important;
+    }
+</style>
+
+
+    <div class="container" style="max-width: 900px; margin: 0 auto; padding: 0 20px;">
+        <header style="text-align: center; margin-bottom: 20px;">
+            <h1 style="color: #ff4500; letter-spacing: 10px; font-size: 2.2rem; text-shadow: 0 0 20px rgba(255,69,0,0.3); font-family: 'Courier New', monospace; margin-top: 10px;">ANARCHIE TEST</h1>
+            <p style="color: rgba(212,175,55,0.5); font-family: 'Courier New', monospace; letter-spacing: 3px; font-size: 0.8rem;">// DATENSTROM & CHRONIK</p>
+        </header>
+
+        
+        <div class="timeline-track">
+            
+            
+            <div class="time-node right ">
+                <div class="time-content ">
+                    <div class="tc-header">
+                        <span class="tc-year">[ 2026 ]</span>
+                        <span class="tc-tag">TEST-SUCCESS</span>
+                    </div>
+                    <p>Wenn dieser Text rechts oder links versetzt erscheint, haben wir gewonnen.</p>
+                </div>
+            </div>
+            
+        </div>
+
+        
+        <div class="akte-sign-container" style="text-align: center; margin-top: 100px;">
+            
+            <button class="mega-akte-btn default-btn" 
+                    onclick="document.getElementById('person-akte-modal').style.display='flex'; document.body.style.overflow='hidden';"
+                    style="background: linear-gradient(135deg, #2a1b0a 0%, #000 100%); border: 4px double #b87333; color: #d4af37; padding: 40px 80px; cursor: pointer; position: relative; box-shadow: 0 0 40px rgba(0,0,0,0.8); display: inline-flex; flex-direction: column; align-items: center; font-family: 'Courier New', monospace;">
+                <span style="color: #b87333; font-size: 1.5rem; letter-spacing: 10px; margin-bottom: 15px;">⚙ ⚙ ⚙</span>
+                <span style="font-size: 0.7rem; letter-spacing: 5px; color: rgba(212,175,55,0.6); text-transform: uppercase;">ZENTRAL-ARCHIV ZUGRIFF</span>
+                <span style="font-size: 2.2rem; font-weight: bold; letter-spacing: 12px; margin: 15px 0; color: #ff4500; text-shadow: 0 0 15px rgba(255,69,0,0.4);">AKTE: ANARCHIE TEST</span>
+                <span style="font-size: 0.75rem; border-top: 1px solid rgba(212,175,55,0.3); padding-top: 15px; width: 100%; letter-spacing: 2px;">STATUS: KLASSIFIZIERT</span>
+                <span style="color: #b87333; font-size: 1.5rem; letter-spacing: 10px; margin-top: 15px;">⚙ ⚙ ⚙</span>
+            </button>
+            
+        </div>
+    </div>
+</div>
+
+
+<div id="person-akte-modal" style="position: fixed; inset: 0; z-index: 1000000; background: rgba(0,0,0,0.85); display: none; align-items: center; justify-content: center; padding: 10px; overflow: hidden; perspective: 1000px;">
+    <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,0.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,0.8), inset 0 0 100px rgba(139,115,85,0.3); transform: rotate(-2deg); animation: throw-sign 0.5s ease-out forwards; color: #2a1b0a;">
+        
+        <style>
+            @keyframes throw-sign {
+                0% { transform: rotate(-10deg) scale(0.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,0.2); }
+            .akte-inner div, .akte-inner p { font-size: 0.75rem !important; }
+            .akte-inner .data-row { border-bottom: 1px solid rgba(42,27,10,0.1) !important; padding: 6px 0 !important; }
+            .akte-inner .label { color: #5d4037 !important; font-weight: bold; }
+            .akte-inner .red-stamp { border: 2px solid #b71c1c; color: #b71c1c; padding: 3px 10px; font-weight: bold; transform: rotate(10deg); opacity: 0.8; font-size: 0.8rem !important; display: inline-block; }
+        </style>
+        
+        
+        <div style="display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px;">
+            <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,0.1); border: 1px solid #2a1b0a; color: #2a1b0a; cursor: pointer; padding: 3px 10px; font-size: 0.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,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: bold; font-size: 0.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,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,0.9); border: 2px solid #2a1b0a;">
+            </div>
+
+            
+            <div style="flex: 1;">
+                <div style="font-size: 0.5rem !important; color: #5d4037; letter-spacing: 2px; margin-bottom: 2px;">PROTOKOLL NR. 1974-Ø</div>
+                <h1 style="font-weight: bold;">ANARCHIE TEST</h1>
+                <p style="color: #5d4037; font-size: 0.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: 0.6rem !important; font-weight: bold;">STATUS: </div>
+                    <div style="color: #2a1b0a; font-size: 0.6rem !important; font-weight: bold;">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,0.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: normal;">
+                    Anarchie Test
+                    
+                </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: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); 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: normal;">
+                    
+                    
+                </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: normal;">
+                    
+                    
+                </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: normal;">
+                    
+                    <span style="background: rgba(0,0,0,0.8); color: rgba(0,0,0,0); 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: normal;">
+                    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: normal;">
+                    
+                    
+                </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: normal;">
+                    
+                    
+                </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: 0.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 50 Q50 10 70 50 T30 50 Z"/></svg>
+                </div>
+                <div style="font-size: 0.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: 0.75rem !important; letter-spacing: 2px; color: #5d4037; border: 1px dashed #2a1b0a; padding: 2px 10px;">ARCHIV_PERMANENT</div>
+        </div>
+    </div>
+    </div>
+</div>
+
+<style>
+    .mega-akte-btn:hover { border-color: #ff4500 !important; transform: scale(1.05); transition: all 0.2s; }
+    .akte-foto { transition: transform 0.2s, box-shadow 0.2s; }
+    .akte-foto:hover { transform: scale(1.04); box-shadow: 0 0 15px rgba(184,115,51,0.7); }
+    
+    .sascha-special, .mutti-special {
+        background-position: center;
+        background-size: contain;
+        background-repeat: no-repeat;
+        background-color: transparent;
+        border: none;
+        cursor: pointer;
+        position: relative;
+        display: inline-flex;
+        justify-content: center;
+        align-items: center;
+        transition: all 0.3s ease;
+        mix-blend-mode: screen;
+    }
+    
+    .sascha-special:hover, .mutti-special:hover { 
+        transform: scale(1.02) !important; 
+        filter: brightness(1.2); 
+    }
+    
+     
+    .time-node.omega .time-content {
+        border: 2px solid #ff4500 !important;
+        box-shadow: inset 0 0 30px rgba(255, 69, 0, 0.4), 0 0 20px rgba(255, 0, 0, 0.6);
+        animation: omega-pulse 1s infinite alternate, omega-shake 0.1s infinite;
+        background: linear-gradient(135deg, rgba(80, 20, 10, 0.95), rgba(30, 0, 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 15px #ff4500, 0 0 25px rgba(255, 69, 0, 0.6);
+        animation: omega-dot-pulse 0.8s infinite alternate ease-in-out;
+    }
+    .node-dot {
+        box-shadow: 0 0 8px rgba(212, 175, 55, 0.4);
+        transition: all 0.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% { transform: scale(1); box-shadow: 0 0 10px #ff4500; filter: brightness(1); }
+        100% { transform: scale(1.4); box-shadow: 0 0 25px #ff0000, 0 0 40px rgba(255, 0, 0, 0.8); filter: brightness(1.5); }
+    }
+    @keyframes omega-pulse {
+        0% { box-shadow: inset 0 0 30px rgba(255, 69, 0, 0.4), 0 0 20px rgba(255, 0, 0, 0.6); border-color: rgba(255, 69, 0, 0.5); }
+        100% { box-shadow: inset 0 0 60px rgba(255, 69, 0, 0.9), 0 0 40px rgba(255, 0, 0, 1); border-color: #ff4500; }
+    }
+    @keyframes omega-shake {
+        0%, 100% { transform: translate(0, 0); }
+        25% { transform: translate(1px, 1px); }
+        50% { transform: translate(-1px, -1px); }
+        75% { transform: translate(1px, -1px); }
+    }
+    @keyframes omega-dot-blink {
+        50% { opacity: 0; transform: scale(1.5); }
+    }
+</style>
+
+    </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,0.92) !important; border-top:1px solid rgba(255,69,0,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:0.6rem; letter-spacing:2px; color:rgba(255,69,0,0.7); padding:0 15px; border-right:1px solid rgba(255,69,0,0.2); white-space:nowrap; height:100%; display:flex; align-items:center; background:rgba(255,69,0,0.05);">// 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:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;">[ HUGO SYSTEM INITIALISIERT... ]</span>
+            <span class="ticker-item" style="font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.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,0.5); }
+    .ticker-track:hover { animation-play-state: paused; }
+</style>
+
+<script>
+    (function() {
+        const track = document.getElementById('ticker-track-global');
+        if (!track) return;
+        const ITEMS = [
+            "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"
+        ];
+        track.innerHTML = '';
+        [...ITEMS, ...ITEMS].forEach(text => {
+            const span = document.createElement('span');
+            span.className = 'ticker-item';
+            span.style.cssText = "font-size:0.65rem; letter-spacing:1px; color:rgba(212,175,55,0.7); padding:0 30px; text-transform:uppercase;";
+            span.textContent = text;
+            track.appendChild(span);
+        });
+    })();
+</script>
+
+
+    <script src="/js/script.js"></script>
+</body>
+</html>

public/categories/index.xml

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8" standalone="yes"?>
+<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
+  <channel>
+    <title>Categories on DIGITALE ANARCHIE | KI-LABOR</title>
+    <link>//localhost:1313/categories/</link>
+    <description>Recent content in Categories on DIGITALE ANARCHIE | KI-LABOR</description>
+    <generator>Hugo</generator>
+    <language>de-de</language>
+    <atom:link href="//localhost:1313/categories/index.xml" rel="self" type="application/rss+xml" />
+  </channel>
+</rss>

public/img/freddy.txt

@@ -0,0 +1,9 @@
+Geboren: 1981
+
+Leidenschaftlicher schrauber, kein auto ist vor ihm sicher.
+
+
+
+Fährt gerne schnell, hat ein mottorad
+
+Momentaner Status: Lagerarbeiter, 1 Kind(Leni) und verheiratet mit Mary.