Lagebild: Sticky Section-Nav und Scroll-Spy entfernt
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
@@ -1,183 +1,177 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Lagebild Irankonflikt - AegisSight</title>
|
||||
<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noimageindex">
|
||||
<link rel="icon" type="image/svg+xml" href="../favicon.svg">
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/fonts.css">
|
||||
<link rel="stylesheet" href="../css/mobile.css">
|
||||
<link rel="stylesheet" href="lagebild.css">
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
||||
</head>
|
||||
<body class="lagebild-page">
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar" role="navigation">
|
||||
<div class="nav-container">
|
||||
<div class="logo">
|
||||
<a href="/"><img src="../assets/images/logos/Logo+Schrift_Rechts.png" alt="AegisSight" class="logo-img"></a>
|
||||
</div>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="/" data-translate="navHome">Startseite</a></li>
|
||||
<li><a href="/#about" data-translate="navAbout">Über uns</a></li>
|
||||
<li><a href="/#products" data-translate="navProducts">Lösungen</a></li>
|
||||
<li><a href="/lagebild" class="nav-active" data-translate="navLagebild">Lagebild</a></li>
|
||||
<li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="nav-extras">
|
||||
<button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln" data-translate="langSwitch">DE | EN</button>
|
||||
<button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
|
||||
<span class="hamburger"><span></span><span></span><span></span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Mobile Navigation -->
|
||||
<div class="nav-menu-mobile" aria-hidden="true">
|
||||
<button class="mobile-menu-close" aria-label="Menü schließen">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor"/></svg>
|
||||
</button>
|
||||
<ul>
|
||||
<li><a href="/" data-translate="navHome">Startseite</a></li>
|
||||
<li><a href="/#about" data-translate="navAbout">Über uns</a></li>
|
||||
<li><a href="/#products" data-translate="navProducts">Lösungen</a></li>
|
||||
<li><a href="/lagebild" class="nav-active" data-translate="navLagebild">Lagebild</a></li>
|
||||
<li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mobile-menu-overlay"></div>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="lagebild-hero">
|
||||
<div class="hero-bg-pattern"></div>
|
||||
<div class="container">
|
||||
<div class="hero-badge">
|
||||
<span class="badge-dot"></span>
|
||||
<span>LIVE-LAGEBILD</span>
|
||||
</div>
|
||||
<h1 id="hero-title">LAGEBILD</h1>
|
||||
<p class="hero-incident-title" id="incident-title"></p>
|
||||
|
||||
<!-- Stat Cards -->
|
||||
<div class="hero-stats" id="hero-stats"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Control Bar: Timeline + Section Nav -->
|
||||
<div class="control-bar" id="control-bar">
|
||||
<div class="container">
|
||||
<div class="timeline-wrapper">
|
||||
<div class="timeline-strip" id="timeline-strip"></div>
|
||||
<div class="timeline-dropdown" id="timeline-dropdown"></div>
|
||||
</div>
|
||||
<nav class="section-nav" id="section-nav">
|
||||
<a class="section-nav-link active" href="#section-lagebild" data-section="lagebild">Lagebild</a>
|
||||
<a class="section-nav-link" href="#section-karte" data-section="karte">Karte</a>
|
||||
<a class="section-nav-link" href="#section-faktenchecks" data-section="faktenchecks">Faktenchecks <span class="section-badge" id="badge-faktenchecks"></span></a>
|
||||
<a class="section-nav-link" href="#section-artikel" data-section="artikel">Artikel <span class="section-badge" id="badge-artikel"></span></a>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main Content: All sections visible (Scroll-Narrative) -->
|
||||
<main class="lagebild-main">
|
||||
<!-- Section: Lagebild -->
|
||||
<div class="container">
|
||||
<section id="section-lagebild" class="content-section">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<h2 id="lagebild-date-title">Lagebild</h2>
|
||||
<span class="card-timestamp" id="lagebild-timestamp"></span>
|
||||
</div>
|
||||
<div class="card-body" id="summary-content">
|
||||
<div class="loading-skeleton">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line short"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer" id="inline-sources"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Section: Karte (full-width) -->
|
||||
<section id="section-karte" class="content-section section-karte">
|
||||
<div class="container">
|
||||
<div class="section-heading">
|
||||
<h2>Karte</h2>
|
||||
<p class="section-description">Geografische Einordnung der Meldungen</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="map-container"></div>
|
||||
</section>
|
||||
|
||||
<!-- Section: Faktenchecks -->
|
||||
<div class="container">
|
||||
<section id="section-faktenchecks" class="content-section">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<h2>Faktenchecks</h2>
|
||||
<p class="card-description">KI-gestützte Verifizierung aller zentralen Aussagen gegen unabhängige Quellen</p>
|
||||
</div>
|
||||
<div class="card-body" id="factchecks-content"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section: Artikel -->
|
||||
<section id="section-artikel" class="content-section">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<h2 id="articles-heading">Artikel</h2>
|
||||
<p class="card-description">Alle vom AegisSight Monitor aggregierten Artikel</p>
|
||||
</div>
|
||||
<div class="card-body" id="articles-content"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerCompanyTitle">AegisSight UG (haftungsbeschränkt)</h4>
|
||||
<p data-translate="footerCompanyAddress1">Gladbacher Strasse 3-5</p>
|
||||
<p data-translate="footerCompanyAddress2">40764 Langenfeld</p>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerNavTitle">Navigation</h4>
|
||||
<ul>
|
||||
<li><a href="/" data-translate="footerNavHome">Startseite</a></li>
|
||||
<li><a href="/#about" data-translate="footerNavAbout">Über uns</a></li>
|
||||
<li><a href="/#products" data-translate="footerNavProducts">Lösungen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerLegalTitle">Rechtliches</h4>
|
||||
<ul>
|
||||
<li><a href="/impressum.html" data-translate="footerImprint">Impressum</a></li>
|
||||
<li><a href="/datenschutz.html" data-translate="footerPrivacy">Datenschutz</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerContactTitle">Kontakt</h4>
|
||||
<p>info@aegis-sight.de</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright">© 2026 AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="../js/config.js"></script>
|
||||
<script src="../js/translations.js"></script>
|
||||
<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>
|
||||
</body>
|
||||
<!DOCTYPE html>
|
||||
<html lang="de">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Lagebild Irankonflikt - AegisSight</title>
|
||||
<meta name="robots" content="noindex, nofollow, noarchive, nosnippet, noimageindex">
|
||||
<link rel="icon" type="image/svg+xml" href="../favicon.svg">
|
||||
<link rel="stylesheet" href="../css/main.css">
|
||||
<link rel="stylesheet" href="../css/fonts.css">
|
||||
<link rel="stylesheet" href="../css/mobile.css">
|
||||
<link rel="stylesheet" href="lagebild.css">
|
||||
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.9.4/dist/leaflet.css" />
|
||||
</head>
|
||||
<body class="lagebild-page">
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar" role="navigation">
|
||||
<div class="nav-container">
|
||||
<div class="logo">
|
||||
<a href="/"><img src="../assets/images/logos/Logo+Schrift_Rechts.png" alt="AegisSight" class="logo-img"></a>
|
||||
</div>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="/" data-translate="navHome">Startseite</a></li>
|
||||
<li><a href="/#about" data-translate="navAbout">Über uns</a></li>
|
||||
<li><a href="/#products" data-translate="navProducts">Lösungen</a></li>
|
||||
<li><a href="/lagebild" class="nav-active" data-translate="navLagebild">Lagebild</a></li>
|
||||
<li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
|
||||
</ul>
|
||||
<div class="nav-extras">
|
||||
<button class="lang-toggle" data-lang="de" aria-label="Sprache wechseln" data-translate="langSwitch">DE | EN</button>
|
||||
<button class="mobile-menu-toggle" aria-label="Menü öffnen" aria-expanded="false">
|
||||
<span class="hamburger"><span></span><span></span><span></span></span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<!-- Mobile Navigation -->
|
||||
<div class="nav-menu-mobile" aria-hidden="true">
|
||||
<button class="mobile-menu-close" aria-label="Menü schließen">
|
||||
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 6L6 18M6 6l12 12" stroke="currentColor"/></svg>
|
||||
</button>
|
||||
<ul>
|
||||
<li><a href="/" data-translate="navHome">Startseite</a></li>
|
||||
<li><a href="/#about" data-translate="navAbout">Über uns</a></li>
|
||||
<li><a href="/#products" data-translate="navProducts">Lösungen</a></li>
|
||||
<li><a href="/lagebild" class="nav-active" data-translate="navLagebild">Lagebild</a></li>
|
||||
<li><a href="mailto:info@aegis-sight.de" data-translate="navContact">Kontakt</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="mobile-menu-overlay"></div>
|
||||
|
||||
<!-- Hero Section -->
|
||||
<section class="lagebild-hero">
|
||||
<div class="hero-bg-pattern"></div>
|
||||
<div class="container">
|
||||
<div class="hero-badge">
|
||||
<span class="badge-dot"></span>
|
||||
<span>LIVE-LAGEBILD</span>
|
||||
</div>
|
||||
<h1 id="hero-title">LAGEBILD</h1>
|
||||
<p class="hero-incident-title" id="incident-title"></p>
|
||||
|
||||
<!-- Stat Cards -->
|
||||
<div class="hero-stats" id="hero-stats"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Control Bar: Timeline + Section Nav -->
|
||||
<div class="control-bar" id="control-bar">
|
||||
<div class="container">
|
||||
<div class="timeline-wrapper">
|
||||
<div class="timeline-strip" id="timeline-strip"></div>
|
||||
<div class="timeline-dropdown" id="timeline-dropdown"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Main Content: All sections visible (Scroll-Narrative) -->
|
||||
<main class="lagebild-main">
|
||||
<!-- Section: Lagebild -->
|
||||
<div class="container">
|
||||
<section id="section-lagebild" class="content-section">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<h2 id="lagebild-date-title">Lagebild</h2>
|
||||
<span class="card-timestamp" id="lagebild-timestamp"></span>
|
||||
</div>
|
||||
<div class="card-body" id="summary-content">
|
||||
<div class="loading-skeleton">
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line"></div>
|
||||
<div class="skeleton-line short"></div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card-footer" id="inline-sources"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<!-- Section: Karte (full-width) -->
|
||||
<section id="section-karte" class="content-section section-karte">
|
||||
<div class="container">
|
||||
<div class="section-heading">
|
||||
<h2>Karte</h2>
|
||||
<p class="section-description">Geografische Einordnung der Meldungen</p>
|
||||
</div>
|
||||
</div>
|
||||
<div id="map-container"></div>
|
||||
</section>
|
||||
|
||||
<!-- Section: Faktenchecks -->
|
||||
<div class="container">
|
||||
<section id="section-faktenchecks" class="content-section">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<h2>Faktenchecks</h2>
|
||||
<p class="card-description">KI-gestützte Verifizierung aller zentralen Aussagen gegen unabhängige Quellen</p>
|
||||
</div>
|
||||
<div class="card-body" id="factchecks-content"></div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Section: Artikel -->
|
||||
<section id="section-artikel" class="content-section">
|
||||
<div class="content-card">
|
||||
<div class="card-header">
|
||||
<h2 id="articles-heading">Artikel</h2>
|
||||
<p class="card-description">Alle vom AegisSight Monitor aggregierten Artikel</p>
|
||||
</div>
|
||||
<div class="card-body" id="articles-content"></div>
|
||||
</div>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
<!-- Footer -->
|
||||
<footer class="footer">
|
||||
<div class="container">
|
||||
<div class="footer-content">
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerCompanyTitle">AegisSight UG (haftungsbeschränkt)</h4>
|
||||
<p data-translate="footerCompanyAddress1">Gladbacher Strasse 3-5</p>
|
||||
<p data-translate="footerCompanyAddress2">40764 Langenfeld</p>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerNavTitle">Navigation</h4>
|
||||
<ul>
|
||||
<li><a href="/" data-translate="footerNavHome">Startseite</a></li>
|
||||
<li><a href="/#about" data-translate="footerNavAbout">Über uns</a></li>
|
||||
<li><a href="/#products" data-translate="footerNavProducts">Lösungen</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerLegalTitle">Rechtliches</h4>
|
||||
<ul>
|
||||
<li><a href="/impressum.html" data-translate="footerImprint">Impressum</a></li>
|
||||
<li><a href="/datenschutz.html" data-translate="footerPrivacy">Datenschutz</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="footer-section">
|
||||
<h4 data-translate="footerContactTitle">Kontakt</h4>
|
||||
<p>info@aegis-sight.de</p>
|
||||
</div>
|
||||
</div>
|
||||
<p class="copyright">© 2026 AegisSight UG (haftungsbeschränkt). Alle Rechte vorbehalten.</p>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<!-- Scripts -->
|
||||
<script src="../js/config.js"></script>
|
||||
<script src="../js/translations.js"></script>
|
||||
<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>
|
||||
</body>
|
||||
</html>
|
||||
Datei-Diff unterdrückt, da er zu groß ist
Diff laden
1469
lagebild/lagebild.js
1469
lagebild/lagebild.js
Datei-Diff unterdrückt, da er zu groß ist
Diff laden
In neuem Issue referenzieren
Einen Benutzer sperren