- demo-excerpt mit fester Hoehe (760px Desktop, 640px Mobile) und weicher
Fade-out-Maske; vereinheitlicht die Kartenhoehe ueber alle Lagen ohne
harte Abschneidung des Inhalts.
- heroGoTo() haelt die .ended-Klasse waehrend des Fade-outs aktiv und
raeumt sie erst nach 400ms auf. Verhindert das Aufblitzen des
pausierten Video-Frames beim Wechsel von der Endcard zur naechsten Slide.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Vier Tonstufen (--tone-1 bis --tone-4) fuer Problem, Workflow, Demos, Contact: Seite atmet beim Scrollen sanft von hell nach kuehler
- Contact in hellem Blau-Grau-Weiss (#ECF2F9) als frischer Akzent vor dem dunklen Trust
- Divider-Uebergaenge per Adjacent-Sibling an die neuen Tonstufen angepasst
- Trust und Contact in Page-Reihenfolge zurueckgetauscht: Contact vor Trust (Trust bleibt visueller Schluss-Anker), Navbar-Reihenfolge bleibt aber Funktionen-Live-Lagebilder-Ueber-uns-Kontakt
- Subpixel-Luecke unter dem Diagonal-Divider Contact->Trust mit margin-top:-1px geschlossen
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Trust-Section (Unser Versprechen) wandert vor die Contact-CTA, damit Vertrauen vor der Conversion-Aufforderung steht
- Divider angepasst: Demos -> Trust (diagonal-dark), Trust -> Contact (gradient-dark-to-base), Contact -> Footer (diagonal-dark mit Footer-Navy als Fill)
- Navbar-Label Versprechen -> Über uns (klarer fuer Erstbesucher) und neue Reihenfolge: Funktionen, Live-Lagebilder, Über uns, Kontakt (folgt der Scroll-Reihenfolge)
- Mobile-Menu identisch angepasst
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Features (Was der Monitor leistet) wandert direkt unter Hero, bekommt section-dark
- Problem (Warum manuelle OSINT-Auswertung nicht skaliert) rutscht eine Position nach unten, bekommt section-base
- Feature-Cards im dunklen Kontext: Glasmorphism mit dezent transparentem Hintergrund, permanente Gold-Border, Gold-getoente Icon-Box, goldfarbene Icons (CSS-Filter), Hover mit kraeftigerer Gold-Border und Lift
- Neuer Divider divider-gradient-base-to-alt fuer den Uebergang Problem -> Workflow
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
- Slider endet jetzt bei bottom:60px statt bottom:0 -> Video-Bereich
beginnt unter der Navbar und endet oberhalb einer reservierten Zone
fuer die Dots, damit sie keine Video-Schrift verdecken
- Dots auf bottom:22px (Desktop) / 18px (Mobile) statt 75/65px
Rollback-Punkt: fa17c1f
- Slider-Container beginnt jetzt bei top:var(--nav-height) statt 0;
das Video wurde zuvor oben durch die fixe Navbar ueberdeckt, obwohl
object-fit:contain es komplett rendert
- HERO_ENDCARD_MS von 3000 auf 7000 (User-Feedback: zu kurz)
Rollback-Punkt: c85be47
Analog Monitor-Aenderung: Pills parsen {Name|URL, Name|URL} direkt und
nutzen die URL aus dem Bullet, statt ueber sources_json-Namen nachzuschlagen.
Damit verweist jeder Pill-Klick eindeutig auf den belegenden Post — keine
Name-Kollisionen mehr (insbesondere bei Telegram-Kanaelen mit mehreren
gleichnamigen sources_json-Eintraegen).
Legacy-Kompat: Items ohne Pipe gehen weiter per lookupByName durch.
Quellen mit nichtlateinischem Namen wie Telegram: persisch-arabisch waren
schwer zuordenbar. Pill-Label bekommt jetzt bei allen Quellen mit URL auf
t.me einen Zusatz Telegram-Link in Klammern. Konsistent an drei Stellen:
Lagebild-Seite renderLatestDevelopmentsHtml und Vorschau renderLatestDevelopments.
Live-Lagen (iran-konflikt, cyberangriffe) bekommen einen neuen ersten Tab
Neueste Entwicklungen mit Bullet-Cards, klickbaren Quellen-Pills und
Zeitstempel. Recherche-Lagen (deepfakes) bekommen an selber Stelle einen
Tab Zusammenfassung, der den Zusammenfassung-Abschnitt aus dem Markdown
extrahiert und mit Citation-Links rendert.
lagebild.js: renderUeberblick, renderLatestDevelopmentsHtml,
extractZusammenfassung ergaenzt. i18n-Keys tabUeberblick/Research.
Lang-Toggle aktualisiert Tab-Label und h2.
Vorschau-Karten zeigen wieder den Lagebild-Text fuer alle Lagen
(renderLatestDevelopments-Calls aus loadLiveData entfernt).
Überschrift von "Tausende Quellen" auf "Quellenvielfalt" geändert
und den Beschreibungstext entsprechend angepasst. Behebt den internen
Widerspruch (Überschrift sagte Tausende, Text sagte Hunderte) und
entfernt die Wort-Redundanz von "Quellen".
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Video ersetzt Description-Text + leere media-col. Premiere-Export
wurde mit ffmpeg reencodet (CRF 23, preset slower, no audio, faststart),
von 17,2 MB auf 1,6 MB (-91%) bei gleicher Auflösung 1920x1080 @ 25fps
und ohne sichtbaren Qualitätsverlust.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- visibility:hidden aus Slide-States entfernt (brach Video-Playback)
- #hero-video-container + Sonderfall-Logik für Slide 0 entfernt
- Video in Slide 0 inline verschoben, generische Restart-Logik
- Videos starten bei jedem Slide-Wechsel bei 0:00 (bewusste
Verhaltensänderung gegenüber 9df30bc)
- Autoplay-Intervall auf 15s vereinheitlicht (kein Video/Text-Sonderfall)
- Hover-Pause des Sliders entfernt (stoppte Autoplay unerwartet)
- Neue Videos in weiteren Slides erfordern jetzt nur HTML-Block + src
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Browser pausiert Videos bei opacity:0, autoplay greift nicht erneut.
Explizit play() bei Slide 0, pause() bei anderen Slides.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Slide 0 hat weniger Inhalt seit Video ausgelagert wurde,
die fixe min-height erzeugte unnötigen Leerraum vor den Dots.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Video aus dem Slide-Div herausgelöst und als eigenständiges Element
zwischen hero-brand und hero-slider platziert. Dadurch wird es nie
via visibility:hidden versteckt und der Browser resettet es nicht.
Ein-/Ausblenden per opacity + max-height Transition.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Video wird jetzt als Inline-Element unter der Tagline angezeigt
(volle Breite, object-fit contain, nichts abgeschnitten).
Label und Headline entfernt (redundant mit Tagline).
Beispiel-Text und CTA-Button unterhalb des Videos.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Overlay z-index 1, Video z-index 2, Content z-index 3.
Video war vorher hinter dem fast undurchsichtigen Overlay versteckt.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Slide 0 bleibt jetzt so lange sichtbar wie das Video dauert (15s).
Alle anderen Slides wechseln weiterhin nach 8s. Umstellung von
setInterval auf verkettete setTimeout für dynamisches Timing.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Video füllt jetzt die komplette Hero-Section (88vh) statt nur den
700px-breiten Slide-Container. Ein-/Ausblenden per CSS-Transition
(0.8s) gekoppelt an den aktiven Slide (nur bei Slide 0 sichtbar).
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Komprimiertes Video (2.1 MB, 1920x1080, 15s loop) als Hintergrund
- Beschreibungstext entfernt (wird durch Video repräsentiert)
- Label, Headline, Beispiel-Zitat und CTA bleiben sichtbar
- Text-Shadows für Lesbarkeit über Video
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Identischer CSS-Block war doppelt vorhanden (Zeilen 77-105 und 108-136),
was bei späteren Änderungen zu Wartungsproblemen geführt hätte.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Lagebild-Karte auf geclusterte Marker umgebaut (primary/secondary als Pulse, rest als CircleMarker). Popups zeigen jetzt Top-Artikel mit Links. Vorschau Hero-Buttons scrollen zum Demo-Karussell statt direkt zu den Lagen.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Stats-Bar (Titel, Artikel, Quellen, Faktenchecks) wechselt beim Carousel-Wechsel
- countUp-Animation in äußeren Scope verschoben für Wiederverwendung
- lageTitles-Mapping für Anzeigenamen der Lagen
- Kontakt-Buttons aus allen Hero-Slides entfernt
- Deepfakes-Excerpt auf Stichpunkte beschränkt (Fließtext gefiltert)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
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>
Klick auf Recherche-Beispiel ansehen scrollt zum Carousel und
setzt es automatisch auf die Deepfakes-Recherche (Index 2).
positionCards() als globale Funktion exponiert.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Neue Seite /lagen/deepfakes/ mit vollstaendiger Recherche zur
rechtlichen Lage von Deepfakes in Deutschland (121 Artikel, 90 Quellen).
Nutzt bestehendes lagebild.css/js aus iran-konflikt.
Vorschau: Dritte Carousel-Card mit Deepfakes-Recherche befuellt,
Hero-Slide Label von KI-Recherche zu KI-gestuetzte Recherche geaendert.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Slide rein beschreibend umformuliert mit Verifikationsstatus-Erklaerung.
Beispiel-Hinweis entfernt, Bild-Platzhalter fuer Screenshot vorbereitet.
Media-Col nur noch sichtbar wenn tatsaechlich ein img-Element vorhanden.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Ersetzt die 3 rotierenden Stockvideos durch 5 inhaltsgetriebene Slides,
die die Kernfeatures des Monitors bewerben (Echtzeit-Monitoring,
Faktencheck, KI-Recherche, Globale Abdeckung, Flexibilitaet).
Jeder Slide mit Feature-Text, konkretem Beispiel-Beleg und CTAs.
Grafik-Spalte pro Slide vorbereitet fuer spaetere Screenshots.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Feature-Cards: flex-direction:column, volle Breite auf Mobile
- Karussell: nur aktive Card sichtbar, volle Breite, keine Side-Cards
- Stats-Bar: kleinere Zahlen, weniger Padding
- Carousel-Pfeile auf Mobile ausgeblendet
- Dot-Navigation bleibt fuer Card-Wechsel
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
- Untertitel in Problem-Section: Zielgruppe definiert
(Sicherheitsbehoerden, Redaktionen, Unternehmen)
- Feature-Cards auf Mobile volle Breite (Flex-Override)
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
