AegisSight/Website
3
0
Fork 0
Code Issues Pull-Requests Actions Pakete Projekte Releases Wiki Aktivität

refactor: Hero Slide 0 mit Inline-Video statt Fullscreen-Hintergrund

Quellcode durchsuchen 
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>
Dieser Commit ist enthalten in:
Claude Code
2026-04-12 15:57:41 +02:00
Ursprung fbadb45914
Commit 0fc0d30191
3 geänderte Dateien mit 18 neuen und 23 gelöschten Zeilen
Patch-Datei herunterladen Vergleichs-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

26
vorschau/index.html
Datei anzeigen

@@ -81,11 +81,6 @@
<!-- Hero Section -->
<section class="hero" id="hero">
<div class="hero-overlay"></div>
<div class="hero-fullscreen-video visible" id="hero-fullscreen-video">
<video autoplay muted loop playsinline>
<source src="videos/hero-slide-1-monitoring.mp4" type="video/mp4">
</video>
</div>
<div class="container hero-content">
<div class="hero-brand">
<h1 class="hero-title">AegisSight Monitor</h1>
@@ -93,16 +88,17 @@
</div>
<div class="hero-slider" role="region" aria-label="Produktvorteile" aria-live="polite">
<!-- Slide 1: Echtzeit-Monitoring -->
<div class="hero-slide active" data-slide="0">
<div class="hero-slide-inner">
<div class="hero-slide-text-col">
<span class="hero-slide-label">Echtzeit-Monitoring</span>
<h2 class="hero-slide-headline">Lagebilder in Echtzeit. Vollautomatisch.</h2>
<p class="hero-slide-example">Live-Beispiel: Der Iran-Konflikt wird mit über 14.900 Artikeln aus 375 Quellen kontinuierlich überwacht.</p>
<div class="hero-slide-cta">
<a href="#demos" class="btn btn-primary" onclick="positionCards(0)">Live-Beispiel ansehen</a>
</div>
<!-- Slide 1: Echtzeit-Monitoring (Video) -->
<div class="hero-slide hero-slide-has-video active" data-slide="0">
<div class="hero-slide-video-inline">
<video autoplay muted loop playsinline>
<source src="videos/hero-slide-1-monitoring.mp4" type="video/mp4">
</video>
</div>
<div class="hero-slide-bottom">
<p class="hero-slide-example">Live-Beispiel: Der Iran-Konflikt wird mit über 14.900 Artikeln aus 375 Quellen kontinuierlich überwacht.</p>
<div class="hero-slide-cta">
<a href="#demos" class="btn btn-primary" onclick="positionCards(0)">Live-Beispiel ansehen</a>
</div>
</div>
</div>