Move newsletter+calendar outside main-content — always visible, loadDates called on every page load

This commit is contained in:
Kato
2026-09-06 14:23:47 +00:00
parent 2ff10df90c
commit 5dfa641fef
2 changed files with 50 additions and 52 deletions
+49 -49
View File
@@ -367,7 +367,55 @@
</div>
</section>
<!-- Main Content (logged-in) -- Members, Wiki, Newsletter -->
<!-- Newsletter + Calendar (always visible) -->
<section class="section section-alt newsletter-section" id="newsletter-section">
<div class="container">
<div class="newsletter-calendar-grid">
<div class="newsletter-card">
<img src="https://images.unsplash.com/photo-1596526131083-e8c633c948d2?w=120&h=120&fit=crop&q=80" alt="Newsletter" class="newsletter-image" />
<h2>
<span class="hide-de">Newsletter</span>
<span class="hide-en">Newsletter</span>
</h2>
<p class="newsletter-hint">
<span class="hide-de">Erhalten Sie Updates und wichtige Informationen direkt in Ihr Postfach.</span>
<span class="hide-en">Receive updates and important information directly in your inbox.</span>
</p>
<form id="newsletter-form">
<div class="form-group">
<input type="email" id="newsletter-email" class="form-input" placeholder="name@example.com" />
</div>
<button type="button" class="btn btn-primary btn-block" onclick="subscribeNewsletter()">
<span class="hide-de">Abonnieren</span>
<span class="hide-en">Subscribe</span>
</button>
</form>
<div id="newsletter-success" class="hidden">
<p class="success-message">
<span class="hide-de">Danke! Bitte prüfen Sie Ihre E-Mails.</span>
<span class="hide-en">Thank you! Please check your emails.</span>
</p>
</div>
</div>
<div class="calendar-card">
<div class="calendar-header">
<div class="calendar-title">
<span class="hide-de">Termine</span>
<span class="hide-en">Upcoming Dates</span>
</div>
</div>
<div class="calendar-events" id="calendar-events">
<p class="calendar-events-hint">
<span class="hide-de">Termine werden geladen...</span>
<span class="hide-en">Loading events...</span>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Main Content (logged-in) -- Members, Wiki -->
<main class="main-content" id="main-content">
<!-- Members Section -->
@@ -415,54 +463,6 @@
</div>
</section>
<!-- Newsletter Section (nur logged-in) -->
<section class="section section-alt newsletter-section" id="newsletter-section" style="display:none;">
<div class="container">
<div class="newsletter-calendar-grid">
<div class="newsletter-card">
<img src="https://images.unsplash.com/photo-1596526131083-e8c633c948d2?w=120&h=120&fit=crop&q=80" alt="Newsletter" class="newsletter-image" />
<h2>
<span class="hide-de">Newsletter</span>
<span class="hide-en">Newsletter</span>
</h2>
<p class="newsletter-hint">
<span class="hide-de">Erhalten Sie Updates und wichtige Informationen direkt in Ihr Postfach.</span>
<span class="hide-en">Receive updates and important information directly in your inbox.</span>
</p>
<form id="newsletter-form">
<div class="form-group">
<input type="email" id="newsletter-email" class="form-input" placeholder="name@example.com" />
</div>
<button type="button" class="btn btn-primary btn-block" onclick="subscribeNewsletter()">
<span class="hide-de">Abonnieren</span>
<span class="hide-en">Subscribe</span>
</button>
</form>
<div id="newsletter-success" class="hidden">
<p class="success-message">
<span class="hide-de">Danke! Bitte prüfen Sie Ihre E-Mails.</span>
<span class="hide-en">Thank you! Please check your emails.</span>
</p>
</div>
</div>
<div class="calendar-card">
<div class="calendar-header">
<div class="calendar-title">
<span class="hide-de">Termine</span>
<span class="hide-en">Upcoming Dates</span>
</div>
</div>
<div class="calendar-events" id="calendar-events">
<p class="calendar-events-hint">
<span class="hide-de">Termine werden geladen...</span>
<span class="hide-en">Loading events...</span>
</p>
</div>
</div>
</div>
</div>
</section>
<!-- Dates / Events Section -->
<section class="section fade-in-section" id="dates" style="display:none;">
<div class="container">