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.
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.
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.
// SYS_FEED
diff --git a/html/wp-content/themes/ki-labor/page-overlords.php b/html/wp-content/themes/ki-labor/page-overlords.php
new file mode 100644
index 0000000..657cbe8
--- /dev/null
+++ b/html/wp-content/themes/ki-labor/page-overlords.php
@@ -0,0 +1,363 @@
+
+
+
+
+
+
OVERLORDS | DIGITALE ANARCHIE
+
+
+
+
+
+
+
+
+
+
+
+
+ '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 '
';
+ echo '
![' . $ol['name'] . '](' . $ol['img'] . ')
';
+ echo '
';
+ echo '
' . $ol['status'] . '';
+ echo '
' . $ol['name'] . '
';
+ echo '
' . $ol['role'] . '
';
+ echo '
' . $ol['desc'] . '
';
+ echo '
';
+ echo '
';
+ }
+ ?>
+
+
+
+
+
+
+
+
+
diff --git a/html/wp-content/themes/ki-labor/script.js b/html/wp-content/themes/ki-labor/script.js
index c201eec..110cae7 100644
--- a/html/wp-content/themes/ki-labor/script.js
+++ b/html/wp-content/themes/ki-labor/script.js
@@ -687,7 +687,7 @@
document.body.classList.remove('mode-time-warp');
const personName = card.querySelector('h3').innerText;
timelineTitle.innerText = "HISTORISCHES ARCHIV: " + personName;
- generateTimeline();
+ // Timeline moved to Overlords page
timelineModal.classList.remove('timeline-hidden');
log('>> TEMPORAL SHIFT COMPLETE.', 'ok');
}, 1200);
@@ -701,69 +701,7 @@
});
}
- 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 isLeft = true;
-
- yearsToRender.forEach(year => {
- const node = document.createElement('div');
- node.className = 'time-node ' + (isLeft ? 'left' : 'right');
-
- const content = document.createElement('div');
- content.className = 'time-content';
-
- if(specialEvents[year]) {
- content.classList.add('omega-node');
- content.innerHTML =
- '' +
- '
[ ' + year + ' ]
' +
- '
⚡ KRITISCHES SYSTEMEREIGNIS ⚡
' + specialEvents[year] + '
' +
- '';
- } else {
- const bgStory = events[Math.floor(Math.random() * events.length)];
- const akteNr = Math.floor(Math.random()*9000)+1000;
- content.innerHTML =
- '' +
- '
[ ' + year + ' ]
' +
- '
' + bgStory + ' Weitere Datenquellen als OMEGA-KLASSE klassifiziert.
' +
- '';
- }
-
- node.appendChild(content);
- timelineTrack.appendChild(node);
-
- isLeft = !isLeft;
- });
- }
+ // Timeline function moved to Overlords page
}
// --- GÄSTEBUCH ---
@@ -949,6 +887,31 @@
document.addEventListener('keydown', (e) => { if (e.key === 'Escape') closeAkte(); });
})();
+// ═══════════════════════════════════════
+// SYS WIDGET TOGGLE
+// ═══════════════════════════════════════
+(function() {
+ const sysWidget = document.getElementById('sys-widget');
+ const sysToggle = document.getElementById('sys-toggle');
+ const sysArrow = document.getElementById('sys-toggle-arrow');
+
+ if (!sysWidget || !sysToggle || !sysArrow) return;
+
+ function toggleSysWidget() {
+ const isHidden = sysWidget.classList.contains('hidden');
+ if (isHidden) {
+ sysWidget.classList.remove('hidden');
+ sysArrow.style.display = 'none';
+ } else {
+ sysWidget.classList.add('hidden');
+ sysArrow.style.display = 'block';
+ }
+ }
+
+ sysToggle.addEventListener('click', toggleSysWidget);
+ sysArrow.addEventListener('click', toggleSysWidget);
+})();
+
// ═══════════════════════════════════════
// SYSTEM STATUS WIDGET
// ═══════════════════════════════════════
diff --git a/html/wp-content/themes/ki-labor/style.css b/html/wp-content/themes/ki-labor/style.css
index 52378c3..5e91542 100644
--- a/html/wp-content/themes/ki-labor/style.css
+++ b/html/wp-content/themes/ki-labor/style.css
@@ -1777,6 +1777,11 @@ body.mode-time-warp {
margin-bottom: 10px;
text-align: center;
}
+#sys-widget.hidden {
+ opacity: 0;
+ pointer-events: none;
+ transition: opacity 0.3s;
+}
.sys-metric {
display: flex;
align-items: center;
@@ -2030,3 +2035,167 @@ footer { padding-bottom: 30px; }
}
.mn-copy-btn:hover { background: rgba(0,255,65,0.05); color: rgba(0,255,65,0.8); }
.mn-copy-btn.mn-copy-ok { color: rgba(0,255,65,1); background: rgba(0,255,65,0.08); }
+
+/* ═══════════════════════════════════════ */
+/* OVERLORDS PAGE STYLES */
+/* ═══════════════════════════════════════ */
+
+.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-family: 'Courier New', monospace;
+ 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;
+ font-family: 'Courier New', monospace;
+ 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;
+ font-family: 'Courier New', monospace;
+ 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;
+}
+.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;
+}
+
+.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;
+ font-family: 'Courier New', monospace;
+}
+.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;
+ font-family: 'Courier New', monospace;
+ letter-spacing: 0.5px;
+}
+.ol-card-desc {
+ font-size: 0.85rem;
+ color: rgba(0,255,65,0.7);
+ line-height: 1.4;
+ margin: 0;
+}
; ?>/assets/img/hero_07.png)
- ; ?>/assets/img/hp_muti_steampunk_01.png)
- ; ?>/assets/img/hp_vater_steampunk_01.jpg)
-