Änderungen von Dokument Home

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

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

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,216 +1,30 @@
1 -{{html clean="false"}}
1 +<!-- Statusbereich -->
2 +<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:25px;">
2 2  
3 -<!-- Google Font -->
4 -<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
5 -
6 -<style>
7 -body, .dashboard-wrapper {
8 - font-family: 'Inter', sans-serif;
9 -}
10 -
11 -/* Seite */
12 -.dashboard-wrapper {
13 - max-width: 1400px;
14 - margin: 0 auto;
15 - padding: 35px 25px;
16 -}
17 -
18 -/* Header */
19 -.title {
20 - font-size: 34px;
21 - font-weight: 700;
22 - margin-bottom: 6px;
23 - letter-spacing: -0.5px;
24 -}
25 -
26 -.subtitle {
27 - color: #555;
28 - font-size: 15px;
29 - margin-bottom: 22px;
30 -}
31 -
32 -/* Info Grid (NEU) */
33 -.info-grid {
34 - display: grid;
35 - grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
36 - gap: 16px;
37 - margin-bottom: 28px;
38 -}
39 -
40 -.info-box {
41 - background: #f5f5f5;
42 - border-radius: 14px;
43 - padding: 16px;
44 -}
45 -
46 -.info-title {
47 - font-weight: 700;
48 - margin-bottom: 8px;
49 -}
50 -
51 -.info-text {
52 - font-size: 13px;
53 - color: #333;
54 - line-height: 1.5;
55 -}
56 -
57 -/* Dashboard Grid */
58 -.dashboard {
59 - display: grid;
60 - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
61 - gap: 24px;
62 - margin-top: 10px;
63 -}
64 -
65 -/* Kachel */
66 -.tile {
67 - background: rgba(23, 115, 69, 0.82);
68 - border-radius: 18px;
69 - padding: 28px 22px;
70 - text-decoration: none !important;
71 - color: white;
72 - display: flex;
73 - flex-direction: column;
74 - align-items: center;
75 - justify-content: center;
76 - min-height: 190px;
77 - box-shadow: 0 8px 20px rgba(0,0,0,0.18);
78 - transition: all 0.25s ease;
79 -}
80 -
81 -/* Hover */
82 -.tile:hover {
83 - transform: translateY(-6px);
84 - background: rgba(23, 115, 69, 0.95);
85 - box-shadow: 0 14px 30px rgba(0,0,0,0.28);
86 -}
87 -
88 -/* Icon */
89 -.tile-icon {
90 - font-size: 32px;
91 - margin-bottom: 12px;
92 -}
93 -
94 -/* Titel */
95 -.tile-title {
96 - font-size: 18px;
97 - font-weight: 700;
98 - text-align: center;
99 -}
100 -
101 -/* Beschreibung */
102 -.tile-desc {
103 - font-size: 13px;
104 - opacity: 0.9;
105 - margin-top: 6px;
106 - text-align: center;
107 - line-height: 1.4;
108 -}
109 -</style>
110 -
111 -<div class="dashboard-wrapper">
112 -
113 - <!-- HEADER -->
114 - <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
115 - <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Projekte</div>
116 -
117 - <!-- NEU: INFO / STATUS BEREICH -->
118 - <div class="info-grid">
119 -
120 - <div class="info-box">
121 - <div class="info-title">🚨 IT Status</div>
122 - <div class="info-text">
123 - VPN: 🟢 Online<br>
124 - Mail: 🟢 Online<br>
125 - AD: 🟡 Teilweise Störung
126 - </div>
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
127 127   </div>
11 + </div>
128 128  
129 - <div class="info-box">
130 - <div class="info-title">📢 Hinweise</div>
131 - <div class="info-text">
132 - Patchday: Freitag 18:00<br>
133 - Backup-Test: diese Woche<br>
134 - Wartung: keine aktuell
135 - </div>
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
136 136   </div>
19 + </div>
137 137  
138 - <div class="info-box">
139 - <div class="info-title">🧭 Schnellzugriff</div>
140 - <div class="info-text">
141 - <a href="/xwiki/bin/view/Main/Tickets">Ticketsystem</a><br>
142 - <a href="/xwiki/bin/view/Main/Monitoring">Monitoring</a><br>
143 - <a href="/xwiki/bin/view/Main/AD">AD Verwaltung</a>
144 - </div>
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>
145 145   </div>
146 -
147 147   </div>
148 148  
149 - <!-- DASHBOARD -->
150 - <div class="dashboard">
151 -
152 - <a class="tile" href="/xwiki/bin/view/Main/Team">
153 - <div class="tile-icon">👥</div>
154 - <div class="tile-title">Team</div>
155 - <div class="tile-desc">Zuständigkeiten</div>
156 - </a>
157 -
158 - <a class="tile" href="/xwiki/bin/view/Main/Dokumentation">
159 - <div class="tile-icon">📘</div>
160 - <div class="tile-title">Dokumentation</div>
161 - <div class="tile-desc">Technische und interne Dokumentation</div>
162 - </a>
163 -
164 - <a class="tile" href="/xwiki/bin/view/Main/Projekte">
165 - <div class="tile-icon">📁</div>
166 - <div class="tile-title">Projekte</div>
167 - <div class="tile-desc">Alle laufenden Projekte im Überblick</div>
168 - </a>
169 -
170 - <a class="tile" href="/xwiki/bin/view/Main/Wissen">
171 - <div class="tile-icon">🧠</div>
172 - <div class="tile-title">Wissen</div>
173 - <div class="tile-desc">Interne Lösungen & FAQ</div>
174 - </a>
175 -
176 - <a class="tile" href="/xwiki/bin/view/Main/ExterneDienstleister">
177 - <div class="tile-icon">🤝</div>
178 - <div class="tile-title">Externe Dienstleister</div>
179 - <div class="tile-desc">Kontakte</div>
180 - </a>
181 -
182 - <a class="tile" href="/xwiki/bin/view/Main/ProjekteArchiv">
183 - <div class="tile-icon">🗄️</div>
184 - <div class="tile-title">Projekte Archiv</div>
185 - <div class="tile-desc">Abgeschlossene Projekte</div>
186 - </a>
187 -
188 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Linux">
189 - <div class="tile-icon">🐧</div>
190 - <div class="tile-title">Linux</div>
191 - <div class="tile-desc">How-Tos & Lösungen</div>
192 - </a>
193 -
194 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Windows">
195 - <div class="tile-icon">🪟</div>
196 - <div class="tile-title">Windows</div>
197 - <div class="tile-desc">Administration</div>
198 - </a>
199 -
200 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
201 - <div class="tile-icon">🏛️</div>
202 - <div class="tile-title">Fachverfahren</div>
203 - <div class="tile-desc">Fachanwendungen & Prozesse</div>
204 - </a>
205 -
206 - <a class="tile" href="/xwiki/bin/view/Main/Ausbildung">
207 - <div class="tile-icon">🎓</div>
208 - <div class="tile-title">Ausbildung</div>
209 - <div class="tile-desc">Infos & Lernmaterialien</div>
210 - </a>
211 -
212 - </div>
213 -
214 214  </div>
215 -
216 -{{/html}}