Änderungen von Dokument 50jahrekgs

Zuletzt geändert von Sarah Groeneveld am 2026/09/12 22:44

Von Version 3.1
bearbeitet von Sarah Groeneveld
am 2026/09/07 12:47
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 4.1
bearbeitet von Sarah Groeneveld
am 2026/09/07 12:49
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -4,6 +4,60 @@
4 4  <p style="margin:10px 0 0;font-size:17px;">Unsere Jubiläums-Projektwoche & unser Schulfest 2026</p>
5 5  <p style="margin:6px 0 0;font-size:14px;opacity:0.9;">14. bis 18. September 2026</p>
6 6  </div>
7 +
8 +<div style="background:#fff;border:2px solid #e91e8c;border-radius:10px;padding:18px 20px;margin-bottom:25px;text-align:center;">
9 +<p style="margin:0 0 12px;font-size:15px;font-weight:bold;color:#1a237e;">⏳ Countdown bis zum Schulfest</p>
10 +<div id="kgs-countdown" style="display:flex;justify-content:center;gap:14px;flex-wrap:wrap;">
11 + <div style="min-width:70px;">
12 + <div id="cd-days" style="font-size:30px;font-weight:bold;color:#e91e8c;">00</div>
13 + <div style="font-size:12px;color:#555;">Tage</div>
14 + </div>
15 + <div style="min-width:70px;">
16 + <div id="cd-hours" style="font-size:30px;font-weight:bold;color:#e91e8c;">00</div>
17 + <div style="font-size:12px;color:#555;">Stunden</div>
18 + </div>
19 + <div style="min-width:70px;">
20 + <div id="cd-minutes" style="font-size:30px;font-weight:bold;color:#e91e8c;">00</div>
21 + <div style="font-size:12px;color:#555;">Minuten</div>
22 + </div>
23 + <div style="min-width:70px;">
24 + <div id="cd-seconds" style="font-size:30px;font-weight:bold;color:#e91e8c;">00</div>
25 + <div style="font-size:12px;color:#555;">Sekunden</div>
26 + </div>
27 +</div>
28 +<p id="kgs-countdown-done" style="display:none;margin:10px 0 0;font-size:16px;font-weight:bold;color:#8bc34a;">🎪 Das Schulfest hat begonnen – wir feiern!</p>
29 +</div>
30 +
31 +<script>
32 +(function() {
33 + var zielDatum = new Date("2026-09-18T15:00:00+02:00").getTime();
34 +
35 + function updateCountdown() {
36 + var jetzt = new Date().getTime();
37 + var diff = zielDatum - jetzt;
38 +
39 + if (diff <= 0) {
40 + document.getElementById("kgs-countdown").style.display = "none";
41 + document.getElementById("kgs-countdown-done").style.display = "block";
42 + clearInterval(timer);
43 + return;
44 + }
45 +
46 + var tage = Math.floor(diff / (1000 * 60 * 60 * 24));
47 + var stunden = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60));
48 + var minuten = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60));
49 + var sekunden = Math.floor((diff % (1000 * 60)) / 1000);
50 +
51 + document.getElementById("cd-days").textContent = String(tage).padStart(2, "0");
52 + document.getElementById("cd-hours").textContent = String(stunden).padStart(2, "0");
53 + document.getElementById("cd-minutes").textContent = String(minuten).padStart(2, "0");
54 + document.getElementById("cd-seconds").textContent = String(sekunden).padStart(2, "0");
55 + }
56 +
57 + updateCountdown();
58 + var timer = setInterval(updateCountdown, 1000);
59 +})();
60 +</script>
7 7  {{/html}}
8 8  
9 9  Liebe Eltern, liebe Schülerinnen und Schüler,