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>
|
<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>
|
||||||
|
|||||||
@@ -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;
|
||||||
|
|||||||
In neuem Issue referenzieren
Einen Benutzer sperren