Änderungen von Dokument Wiki - Schüler:innen

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -29,70 +29,102 @@
29	29	* [[Zukunftstag>>doc:.zukunftstag.WebHome]]
30	30
31	31	{{html clean="false"}}
32		-<div style="display: flex; flex-wrap: wrap; gap: 1rem;">
	32	+<style>
	33	+ .hover-box-link {
	34	+ text-decoration: none;
	35	+ color: inherit;
	36	+ flex: 1 1 45%;
	37	+ }
33	33
34		- <div style="flex: 1 1 45%; 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]]
	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>
38	38	</div>
39		- </div>
	69	+ </a>
40	40
41		- <div style="flex: 1 1 45%; 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]]
	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>
45	45	</div>
46		- </div>
	76	+ </a>
47	47
48		- <div style="flex: 1 1 45%; 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]]
	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>
52	52	</div>
53		- </div>
	83	+ </a>
54	54
55		- <div style="flex: 1 1 45%; 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]]
	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>
59	59	</div>
60		- </div>
	90	+ </a>
61	61
62		- <div style="flex: 1 1 45%; 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]]
	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>
66	66	</div>
67		- </div>
	97	+ </a>
68	68
69		- <div style="flex: 1 1 45%; 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]]
	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>
73	73	</div>
74		- </div>
	104	+ </a>
75	75
76		- <div style="flex: 1 1 45%; 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]]
	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>
80	80	</div>
81		- </div>
	111	+ </a>
82	82
83		- <div style="flex: 1 1 45%; 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]]
	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>
87	87	</div>
88		- </div>
	118	+ </a>
89	89
90		- <div style="flex: 1 1 45%; 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]]
	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>
94	94	</div>
95		- </div>
	125	+ </a>
96	96
97	97	</div>
98	98	{{/html}}
	129	+
	130	+