Zum Inhalt springen

Änderungen von Dokument 50jahrekgs

Zuletzt geändert von Sarah Groeneveld am 2026/09/12 22:44
Von Version 1.2
bearbeitet von Sarah Groeneveld
am 2026/09/03 08:47
Änderungskommentar: Update document after refactoring.
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,
... ... @@ -50,12 +50,14 @@
50 50  <div style="border-left:6px solid #1a237e;background:#e8eaf6;border-radius:8px;padding:14px 18px;margin:14px 0;">
51 51  <p style="margin:0 0 6px;font-weight:bold;font-size:15px;">🎭 Donnerstag, 17.09., 18:30 Uhr – Premiere „ECHO"</p>
52 52  <p style="margin:0 0 10px;font-size:14px;">Unser schuleigenes Musical feiert Premiere in der Mensa!</p>
107 +<a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/allg-info/musical-echo/" style="display:inline-block;background:#fff;color:#1a237e;text-decoration:none;padding:8px 16px;border-radius:6px;font-weight:bold;font-size:13px;border:2px solid #1a237e;margin-right:8px;">Mehr zum Musical „ECHO" →</a>
53 53  <a href="https://billettera.com/event/echo-2026-bv7q2" style="display:inline-block;background:#1a237e;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-weight:bold;font-size:13px;">Tickets hier holen</a>
54 54  </div>
55 55  
56 56  <div style="border-left:6px solid #ff9800;background:#fff3e0;border-radius:8px;padding:14px 18px;margin:14px 0;">
57 57  <p style="margin:0 0 6px;font-weight:bold;font-size:15px;">🥐 Freitagvormittag, 18.09. – Gemeinsames Jubiläumsfrühstück</p>
58 -<p style="margin:0;font-size:14px;">Jede Klasse macht ihr eigenes Klassenfrühstück. Je nach Wetter frühstücken alle rund 1.500 Schülerinnen und Schüler gemeinsam draußen auf dem Schulhof oder an einer großen Tafel in den Fluren.</p>
113 +<p style="margin:0 0 10px;font-size:14px;">Jede Klasse macht ihr eigenes Klassenfrühstück. Je nach Wetter frühstücken alle rund 1.500 Schülerinnen und Schüler gemeinsam draußen auf dem Schulhof oder an einer großen Tafel in den Fluren.</p>
114 +<a href="https://wiki.kgs-stuhr.de/xwiki/bin/view/allg-info/50jahrekgs/schulfruestueck/" style="display:inline-block;background:#ff9800;color:#fff;text-decoration:none;padding:8px 16px;border-radius:6px;font-weight:bold;font-size:13px;">Alle Infos zum Schulfrühstück →</a>
59 59  </div>
60 60  {{/html}}
61 61