Änderungen von Dokument Home

Zuletzt geändert von Lucas Meister am 2026/05/23 19:59

Von Version 7.1
bearbeitet von Lucas Meister
am 2026/05/23 13:17
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 9.1
bearbeitet von Lucas Meister
am 2026/05/23 13:19
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,30 +1,174 @@
1 -<!-- Statusbereich -->
2 -<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:25px;">
1 +{{html clean="false"}}
3 3  
4 - <div style="background:#f5f5f5;border-radius:14px;padding:16px;">
5 - <div style="font-weight:700;margin-bottom:6px;">🚨 IT Status</div>
6 - <div style="font-size:13px;color:#333;">
7 - VPN: 🟢 Online<br>
8 - Mail: 🟢 Online<br>
9 - AD: 🟡 Teilweise Störung
10 - </div>
3 +<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
4 +
5 +<style>
6 +body, .dashboard-wrapper {
7 + font-family: 'Inter', sans-serif;
8 +}
9 +
10 +.dashboard-wrapper {
11 + max-width: 1400px;
12 + margin: 0 auto;
13 + padding: 35px 25px;
14 +}
15 +
16 +/* Titel */
17 +.title {
18 + font-size: 34px;
19 + font-weight: 700;
20 + margin-bottom: 6px;
21 + letter-spacing: -0.5px;
22 +}
23 +
24 +.subtitle {
25 + color: #555;
26 + font-size: 15px;
27 + margin-bottom: 25px;
28 +}
29 +
30 +/* SEKTIONEN */
31 +.section-title {
32 + font-size: 14px;
33 + font-weight: 700;
34 + margin: 25px 0 10px;
35 + color: #333;
36 + text-transform: uppercase;
37 + letter-spacing: 0.06em;
38 +}
39 +
40 +/* GRID */
41 +.dashboard {
42 + display: grid;
43 + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
44 + gap: 24px;
45 +}
46 +
47 +/* KACHELN */
48 +.tile {
49 + background: rgba(23, 115, 69, 0.82);
50 + border-radius: 18px;
51 + padding: 28px 22px;
52 + text-decoration: none !important;
53 + color: white;
54 + display: flex;
55 + flex-direction: column;
56 + align-items: center;
57 + justify-content: center;
58 + min-height: 190px;
59 + box-shadow: 0 8px 20px rgba(0,0,0,0.18);
60 + transition: all 0.25s ease;
61 +}
62 +
63 +.tile:hover {
64 + transform: translateY(-6px);
65 + background: rgba(23, 115, 69, 0.95);
66 + box-shadow: 0 14px 30px rgba(0,0,0,0.28);
67 +}
68 +
69 +.tile-icon {
70 + font-size: 32px;
71 + margin-bottom: 12px;
72 +}
73 +
74 +.tile-title {
75 + font-size: 18px;
76 + font-weight: 700;
77 + text-align: center;
78 +}
79 +
80 +.tile-desc {
81 + font-size: 13px;
82 + opacity: 0.9;
83 + margin-top: 6px;
84 + text-align: center;
85 + line-height: 1.4;
86 +}
87 +</style>
88 +
89 +<div class="dashboard-wrapper">
90 +
91 + <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
92 + <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Projekte</div>
93 +
94 + <!-- 🔹 HAUPTBEREICH -->
95 + <div class="section-title">Hauptbereiche</div>
96 + <div class="dashboard">
97 +
98 + <a class="tile" href="/xwiki/bin/view/Main/Team">
99 + <div class="tile-icon">👥</div>
100 + <div class="tile-title">Team</div>
101 + <div class="tile-desc">Zuständigkeiten</div>
102 + </a>
103 +
104 + <a class="tile" href="/xwiki/bin/view/Main/Dokumentation">
105 + <div class="tile-icon">📘</div>
106 + <div class="tile-title">Dokumentation</div>
107 + <div class="tile-desc">Technische & interne Doku</div>
108 + </a>
109 +
110 + <a class="tile" href="/xwiki/bin/view/Main/Projekte">
111 + <div class="tile-icon">📁</div>
112 + <div class="tile-title">Projekte</div>
113 + <div class="tile-desc">Aktuelle Projekte</div>
114 + </a>
115 +
116 + <a class="tile" href="/xwiki/bin/view/Main/Wissen">
117 + <div class="tile-icon">🧠</div>
118 + <div class="tile-title">Wissen</div>
119 + <div class="tile-desc">FAQ & Lösungen</div>
120 + </a>
121 +
11 11   </div>
12 12  
13 - <div style="background:#f5f5f5;border-radius:14px;padding:16px;">
14 - <div style="font-weight:700;margin-bottom:6px;">📢 Hinweise</div>
15 - <div style="font-size:13px;color:#333;">
16 - Patchday am Freitag 18:00<br>
17 - Backup-Test diese Woche
18 - </div>
124 + <!-- 🔹 SYSTEME -->
125 + <div class="section-title">Systeme & Betrieb</div>
126 + <div class="dashboard">
127 +
128 + <a class="tile" href="/xwiki/bin/view/Main/Wissen/Linux">
129 + <div class="tile-icon">🐧</div>
130 + <div class="tile-title">Linux</div>
131 + <div class="tile-desc">How-Tos & Admin</div>
132 + </a>
133 +
134 + <a class="tile" href="/xwiki/bin/view/Main/Wissen/Windows">
135 + <div class="tile-icon">🪟</div>
136 + <div class="tile-title">Windows</div>
137 + <div class="tile-desc">Administration</div>
138 + </a>
139 +
140 + <a class="tile" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
141 + <div class="tile-icon">🏛️</div>
142 + <div class="tile-title">Fachverfahren</div>
143 + <div class="tile-desc">Fachanwendungen</div>
144 + </a>
145 +
19 19   </div>
20 20  
21 - <div style="background:#f5f5f5;border-radius:14px;padding:16px;">
22 - <div style="font-weight:700;margin-bottom:6px;">🧭 Schnellzugriff</div>
23 - <div style="font-size:13px;">
24 - <a href="#">Ticket-System</a><br>
25 - <a href="#">Monitoring</a><br>
26 - <a href="#">AD Verwaltung</a>
27 - </div>
148 + <!-- 🔹 SONSTIGES -->
149 + <div class="section-title">Sonstiges</div>
150 + <div class="dashboard">
151 +
152 + <a class="tile" href="/xwiki/bin/view/Main/ExterneDienstleister">
153 + <div class="tile-icon">🤝</div>
154 + <div class="tile-title">Dienstleister</div>
155 + <div class="tile-desc">Kontakte</div>
156 + </a>
157 +
158 + <a class="tile" href="/xwiki/bin/view/Main/ProjekteArchiv">
159 + <div class="tile-icon">🗄️</div>
160 + <div class="tile-title">Archiv</div>
161 + <div class="tile-desc">Abgeschlossene Projekte</div>
162 + </a>
163 +
164 + <a class="tile" href="/xwiki/bin/view/Main/Ausbildung">
165 + <div class="tile-icon">🎓</div>
166 + <div class="tile-title">Ausbildung</div>
167 + <div class="tile-desc">Lernmaterialien</div>
168 + </a>
169 +
28 28   </div>
29 29  
30 30  </div>
173 +
174 +{{/html}}