Cyberangriffe-Lagebild + Vorschau: Slide und Carousel aktualisiert

Neue Seite /lagen/cyberangriffe/ mit 93 Artikeln, 41 Quellen, 28 Locations.
Hero-Slide "Flexibel einsetzbar" verlinkt jetzt auf Cyberangriffe.
Carousel: Platzhalter 2 ersetzt durch Live-Card mit Zusammenfassung.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-04-09 22:34:20 +02:00
Ursprung b4236872a7
Commit 0f3cc972a5
3 geänderte Dateien mit 154 neuen und 7 gelöschten Zeilen

Datei anzeigen

@@ -159,9 +159,9 @@
<span class="hero-slide-label">Flexibel einsetzbar</span>
<h2 class="hero-slide-headline">Von der Großlage bis zum Einzelthema.</h2>
<p class="hero-slide-text">Geopolitische Konflikte, Unternehmensrisiken, regionale Krisen oder Einzelpersonen: Der AegisSight Monitor skaliert mit Ihrem Bedarf. Definieren Sie Ihr Thema, wählen Sie Ihre Quellen, der Rest läuft automatisch. Jede Lage erhält ihr eigenes Lagebild mit Quellenbelegen, Karte und Faktencheck.</p>
<p class="hero-slide-example">Weitere Live-Beispiele folgen in Kürze.</p>
<p class="hero-slide-example">Beispiel: Cyberangriffe auf deutsche Infrastruktur, 93 Artikel aus 41 Quellen, automatisch überwacht.</p>
<div class="hero-slide-cta">
<a href="#" class="btn btn-outline-light btn-placeholder" aria-disabled="true">Demnächst verfügbar</a>
<a href="/lagen/cyberangriffe/" class="btn btn-primary">Live-Beispiel ansehen</a>
<button class="btn btn-outline-light" onclick="openContactModal()">Kontakt aufnehmen</button>
</div>
</div>
@@ -286,11 +286,15 @@
</div>
<a href="/lagen/iran-konflikt/" class="btn btn-primary btn-block">Vollständiges Lagebild öffnen</a>
</div>
<!-- Placeholder 2 -->
<div class="carousel-card card-placeholder" data-index="1" data-lage="">
<div class="demo-badge badge-soon">Demnächst</div>
<h3 class="demo-title placeholder-title">Weitere Lage</h3>
<p class="placeholder-text">In Vorbereitung</p>
<!-- Cyberangriffe -->
<div class="carousel-card card-live" data-index="1" data-lage="cyberangriffe">
<div class="demo-badge">LIVE</div>
<h3 class="demo-title">Cyberangriffe auf deutsche Infrastruktur</h3>
<div class="demo-excerpt" id="demo-excerpt-cyberangriffe">
<div class="excerpt-text" id="excerpt-text-cyberangriffe">Lagebild wird geladen...</div>
</div>
<a href="/lagen/cyberangriffe/" class="btn btn-primary btn-block">Vollständiges Lagebild öffnen</a>
</div>
<!-- Deepfakes Recherche -->
<div class="carousel-card card-live" data-index="2" data-lage="deepfakes">

Datei anzeigen

@@ -457,7 +457,28 @@ function mdToHtml(md) {
});
}
/* ==================== LOAD CYBERANGRIFFE DATA ==================== */
function loadCyberangriffeData() {
fetch('/lagen/cyberangriffe/data/summary.json?t=' + Date.now())
.then(function (r) { if (!r.ok) throw new Error(r.status); return r.json(); })
.then(function (data) {
var excerptEl = document.getElementById('excerpt-text-cyberangriffe');
if (excerptEl && data.zusammenfassung) {
excerptEl.innerHTML = mdToHtml(data.zusammenfassung);
}
lageData['cyberangriffe'] = {
locations: data.locations || [],
category_labels: data.category_labels || {}
};
})
.catch(function () {
var el = document.getElementById('excerpt-text-cyberangriffe');
if (el) el.textContent = 'Daten konnten nicht geladen werden.';
});
}
/* ==================== INIT ==================== */
loadLiveData();
loadDeepfakesData();
loadCyberangriffeData();
})();