Lagebild: Powered by AegisSight Monitor Badge im Hero hinzugefügt

Dezenter Badge rechts oben im Hero-Bereich, verlinkt auf /#products.
Responsive: Auf Mobile zentriert über dem Content.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-03-30 10:14:33 +02:00
Ursprung 4693f3b0ba
Commit 1415139c10
2 geänderte Dateien mit 38 neuen und 0 gelöschten Zeilen

Datei anzeigen

@@ -56,6 +56,7 @@
<canvas id="hero-particles"></canvas> <canvas id="hero-particles"></canvas>
<div class="hero-bg-pattern"></div> <div class="hero-bg-pattern"></div>
<div class="container"> <div class="container">
<a href="/#products" class="powered-badge"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z"/></svg> Powered by AegisSight Monitor</a>
<div class="hero-badge"> <div class="hero-badge">
<span class="badge-dot"></span> <span class="badge-dot"></span>
<span>LIVE-LAGEBILD</span> <span>LIVE-LAGEBILD</span>
@@ -190,5 +191,6 @@
<script src="../js/mobile-nav.js"></script> <script src="../js/mobile-nav.js"></script>
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script> <script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
<script src="lagebild.js"></script> <script src="lagebild.js"></script>
<script src="/analytics-events.js" defer></script>
</body> </body>
</html> </html>

Datei anzeigen

@@ -158,6 +158,37 @@
50% { opacity: 0.4; transform: scale(0.7); } 50% { opacity: 0.4; transform: scale(0.7); }
} }
/* Powered-by Badge */
.powered-badge {
position: absolute;
top: 90px;
right: 24px;
display: inline-flex;
align-items: center;
gap: 6px;
background: rgba(200, 168, 81, 0.08);
border: 1px solid rgba(200, 168, 81, 0.18);
padding: 5px 12px;
border-radius: 16px;
font-size: 0.7rem;
font-weight: 500;
letter-spacing: 0.5px;
color: var(--lb-text-sec);
text-decoration: none;
z-index: 2;
transition: color 0.3s, border-color 0.3s, background 0.3s;
}
.powered-badge:hover {
color: var(--lb-accent);
border-color: rgba(200, 168, 81, 0.4);
background: rgba(200, 168, 81, 0.12);
}
.powered-badge svg {
color: var(--lb-accent);
opacity: 0.7;
flex-shrink: 0;
}
/* Hero Title */ /* Hero Title */
.lagebild-hero h1 { .lagebild-hero h1 {
font-family: 'Bebas Neue', sans-serif; font-family: 'Bebas Neue', sans-serif;
@@ -1412,6 +1443,11 @@ a.source-detail-article-title:hover {
.lagebild-hero { .lagebild-hero {
padding: 120px 16px 50px; padding: 120px 16px 50px;
} }
.powered-badge {
position: static;
margin: 0 auto 1rem;
font-size: 0.65rem;
}
.lagebild-hero h1 { .lagebild-hero h1 {
font-size: 2.5rem; font-size: 2.5rem;
letter-spacing: 3px; letter-spacing: 3px;