84 lines
3.8 KiB
PHP
84 lines
3.8 KiB
PHP
<!-- DAS NEWS POPUP (MODAL) - Global verfügbar -->
|
|
<div class="news-modal" id="newsModal">
|
|
<div class="news-modal-content">
|
|
<span class="news-modal-close" onclick="closeNewsModal()">×</span>
|
|
<img src="" alt="News Bild" class="news-modal-img" id="modalImage">
|
|
<div class="news-modal-header">
|
|
<div class="news-modal-meta" id="modalMeta">Datum | Abteilung</div>
|
|
<h2 class="news-modal-title" id="modalTitle">Überschrift</h2>
|
|
</div>
|
|
<div class="news-modal-body" id="modalBody">
|
|
Hier steht dann der komplette Text...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<h4>Über uns</h4>
|
|
<p>Die SG 07 St. Leon ist die sportliche Heimat für alle Altersklassen in der Region.</p>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h4>Verein</h4>
|
|
<ul>
|
|
<li><a href="verein.php">Vorstand & Ansprechpartner</a></li>
|
|
<li><a href="mitgliedschaft.php">Mitgliedschaft & Anträge</a></li>
|
|
<li><a href="freundeskreis.php">Freundeskreis</a></li>
|
|
<li><a href="https://www.dkc88skc89.de/" target="_blank">Kegeln</a></li>
|
|
<li><a href="https://www.hsg-s-r.de/" target="_blank">Handball (HSG)</a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="footer-section">
|
|
<h4>Kontakt</h4>
|
|
<ul>
|
|
<li>📧 sg07-stleon@t-online.de</li>
|
|
<li>📍 Postfach 6459, 68789 St. Leon-Rot</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-bottom" style="display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 20px;">
|
|
<p>© 2026 SG 07 St. Leon e.V. Alle Rechte vorbehalten.</p>
|
|
<div style="font-size: 0.95rem;">
|
|
<a href="impressum.php" style="color: #ccc; text-decoration: none; margin: 0 15px; font-weight: bold;">Impressum</a> |
|
|
<a href="datenschutz.php" style="color: #ccc; text-decoration: none; margin: 0 15px; font-weight: bold;">Datenschutz</a>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- DAS NEWS POPUP (MODAL) MIT GALERIE -->
|
|
<div class="news-modal" id="newsModal">
|
|
<div class="news-modal-content">
|
|
<span class="news-modal-close" onclick="closeNewsModal()">×</span>
|
|
|
|
<!-- HIER IST DER FEHLENDE CONTAINER -->
|
|
<div class="news-modal-gallery" id="modalGallery">
|
|
<!-- Dynamische Galerie-Bilder erscheinen hier -->
|
|
</div>
|
|
|
|
<div class="news-modal-header">
|
|
<div class="news-modal-meta" id="modalMeta">Datum | Abteilung</div>
|
|
<h2 class="news-modal-title" id="modalTitle">Überschrift</h2>
|
|
</div>
|
|
<div class="news-modal-body" id="modalBody">
|
|
Hier steht dann der komplette Text...
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Lightbox Modal (für die Vereinsheim Galerie) -->
|
|
<div class="lightbox" id="lightbox">
|
|
<div class="lightbox-content">
|
|
<span class="lightbox-close" onclick="closeLightbox()">×</span>
|
|
<span class="lightbox-nav lightbox-prev" onclick="changeImage(-1)">❮</span>
|
|
<img src="" alt="Galerie Bild groß" class="lightbox-img" id="lightboxImg">
|
|
<span class="lightbox-nav lightbox-next" onclick="changeImage(1)">❯</span>
|
|
<div class="lightbox-counter" id="lightboxCounter">1 / 6</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="main.js"></script>
|
|
</body>
|
|
</html> |