Zum Inhalt springen

Änderungen von Dokument Home

Zuletzt geändert von Lucas Meister am 2026/05/23 19:59
Von Version 10.1
bearbeitet von Lucas Meister
am 2026/05/23 13:20
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 3.1
bearbeitet von Lucas Meister
am 2026/05/23 13:12
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,175 +1,318 @@
1 1  {{html clean="false"}}
2 2  
3 +<!-- Google Font (modern, clean UI font) -->
3 3  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
4 4  
5 5  <style>
6 6  body, .dashboard-wrapper {
7 7   font-family: 'Inter', sans-serif;
8 - background: #fafafa;
9 9  }
10 10  
11 +/* Seite */
11 11  .dashboard-wrapper {
12 - max-width: 1200px;
13 + max-width: 1400px;
13 13   margin: 0 auto;
14 - padding: 40px 30px;
15 + padding: 35px 25px;
15 15  }
16 16  
17 -/* HEADER */
18 -.title {
19 - font-size: 30px;
20 - font-weight: 700;
21 - letter-spacing: -0.6px;
22 - margin-bottom: 6px;
18 +/* Grid */
19 +.dashboard {
20 + display: grid;
21 + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
22 + gap: 24px;
23 + margin-top: 20px;
23 23  }
24 24  
25 -.subtitle {
26 - font-size: 14px;
27 - color: #666;
28 - margin-bottom: 30px;
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;
29 29  }
30 30  
31 -/* SECTION */
32 -.section {
33 - margin-bottom: 32px;
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);
34 34  }
35 35  
36 -.section-title {
37 - font-size: 12px;
38 - font-weight: 700;
39 - text-transform: uppercase;
40 - letter-spacing: 0.12em;
41 - color: #888;
49 +/* Icon oben zentriert */
50 +.tile-icon {
51 + font-size: 30px;
42 42   margin-bottom: 12px;
43 43  }
44 44  
45 -/* GRID (cleaner, weniger “App-Kacheln”) */
46 -.grid {
47 - display: grid;
48 - grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
49 - gap: 12px;
55 +/* Titel */
56 +.tile-title {
57 + font-size: 18px;
58 + font-weight: 700;
59 + text-align: center;
50 50  }
51 51  
52 -/* CARD (Dev-Portal Style) */
53 -.card {
54 - background: white;
55 - border: 1px solid #e6e6e6;
56 - border-radius: 10px;
57 - padding: 14px 16px;
58 - text-decoration: none !important;
59 - color: #222;
60 - transition: all 0.15s ease;
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;
61 61  }
70 +</style>
62 62  
63 -.card:hover {
64 - border-color: #b7e4c7;
65 - background: #f6fffa;
66 -}
72 +<div class="dashboard-wrapper">
67 67  
68 -/* TITLE */
69 -.card-title {
70 - font-size: 14px;
71 - font-weight: 600;
72 - margin-bottom: 4px;
73 -}
74 +<div style="font-size:28px;font-weight:700;margin-bottom:8px;">
75 +📌 Startseite
76 +</div>
74 74  
75 -/* DESC */
76 -.card-desc {
77 - font-size: 12px;
78 - color: #666;
79 - line-height: 1.4;
80 -}
78 +<div style="color:#666;margin-bottom:18px;">
79 +Zentrale Übersicht für Systeme, Wissen und Projekte
80 +</div>
81 81  
82 -/* subtle accent line (optional dev-portal feel) */
83 -.accent {
84 - height: 2px;
85 - width: 40px;
86 - background: #1b7a4a;
87 - margin: 10px 0 18px;
88 - border-radius: 2px;
89 -}
90 -</style>
82 +<div class="dashboard">
91 91  
92 -<div class="dashboard-wrapper">
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>
93 93  
94 - <div class="title">IT Wiki</div>
95 - <div class="subtitle">Interne Dokumentation und Systeme</div>
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>
96 96  
97 - <div class="accent"></div>
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>
98 98  
99 - <!-- CORE -->
100 - <div class="section">
101 - <div class="section-title">Core</div>
102 - <div class="grid">
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>
103 103  
104 - <a class="card" href="/xwiki/bin/view/Main/Team">
105 - <div class="card-title">Team</div>
106 - <div class="card-desc">Zuständigkeiten und Ansprechpartner</div>
107 - </a>
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>
108 108  
109 - <a class="card" href="/xwiki/bin/view/Main/Dokumentation">
110 - <div class="card-title">Dokumentation</div>
111 - <div class="card-desc">Technische und interne Doku</div>
112 - </a>
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>
113 113  
114 - <a class="card" href="/xwiki/bin/view/Main/Projekte">
115 - <div class="card-title">Projekte</div>
116 - <div class="card-desc">Aktive IT-Projekte</div>
117 - </a>
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>
118 118  
119 - <a class="card" href="/xwiki/bin/view/Main/Wissen">
120 - <div class="card-title">Wissen Base</div>
121 - <div class="card-desc">Lösungen, How-Tos, FAQ</div>
122 - </a>
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>
123 123  
124 - </div>
125 - </div>
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>
126 126  
127 - <!-- SYSTEMS -->
128 - <div class="section">
129 - <div class="section-title">Systems</div>
130 - <div class="grid">
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>
131 131  
132 - <a class="card" href="/xwiki/bin/view/Main/Wissen/Windows">
133 - <div class="card-title">Windows</div>
134 - <div class="card-desc">Administration & Troubleshooting</div>
135 - </a>
144 +</div>
136 136  
137 - <a class="card" href="/xwiki/bin/view/Main/Wissen/Linux">
138 - <div class="card-title">Linux</div>
139 - <div class="card-desc">Server & How-Tos</div>
140 - </a>
146 +</div>
141 141  
142 - <a class="card" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
143 - <div class="card-title">Fachverfahren</div>
144 - <div class="card-desc">Fachanwendungen & Prozesse</div>
145 - </a>
148 +{{/html}}
146 146  
147 - </div>
148 - </div>
149 149  
150 - <!-- OPERATIONS -->
151 - <div class="section">
152 - <div class="section-title">Operations</div>
153 - <div class="grid">
154 154  
155 - <a class="card" href="/xwiki/bin/view/Main/ExterneDienstleister">
156 - <div class="card-title">Dienstleister</div>
157 - <div class="card-desc">Externe Kontakte</div>
158 - </a>
152 +(% class="dashboard-wrapper" %)
153 +(((
154 +(% style="font-size:28px;font-weight:700;margin-bottom:8px;" %)
155 +(((
156 +Internes Wiki IT Samtgemeinde Lühe
157 +)))
159 159  
160 - <a class="card" href="/xwiki/bin/view/Main/ProjekteArchiv">
161 - <div class="card-title">Archiv</div>
162 - <div class="card-desc">Abgeschlossene Projekte</div>
163 - </a>
159 +(% style="color:#666;margin-bottom:18px;" %)
160 +(((
161 +Zentrale Übersicht für Systeme, Wissen und Projekte
162 +)))
164 164  
165 - <a class="card" href="/xwiki/bin/view/Main/Ausbildung">
166 - <div class="card-title">Ausbildung</div>
167 - <div class="card-desc">Lernmaterial & Onboarding</div>
168 - </a>
164 +(% class="dashboard" %)
165 +(((
166 +(% class="tile-icon" %)
167 +(((
168 +[[👥>>path:/xwiki/bin/view/Main/Team||class="tile"]]
169 +)))
169 169  
170 - </div>
171 - </div>
171 +(% class="tile-title" %)
172 +(((
173 +[[Team>>path:/xwiki/bin/view/Main/Team||class="tile"]]
174 +)))
172 172  
173 -</div>
176 +(% class="tile-desc" %)
177 +(((
178 +[[Zuständigkeiten>>path:/xwiki/bin/view/Main/Team||class="tile"]]
179 +)))
174 174  
175 -{{/html}}
181 +(% class="tile-icon" %)
182 +(((
183 +[[📘>>path:/xwiki/bin/view/Main/Dokumentation||class="tile"]]
184 +)))
185 +
186 +(% class="tile-title" %)
187 +(((
188 +[[Dokumentation>>path:/xwiki/bin/view/Main/Dokumentation||class="tile"]]
189 +)))
190 +
191 +(% class="tile-desc" %)
192 +(((
193 +[[Technische und interne Dokumentation>>path:/xwiki/bin/view/Main/Dokumentation||class="tile"]]
194 +)))
195 +
196 +(% class="tile-icon" %)
197 +(((
198 +[[📁>>path:/xwiki/bin/view/Main/Projekte||class="tile"]]
199 +)))
200 +
201 +(% class="tile-title" %)
202 +(((
203 +[[Projekte>>path:/xwiki/bin/view/Main/Projekte||class="tile"]]
204 +)))
205 +
206 +(% class="tile-desc" %)
207 +(((
208 +[[Alle laufenden Projekte im Überblick>>path:/xwiki/bin/view/Main/Projekte||class="tile"]]
209 +)))
210 +
211 +(% class="tile-icon" %)
212 +(((
213 +[[🧠>>path:/xwiki/bin/view/Main/Wissen||class="tile"]]
214 +)))
215 +
216 +(% class="tile-title" %)
217 +(((
218 +[[Wissen>>path:/xwiki/bin/view/Main/Wissen||class="tile"]]
219 +)))
220 +
221 +(% class="tile-desc" %)
222 +(((
223 +[[Interne Lösungen & FAQ>>path:/xwiki/bin/view/Main/Wissen||class="tile"]]
224 +)))
225 +
226 +(% class="tile-icon" %)
227 +(((
228 +[[🤝>>path:/xwiki/bin/view/Main/ExterneDienstleister||class="tile"]]
229 +)))
230 +
231 +(% class="tile-title" %)
232 +(((
233 +[[Externe Dienstleister>>path:/xwiki/bin/view/Main/ExterneDienstleister||class="tile"]]
234 +)))
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"]]