Änderungen von Dokument Wiki - Schüler:innen

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -29,70 +29,114 @@
29	29	* [[Zukunftstag>>doc:.zukunftstag.WebHome]]
30	30
31	31	{{html clean="false"}}
32		-<div style="display: flex; flex-direction: column; gap: 1rem; max-width: 400px;">
	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	33
34		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
35		- <div style="font-size: 2em;">🧭</div>
36		- <div style="font-weight: bold; margin-top: 0.5rem;">
37		- [[Orientierung in der Schule>>schueler:orientierung.WebHome]]
	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>
38	38	</div>
39		- </div>
	83	+ </a>
40	40
41		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
42		- <div style="font-size: 2em;">💻</div>
43		- <div style="font-weight: bold; margin-top: 0.5rem;">
44		- [[Digital & Organisatorisch>>schueler:digitales.WebHome]]
	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>
45	45	</div>
46		- </div>
	90	+ </a>
47	47
48		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
49		- <div style="font-size: 2em;">📚</div>
50		- <div style="font-weight: bold; margin-top: 0.5rem;">
51		- [[Unterstützung & Beratung>>schueler:beratung.WebHome]]
	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>
52	52	</div>
53		- </div>
	97	+ </a>
54	54
55		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
56		- <div style="font-size: 2em;">🔁</div>
57		- <div style="font-weight: bold; margin-top: 0.5rem;">
58		- [[Wahlen & Übergänge>>schueler:wahlen.WebHome]]
	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>
59	59	</div>
60		- </div>
	104	+ </a>
61	61
62		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
63		- <div style="font-size: 2em;">📅</div>
64		- <div style="font-weight: bold; margin-top: 0.5rem;">
65		- [[Schulalltag & Termine>>schueler:schulalltag.WebHome]]
	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>
66	66	</div>
67		- </div>
	111	+ </a>
68	68
69		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
70		- <div style="font-size: 2em;">🚍</div>
71		- <div style="font-weight: bold; margin-top: 0.5rem;">
72		- [[Ankommen & nach Hause kommen>>schueler:verkehr.WebHome]]
	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>
73	73	</div>
74		- </div>
	118	+ </a>
75	75
76		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
77		- <div style="font-size: 2em;">🎨</div>
78		- <div style="font-weight: bold; margin-top: 0.5rem;">
79		- [[AGs & Angebote>>schueler:ags.WebHome]]
	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>
80	80	</div>
81		- </div>
	125	+ </a>
82	82
83		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
84		- <div style="font-size: 2em;">🏆</div>
85		- <div style="font-weight: bold; margin-top: 0.5rem;">
86		- [[Wettbewerbe & besondere Aktionen>>schueler:wettbewerbe.WebHome]]
	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>
87	87	</div>
88		- </div>
	132	+ </a>
89	89
90		- <div style="border: 1px solid #ccc; padding: 1rem; border-radius: 10px; background-color: #f8f8f8; text-align: center;">
91		- <div style="font-size: 2em;">📣</div>
92		- <div style="font-weight: bold; margin-top: 0.5rem;">
93		- [[Mitmachen & Mitgestalten>>schueler:mitmachen.WebHome]]
	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>
94	94	</div>
95		- </div>
	139	+ </a>
96	96
97	97	</div>
98	98	{{/html}}