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:
@@ -56,6 +56,7 @@
|
||||
<canvas id="hero-particles"></canvas>
|
||||
<div class="hero-bg-pattern"></div>
|
||||
<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">
|
||||
<span class="badge-dot"></span>
|
||||
<span>LIVE-LAGEBILD</span>
|
||||
@@ -190,5 +191,6 @@
|
||||
<script src="../js/mobile-nav.js"></script>
|
||||
<script src="https://unpkg.com/leaflet@1.9.4/dist/leaflet.js"></script>
|
||||
<script src="lagebild.js"></script>
|
||||
<script src="/analytics-events.js" defer></script>
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@@ -158,6 +158,37 @@
|
||||
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 */
|
||||
.lagebild-hero h1 {
|
||||
font-family: 'Bebas Neue', sans-serif;
|
||||
@@ -1412,6 +1443,11 @@ a.source-detail-article-title:hover {
|
||||
.lagebild-hero {
|
||||
padding: 120px 16px 50px;
|
||||
}
|
||||
.powered-badge {
|
||||
position: static;
|
||||
margin: 0 auto 1rem;
|
||||
font-size: 0.65rem;
|
||||
}
|
||||
.lagebild-hero h1 {
|
||||
font-size: 2.5rem;
|
||||
letter-spacing: 3px;
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren