Änderungen von Dokument Wiki - Schüler:innen

Zuletzt geändert von Sarah Groeneveld am 2025/06/20 22:12

Von Version 46.1
bearbeitet von Sarah Groeneveld
am 2025/06/20 21:36
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 48.1
bearbeitet von Sarah Groeneveld
am 2025/06/20 21:40
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -27,3 +27,118 @@
27 27  * [[Wandertag>>doc:.wandertag-schueler.WebHome]]
28 28  * [[WPK- und Profilwahl>>doc:.WPK-Profil.WebHome]]
29 29  * [[Zukunftstag>>doc:.zukunftstag.WebHome]]
30 +
31 +{{html clean="false"}}
32 +<div style="max-width: 800px; margin: 0 auto; background-color: #e3f2fd; border-left: 6px solid #42a5f5; padding: 1.5rem; border-radius: 8px; text-align: center;">
33 +
34 + <h2 style="margin-top: 0; color: #1565c0;">👋 Willkommen im Schüler-Wiki der KGS Stuhr-Brinkum</h2>
35 +
36 + <p style="font-size: 1.1em; line-height: 1.5;">
37 + Hier findest du alle wichtigen Infos und Anleitungen rund um deinen Schulalltag – von der Krankmeldung bis zur Projektwoche, vom Mensa-Essen bis zum Schulbus. <br>
38 + Klick dich einfach durch die Kacheln unten – und finde schnell, was du suchst! 📚✨
39 + </p>
40 +
41 +</div>
42 +{{/html}}
43 +
44 +
45 +{{html clean="false"}}
46 +<style>
47 + .hover-box-link {
48 + text-decoration: none;
49 + color: inherit;
50 + flex: 1 1 45%;
51 + }
52 +
53 + .hover-box {
54 + padding: 1rem;
55 + border-radius: 12px;
56 + text-align: center;
57 + transition: all 0.3s ease;
58 + color: #000000;
59 + }
60 +
61 + .hover-box:hover {
62 + opacity: 0.9;
63 + transform: scale(1.02);
64 + }
65 +
66 + .hover-box-icon {
67 + font-size: 2em;
68 + }
69 +
70 + .hover-box-title {
71 + font-weight: bold;
72 + margin-top: 0.5rem;
73 + }
74 +</style>
75 +
76 +<div style="display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between;">
77 +
78 + <a href="schueler:orientierung.WebHome" class="hover-box-link">
79 + <div class="hover-box" style="background-color: #fdd835;">
80 + <div class="hover-box-icon">🧭</div>
81 + <div class="hover-box-title">Orientierung in der Schule</div>
82 + </div>
83 + </a>
84 +
85 + <a href="schueler:digital.WebHome" class="hover-box-link">
86 + <div class="hover-box" style="background-color: #81d4fa;">
87 + <div class="hover-box-icon">💻</div>
88 + <div class="hover-box-title">Digital & Organisatorisch</div>
89 + </div>
90 + </a>
91 +
92 + <a href="schueler:beratung.WebHome" class="hover-box-link">
93 + <div class="hover-box" style="background-color: #c5e1a5;">
94 + <div class="hover-box-icon">📚</div>
95 + <div class="hover-box-title">Unterstützung & Beratung</div>
96 + </div>
97 + </a>
98 +
99 + <a href="schueler:wahlen.WebHome" class="hover-box-link">
100 + <div class="hover-box" style="background-color: #ffd180;">
101 + <div class="hover-box-icon">🔁</div>
102 + <div class="hover-box-title">Wahlen & Übergänge</div>
103 + </div>
104 + </a>
105 +
106 + <a href="schueler:termine.WebHome" class="hover-box-link">
107 + <div class="hover-box" style="background-color: #b39ddb;">
108 + <div class="hover-box-icon">📅</div>
109 + <div class="hover-box-title">Schulalltag & Termine</div>
110 + </div>
111 + </a>
112 +
113 + <a href="schueler:verkehr.WebHome" class="hover-box-link">
114 + <div class="hover-box" style="background-color: #ffab91;">
115 + <div class="hover-box-icon">🚍</div>
116 + <div class="hover-box-title">Ankommen & nach Hause kommen</div>
117 + </div>
118 + </a>
119 +
120 + <a href="schueler:angebote.WebHome" class="hover-box-link">
121 + <div class="hover-box" style="background-color: #a5d6a7;">
122 + <div class="hover-box-icon">🎨</div>
123 + <div class="hover-box-title">AGs & Angebote</div>
124 + </div>
125 + </a>
126 +
127 + <a href="schueler:wettbewerbe.WebHome" class="hover-box-link">
128 + <div class="hover-box" style="background-color: #f48fb1;">
129 + <div class="hover-box-icon">🏆</div>
130 + <div class="hover-box-title">Wettbewerbe & Aktionen</div>
131 + </div>
132 + </a>
133 +
134 + <a href="schueler:beteiligung.WebHome" class="hover-box-link">
135 + <div class="hover-box" style="background-color: #ce93d8;">
136 + <div class="hover-box-icon">📣</div>
137 + <div class="hover-box-title">Mitmachen & Mitgestalten</div>
138 + </div>
139 + </a>
140 +
141 +</div>
142 +{{/html}}
143 +
144 +