Ä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 47.1
bearbeitet von Sarah Groeneveld
am 2025/06/20 21:38
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -27,3 +27,104 @@
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 +<style>
33 + .hover-box-link {
34 + text-decoration: none;
35 + color: inherit;
36 + flex: 1 1 45%;
37 + }
38 +
39 + .hover-box {
40 + padding: 1rem;
41 + border-radius: 12px;
42 + text-align: center;
43 + transition: all 0.3s ease;
44 + color: #000000;
45 + }
46 +
47 + .hover-box:hover {
48 + opacity: 0.9;
49 + transform: scale(1.02);
50 + }
51 +
52 + .hover-box-icon {
53 + font-size: 2em;
54 + }
55 +
56 + .hover-box-title {
57 + font-weight: bold;
58 + margin-top: 0.5rem;
59 + }
60 +</style>
61 +
62 +<div style="display: flex; flex-wrap: wrap; gap: 1rem; justify-content: space-between;">
63 +
64 + <a href="schueler:orientierung.WebHome" class="hover-box-link">
65 + <div class="hover-box" style="background-color: #fdd835;">
66 + <div class="hover-box-icon">🧭</div>
67 + <div class="hover-box-title">Orientierung in der Schule</div>
68 + </div>
69 + </a>
70 +
71 + <a href="schueler:digital.WebHome" class="hover-box-link">
72 + <div class="hover-box" style="background-color: #81d4fa;">
73 + <div class="hover-box-icon">💻</div>
74 + <div class="hover-box-title">Digital & Organisatorisch</div>
75 + </div>
76 + </a>
77 +
78 + <a href="schueler:beratung.WebHome" class="hover-box-link">
79 + <div class="hover-box" style="background-color: #c5e1a5;">
80 + <div class="hover-box-icon">📚</div>
81 + <div class="hover-box-title">Unterstützung & Beratung</div>
82 + </div>
83 + </a>
84 +
85 + <a href="schueler:wahlen.WebHome" class="hover-box-link">
86 + <div class="hover-box" style="background-color: #ffd180;">
87 + <div class="hover-box-icon">🔁</div>
88 + <div class="hover-box-title">Wahlen & Übergänge</div>
89 + </div>
90 + </a>
91 +
92 + <a href="schueler:termine.WebHome" class="hover-box-link">
93 + <div class="hover-box" style="background-color: #b39ddb;">
94 + <div class="hover-box-icon">📅</div>
95 + <div class="hover-box-title">Schulalltag & Termine</div>
96 + </div>
97 + </a>
98 +
99 + <a href="schueler:verkehr.WebHome" class="hover-box-link">
100 + <div class="hover-box" style="background-color: #ffab91;">
101 + <div class="hover-box-icon">🚍</div>
102 + <div class="hover-box-title">Ankommen & nach Hause kommen</div>
103 + </div>
104 + </a>
105 +
106 + <a href="schueler:angebote.WebHome" class="hover-box-link">
107 + <div class="hover-box" style="background-color: #a5d6a7;">
108 + <div class="hover-box-icon">🎨</div>
109 + <div class="hover-box-title">AGs & Angebote</div>
110 + </div>
111 + </a>
112 +
113 + <a href="schueler:wettbewerbe.WebHome" class="hover-box-link">
114 + <div class="hover-box" style="background-color: #f48fb1;">
115 + <div class="hover-box-icon">🏆</div>
116 + <div class="hover-box-title">Wettbewerbe & Aktionen</div>
117 + </div>
118 + </a>
119 +
120 + <a href="schueler:beteiligung.WebHome" class="hover-box-link">
121 + <div class="hover-box" style="background-color: #ce93d8;">
122 + <div class="hover-box-icon">📣</div>
123 + <div class="hover-box-title">Mitmachen & Mitgestalten</div>
124 + </div>
125 + </a>
126 +
127 +</div>
128 +{{/html}}
129 +
130 +