Zum Inhalt springen

Änderungen von Dokument Home

Zuletzt geändert von Lucas Meister am 2026/05/23 19:59
Von Version 5.1
bearbeitet von Lucas Meister
am 2026/05/23 13:14
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 13.1
bearbeitet von Lucas Meister
am 2026/05/23 13:25
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,318 +1,241 @@
1 1  {{html clean="false"}}
2 2  
3 -<!-- Google Font (modern, clean UI font) -->
4 4  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
5 5  
6 6  <style>
7 7  body, .dashboard-wrapper {
8 8   font-family: 'Inter', sans-serif;
8 + background: #fafafa;
9 9  }
10 10  
11 -/* Seite */
12 12  .dashboard-wrapper {
13 - max-width: 1400px;
12 + max-width: 1200px;
14 14   margin: 0 auto;
15 - padding: 35px 25px;
14 + padding: 40px 30px;
16 16  }
17 17  
18 -/* Grid */
19 -.dashboard {
20 - display: grid;
21 - grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
22 - gap: 24px;
23 - margin-top: 20px;
17 +/* HEADER */
18 +.title {
19 + font-size: 32px;
20 + font-weight: 700;
21 + letter-spacing: -0.6px;
22 + margin-bottom: 6px;
24 24  }
25 25  
26 -/* Kachel */
27 -.tile {
28 - background: rgba(23, 115, 69, 0.82); /* CI Grün transparent */
29 - border-radius: 18px;
30 - padding: 26px 22px;
31 - text-decoration: none !important; /* KEINE Unterstreichung */
32 - color: white;
33 - display: flex;
34 - flex-direction: column;
35 - align-items: center; /* alles zentriert */
36 - justify-content: center;
37 - min-height: 170px;
38 - box-shadow: 0 8px 20px rgba(0,0,0,0.18);
39 - transition: all 0.25s ease;
25 +.subtitle {
26 + font-size: 14px;
27 + color: #666;
28 + margin-bottom: 30px;
40 40  }
41 41  
42 -/* Hover */
43 -.tile:hover {
44 - transform: translateY(-6px);
45 - background: rgba(23, 115, 69, 0.95);
46 - box-shadow: 0 14px 30px rgba(0,0,0,0.28);
31 +/* SECTION */
32 +.section {
33 + margin-bottom: 34px;
47 47  }
48 48  
49 -/* Icon oben zentriert */
50 -.tile-icon {
51 - font-size: 30px;
52 - margin-bottom: 12px;
36 +.section-title {
37 + font-size: 12px;
38 + font-weight: 700;
39 + text-transform: uppercase;
40 + letter-spacing: 0.12em;
41 + color: #777;
42 + margin-bottom: 14px;
53 53  }
54 54  
55 -/* Titel */
56 -.tile-title {
57 - font-size: 18px;
58 - font-weight: 700;
59 - text-align: center;
45 +/* GRID */
46 +.grid {
47 + display: grid;
48 + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
49 + gap: 14px;
60 60  }
61 61  
62 -/* Beschreibung */
63 -.tile-desc {
64 - font-size: 13px;
65 - opacity: 0.9;
66 - margin-top: 6px;
67 - text-align: center;
68 - line-height: 1.4;
52 +/* CARD */
53 +.card {
54 + background: white;
55 + border: 1px solid #e6e6e6;
56 + border-radius: 12px;
57 + padding: 22px 20px;
58 + text-decoration: none !important;
59 + color: #222;
60 + transition: all 0.18s ease;
61 + min-height: 110px;
69 69  }
70 -</style>
71 71  
72 -<div class="dashboard-wrapper">
64 +.card:hover {
65 + transform: translateY(-2px);
66 +}
73 73  
74 -<div style="font-size:28px;font-weight:700;margin-bottom:8px;">
75 -Internes Wiki der Samtgemeinde Lühe IT
76 -</div>
68 +/* TEXT */
69 +.card-title {
70 + font-size: 15px;
71 + font-weight: 600;
72 + margin-bottom: 6px;
73 +}
77 77  
78 -<div style="color:#666;margin-bottom:18px;">
79 -Zentrale Übersicht für Systeme, Wissen und Projekte
80 -</div>
75 +.card-desc {
76 + font-size: 13px;
77 + color: #666;
78 + line-height: 1.4;
79 +}
81 81  
82 -<div class="dashboard">
81 +/* ===== COLORS ===== */
83 83  
84 - <a class="tile" href="/xwiki/bin/view/Main/Team">
85 - <div class="tile-icon">👥</div>
86 - <div class="tile-title">Team</div>
87 - <div class="tile-desc">Zuständigkeiten</div>
88 - </a>
83 +/* SYSTEM (grün) */
84 +.card.system {
85 + border-left: 5px solid #1b7a4a;
86 +}
87 +.card.system:hover {
88 + background: #f3fbf6;
89 + border-color: #b7e4c7;
90 +}
89 89  
90 - <a class="tile" href="/xwiki/bin/view/Main/Dokumentation">
91 - <div class="tile-icon">📘</div>
92 - <div class="tile-title">Dokumentation</div>
93 - <div class="tile-desc">Technische und interne Dokumentation</div>
94 - </a>
92 +/* WISSEN / SECURITY (blau) */
93 +.card.knowledge {
94 + border-left: 5px solid #2b6cb0;
95 +}
96 +.card.knowledge:hover {
97 + background: #f3f8ff;
98 + border-color: #b6d4ff;
99 +}
95 95  
96 - <a class="tile" href="/xwiki/bin/view/Main/Projekte">
97 - <div class="tile-icon">📁</div>
98 - <div class="tile-title">Projekte</div>
99 - <div class="tile-desc">Alle laufenden Projekte im Überblick</div>
100 - </a>
101 +/* PROZESSE / ORGANISATION (lila) */
102 +.card.process {
103 + border-left: 5px solid #6b46c1;
104 +}
105 +.card.process:hover {
106 + background: #faf7ff;
107 + border-color: #d6c6ff;
108 +}
101 101  
102 - <a class="tile" href="/xwiki/bin/view/Main/Wissen">
103 - <div class="tile-icon">🧠</div>
104 - <div class="tile-title">Wissen</div>
105 - <div class="tile-desc">Interne Lösungen & FAQ</div>
106 - </a>
110 +/* ACCENT */
111 +.accent {
112 + height: 2px;
113 + width: 60px;
114 + background: #1b7a4a;
115 + margin: 10px 0 18px;
116 + border-radius: 2px;
117 +}
118 +</style>
107 107  
108 - <a class="tile" href="/xwiki/bin/view/Main/ExterneDienstleister">
109 - <div class="tile-icon">🤝</div>
110 - <div class="tile-title">Externe Dienstleister</div>
111 - <div class="tile-desc">Kontakte</div>
112 - </a>
120 +<div class="dashboard-wrapper">
113 113  
114 - <a class="tile" href="/xwiki/bin/view/Main/ProjekteArchiv">
115 - <div class="tile-icon">🗄️</div>
116 - <div class="tile-title">Projekte Archiv</div>
117 - <div class="tile-desc">Abgeschlossene Projekte im Überblick</div>
118 - </a>
122 + <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
123 + <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Organisation</div>
119 119  
120 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Linux">
121 - <div class="tile-icon">🐧</div>
122 - <div class="tile-title">Wissensdatenbank Linux</div>
123 - <div class="tile-desc">Linux How-Tos & Lösungen</div>
124 - </a>
125 + <div class="accent"></div>
125 125  
126 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Windows">
127 - <div class="tile-icon">🪟</div>
128 - <div class="tile-title">Wissensdatenbank Windows</div>
129 - <div class="tile-desc">Windows Administration</div>
130 - </a>
127 + <!-- HAUPTBEREICHE -->
128 + <div class="section">
129 + <div class="section-title">Hauptbereiche</div>
130 + <div class="grid">
131 131  
132 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
133 - <div class="tile-icon">🏛️</div>
134 - <div class="tile-title">Wissensdatenbank Fachverfahren</div>
135 - <div class="tile-desc">Fachanwendungen & Prozesse</div>
136 - </a>
132 + <a class="card system" href="/xwiki/bin/view/Main/Team">
133 + <div class="card-title">Team</div>
134 + <div class="card-desc">Zuständigkeiten und Ansprechpartner</div>
135 + </a>
137 137  
138 - <a class="tile" href="/xwiki/bin/view/Main/Ausbildung">
139 - <div class="tile-icon">🎓</div>
140 - <div class="tile-title">Ausbildung</div>
141 - <div class="tile-desc">Infos & Lernmaterialien</div>
142 - </a>
137 + <a class="card knowledge" href="/xwiki/bin/view/Main/Dokumentation">
138 + <div class="card-title">Dokumentation</div>
139 + <div class="card-desc">Technische und interne Dokumentation</div>
140 + </a>
143 143  
144 -</div>
142 + <a class="card system" href="/xwiki/bin/view/Main/Projekte">
143 + <div class="card-title">Projekte</div>
144 + <div class="card-desc">Aktuelle IT-Projekte und Entwicklungen</div>
145 + </a>
145 145  
146 -</div>
147 + <a class="card knowledge" href="/xwiki/bin/view/Main/Wissen">
148 + <div class="card-title">Wissensdatenbank</div>
149 + <div class="card-desc">FAQ, Lösungen und How-Tos</div>
150 + </a>
147 147  
148 -{{/html}}
152 + </div>
153 + </div>
149 149  
155 + <!-- SYSTEME -->
156 + <div class="section">
157 + <div class="section-title">Systeme und Betrieb</div>
158 + <div class="grid">
150 150  
160 + <a class="card system" href="/xwiki/bin/view/Main/Wissen/Windows">
161 + <div class="card-title">Windows Administration</div>
162 + <div class="card-desc">Verwaltung und Troubleshooting</div>
163 + </a>
151 151  
152 -(% class="dashboard-wrapper" %)
153 -(((
154 -(% style="font-size:28px;font-weight:700;margin-bottom:8px;" %)
155 -(((
156 -📌 Startseite
157 -)))
165 + <a class="card system" href="/xwiki/bin/view/Main/Wissen/Linux">
166 + <div class="card-title">Linux Systeme</div>
167 + <div class="card-desc">Server, Dienste und How-Tos</div>
168 + </a>
158 158  
159 -(% style="color:#666;margin-bottom:18px;" %)
160 -(((
161 -Zentrale Übersicht für Systeme, Wissen und Projekte
162 -)))
170 + <a class="card system" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
171 + <div class="card-title">Fachverfahren</div>
172 + <div class="card-desc">Fachanwendungen und Prozesse</div>
173 + </a>
163 163  
164 -(% class="dashboard" %)
165 -(((
166 -(% class="tile-icon" %)
167 -(((
168 -[[👥>>path:/xwiki/bin/view/Main/Team||class="tile"]]
169 -)))
175 + <!-- NEU: NETZWERK INFRASTRUKTUR -->
176 + <a class="card system" href="/xwiki/bin/view/Main/Wissen/Netzwerk">
177 + <div class="card-title">Netzwerk Infrastruktur</div>
178 + <div class="card-desc">Switches, VLANs, Routing, DNS/DHCP</div>
179 + </a>
170 170  
171 -(% class="tile-title" %)
172 -(((
173 -[[Team>>path:/xwiki/bin/view/Main/Team||class="tile"]]
174 -)))
181 + </div>
182 + </div>
175 175  
176 -(% class="tile-desc" %)
177 -(((
178 -[[Zuständigkeiten>>path:/xwiki/bin/view/Main/Team||class="tile"]]
179 -)))
184 + <!-- SICHERHEIT -->
185 + <div class="section">
186 + <div class="section-title">Sicherheit</div>
187 + <div class="grid">
180 180  
181 -(% class="tile-icon" %)
182 -(((
183 -[[📘>>path:/xwiki/bin/view/Main/Dokumentation||class="tile"]]
184 -)))
189 + <!-- NEU: INFORMATIONSSICHERHEIT -->
190 + <a class="card knowledge" href="/xwiki/bin/view/Main/Wissen/Informationssicherheit">
191 + <div class="card-title">Informationssicherheit</div>
192 + <div class="card-desc">Policies, Richtlinien, Sicherheitskonzepte</div>
193 + </a>
185 185  
186 -(% class="tile-title" %)
187 -(((
188 -[[Dokumentation>>path:/xwiki/bin/view/Main/Dokumentation||class="tile"]]
189 -)))
195 + </div>
196 + </div>
190 190  
191 -(% class="tile-desc" %)
192 -(((
193 -[[Technische und interne Dokumentation>>path:/xwiki/bin/view/Main/Dokumentation||class="tile"]]
194 -)))
198 + <!-- PROZESSE -->
199 + <div class="section">
200 + <div class="section-title">Prozesse und Organisation</div>
201 + <div class="grid">
195 195  
196 -(% class="tile-icon" %)
197 -(((
198 -[[📁>>path:/xwiki/bin/view/Main/Projekte||class="tile"]]
199 -)))
203 + <!-- NEU: FORMULARE -->
204 + <a class="card process" href="/xwiki/bin/view/Main/Formulare">
205 + <div class="card-title">Formulare</div>
206 + <div class="card-desc">IT-Anträge und Standardformulare</div>
207 + </a>
200 200  
201 -(% class="tile-title" %)
202 -(((
203 -[[Projekte>>path:/xwiki/bin/view/Main/Projekte||class="tile"]]
204 -)))
209 + <!-- NEU: ONBOARDING -->
210 + <a class="card process" href="/xwiki/bin/view/Main/Onboarding">
211 + <div class="card-title">Onboarding</div>
212 + <div class="card-desc">Neue Mitarbeitende einrichten</div>
213 + </a>
205 205  
206 -(% class="tile-desc" %)
207 -(((
208 -[[Alle laufenden Projekte im Überblick>>path:/xwiki/bin/view/Main/Projekte||class="tile"]]
209 -)))
215 + <!-- NEU: OFFBOARDING -->
216 + <a class="card process" href="/xwiki/bin/view/Main/Offboarding">
217 + <div class="card-title">Offboarding</div>
218 + <div class="card-desc">Abmeldung und Systementzug</div>
219 + </a>
210 210  
211 -(% class="tile-icon" %)
212 -(((
213 -[[🧠>>path:/xwiki/bin/view/Main/Wissen||class="tile"]]
214 -)))
221 + <a class="card process" href="/xwiki/bin/view/Main/ExterneDienstleister">
222 + <div class="card-title">Externe Dienstleister</div>
223 + <div class="card-desc">Kontakte und Partnerunternehmen</div>
224 + </a>
215 215  
216 -(% class="tile-title" %)
217 -(((
218 -[[Wissen>>path:/xwiki/bin/view/Main/Wissen||class="tile"]]
219 -)))
226 + <a class="card process" href="/xwiki/bin/view/Main/ProjekteArchiv">
227 + <div class="card-title">Archiv</div>
228 + <div class="card-desc">Abgeschlossene Projekte und Historie</div>
229 + </a>
220 220  
221 -(% class="tile-desc" %)
222 -(((
223 -[[Interne Lösungen & FAQ>>path:/xwiki/bin/view/Main/Wissen||class="tile"]]
224 -)))
231 + <a class="card process" href="/xwiki/bin/view/Main/Ausbildung">
232 + <div class="card-title">Ausbildung</div>
233 + <div class="card-desc">Lernmaterial und Onboarding</div>
234 + </a>
225 225  
226 -(% class="tile-icon" %)
227 -(((
228 -[[🤝>>path:/xwiki/bin/view/Main/ExterneDienstleister||class="tile"]]
229 -)))
236 + </div>
237 + </div>
230 230  
231 -(% class="tile-title" %)
232 -(((
233 -[[Externe Dienstleister>>path:/xwiki/bin/view/Main/ExterneDienstleister||class="tile"]]
234 -)))
239 +</div>
235 235  
236 -(% class="tile-desc" %)
237 -(((
238 -[[Kontakte>>path:/xwiki/bin/view/Main/ExterneDienstleister||class="tile"]]
239 -)))
240 -
241 -(% class="tile-icon" %)
242 -(((
243 -[[🗄️>>path:/xwiki/bin/view/Main/ProjekteArchiv||class="tile"]]
244 -)))
245 -
246 -(% class="tile-title" %)
247 -(((
248 -[[Projekte Archiv>>path:/xwiki/bin/view/Main/ProjekteArchiv||class="tile"]]
249 -)))
250 -
251 -(% class="tile-desc" %)
252 -(((
253 -[[Abgeschlossene Projekte im Überblick>>path:/xwiki/bin/view/Main/ProjekteArchiv||class="tile"]]
254 -)))
255 -
256 -(% class="tile-icon" %)
257 -(((
258 -[[🐧>>path:/xwiki/bin/view/Main/Wissen/Linux||class="tile"]]
259 -)))
260 -
261 -(% class="tile-title" %)
262 -(((
263 -[[Wissensdatenbank Linux>>path:/xwiki/bin/view/Main/Wissen/Linux||class="tile"]]
264 -)))
265 -
266 -(% class="tile-desc" %)
267 -(((
268 -[[Linux How-Tos & Lösungen>>path:/xwiki/bin/view/Main/Wissen/Linux||class="tile"]]
269 -)))
270 -
271 -(% class="tile-icon" %)
272 -(((
273 -[[🪟>>path:/xwiki/bin/view/Main/Wissen/Windows||class="tile"]]
274 -)))
275 -
276 -(% class="tile-title" %)
277 -(((
278 -[[Wissensdatenbank Windows>>path:/xwiki/bin/view/Main/Wissen/Windows||class="tile"]]
279 -)))
280 -
281 -(% class="tile-desc" %)
282 -(((
283 -[[Windows Administration>>path:/xwiki/bin/view/Main/Wissen/Windows||class="tile"]]
284 -)))
285 -
286 -(% class="tile-icon" %)
287 -(((
288 -[[🏛️>>path:/xwiki/bin/view/Main/Wissen/Fachverfahren||class="tile"]]
289 -)))
290 -
291 -(% class="tile-title" %)
292 -(((
293 -[[Wissensdatenbank Fachverfahren>>path:/xwiki/bin/view/Main/Wissen/Fachverfahren||class="tile"]]
294 -)))
295 -
296 -(% class="tile-desc" %)
297 -(((
298 -[[Fachanwendungen & Prozesse>>path:/xwiki/bin/view/Main/Wissen/Fachverfahren||class="tile"]]
299 -)))
300 -
301 -(% class="tile-icon" %)
302 -(((
303 -[[🎓>>path:/xwiki/bin/view/Main/Ausbildung||class="tile"]]
304 -)))
305 -
306 -(% class="tile-title" %)
307 -(((
308 -[[Ausbildung>>path:/xwiki/bin/view/Main/Ausbildung||class="tile"]]
309 -)))
310 -
311 -(% class="tile-desc" %)
312 -(((
313 -[[Infos & Lernmaterialien>>path:/xwiki/bin/view/Main/Ausbildung||class="tile"]]
314 -)))
315 -)))
316 -)))
317 -
318 -(% style="background:url(~"https://xwiki/webjars/wiki%3Axwiki/xwiki-platform-ckeditor-webjar/18.3.0/plugins/widget/images/handle.png~") rgba(220, 220, 220, 0.5); left:0px; top:-15px" %)[[image:data:image/gif;base64,R0lGODlhAQABAPABAP///wAAACH5BAEKAAAALAAAAAABAAEAAAICRAEAOw==||height="15" role="presentation" title="Zum Verschieben anwählen und ziehen" width="15"]]
241 +{{/html}}