Lagebild: CTA-Block durch Floating Pill ersetzt
- Statischer CTA-Block am Seitenende entfernt - Floating Pill am unteren Bildschirmrand (zentriert) - Erscheint nach 400px Scroll, Glasmorphism-Stil - Gold-Button Kontakt aufnehmen mit mailto-Link - Schliessbar mit X-Button - Responsive: volle Breite auf Mobile Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
@@ -41,6 +41,7 @@ var Lagebild = {
|
||||
this.initTabs();
|
||||
this.initLangToggle();
|
||||
this.initScrollReveal();
|
||||
this.initFloatingCta();
|
||||
} catch (e) {
|
||||
console.error('Lagebild laden fehlgeschlagen:', e);
|
||||
this.showError();
|
||||
@@ -576,6 +577,32 @@ var Lagebild = {
|
||||
});
|
||||
},
|
||||
|
||||
/* ===== FLOATING CTA ===== */
|
||||
initFloatingCta: function() {
|
||||
var cta = document.createElement('div');
|
||||
cta.className = 'floating-cta';
|
||||
cta.innerHTML = '<span class="floating-cta-text">AegisSight Monitor f\u00fcr Ihre Organisation</span>'
|
||||
+ '<a href="mailto:info@aegis-sight.de" class="floating-cta-btn">Kontakt aufnehmen \u2192</a>'
|
||||
+ '<button class="floating-cta-close" aria-label="Schlie\u00dfen">×</button>';
|
||||
document.body.appendChild(cta);
|
||||
|
||||
// Show after scrolling past hero
|
||||
var shown = false;
|
||||
window.addEventListener('scroll', function() {
|
||||
if (shown) return;
|
||||
if (window.scrollY > 400) {
|
||||
cta.classList.add('visible');
|
||||
shown = true;
|
||||
}
|
||||
});
|
||||
|
||||
// Close button
|
||||
cta.querySelector('.floating-cta-close').addEventListener('click', function(e) {
|
||||
e.preventDefault();
|
||||
cta.classList.add('dismissed');
|
||||
});
|
||||
},
|
||||
|
||||
/* ===== SCROLL REVEAL ===== */
|
||||
initScrollReveal: function() {
|
||||
var cards = document.querySelectorAll('.content-card, .lagebild-cta');
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren