Ä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 12.1
bearbeitet von Lucas Meister
am 2026/05/23 13:21
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,30 +1,203 @@
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
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 + background: #fafafa;
9 +}
10 +
11 +.dashboard-wrapper {
12 + max-width: 1200px;
13 + margin: 0 auto;
14 + padding: 40px 30px;
15 +}
16 +
17 +/* HEADER */
18 +.title {
19 + font-size: 32px;
20 + font-weight: 700;
21 + letter-spacing: -0.6px;
22 + margin-bottom: 6px;
23 +}
24 +
25 +.subtitle {
26 + font-size: 14px;
27 + color: #666;
28 + margin-bottom: 30px;
29 +}
30 +
31 +/* SECTION */
32 +.section {
33 + margin-bottom: 34px;
34 +}
35 +
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;
43 +}
44 +
45 +/* GRID */
46 +.grid {
47 + display: grid;
48 + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
49 + gap: 14px;
50 +}
51 +
52 +/* BASE 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;
62 +}
63 +
64 +.card:hover {
65 + transform: translateY(-2px);
66 +}
67 +
68 +/* TEXT */
69 +.card-title {
70 + font-size: 15px;
71 + font-weight: 600;
72 + margin-bottom: 6px;
73 +}
74 +
75 +.card-desc {
76 + font-size: 13px;
77 + color: #666;
78 + line-height: 1.4;
79 +}
80 +
81 +/* ===== FARBVARIANTEN ===== */
82 +
83 +/* SYSTEME = Grün */
84 +.card.system {
85 + border-left: 5px solid #1b7a4a;
86 +}
87 +.card.system:hover {
88 + background: #f3fbf6;
89 + border-color: #b7e4c7;
90 +}
91 +
92 +/* WISSEN = Blau */
93 +.card.knowledge {
94 + border-left: 5px solid #2b6cb0;
95 +}
96 +.card.knowledge:hover {
97 + background: #f3f8ff;
98 + border-color: #b6d4ff;
99 +}
100 +
101 +/* ORGANISATION = Violett/Grau */
102 +.card.org {
103 + border-left: 5px solid #6b46c1;
104 +}
105 +.card.org:hover {
106 + background: #faf7ff;
107 + border-color: #d6c6ff;
108 +}
109 +
110 +/* ACCENT HEADER LINE */
111 +.accent {
112 + height: 2px;
113 + width: 60px;
114 + background: #1b7a4a;
115 + margin: 10px 0 18px;
116 + border-radius: 2px;
117 +}
118 +</style>
119 +
120 +<div class="dashboard-wrapper">
121 +
122 + <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
123 + <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Projekte</div>
124 +
125 + <div class="accent"></div>
126 +
127 + <!-- HAUPTBEREICHE -->
128 + <div class="section">
129 + <div class="section-title">Hauptbereiche</div>
130 + <div class="grid">
131 +
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>
136 +
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>
141 +
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>
146 +
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>
151 +
10 10   </div>
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
155 + <!-- SYSTEME -->
156 + <div class="section">
157 + <div class="section-title">Systeme und Betrieb</div>
158 + <div class="grid">
159 +
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>
164 +
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>
169 +
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>
174 +
18 18   </div>
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>
178 + <!-- SONSTIGES -->
179 + <div class="section">
180 + <div class="section-title">Sonstiges</div>
181 + <div class="grid">
182 +
183 + <a class="card org" href="/xwiki/bin/view/Main/ExterneDienstleister">
184 + <div class="card-title">Externe Dienstleister</div>
185 + <div class="card-desc">Kontakte und Partnerunternehmen</div>
186 + </a>
187 +
188 + <a class="card org" href="/xwiki/bin/view/Main/ProjekteArchiv">
189 + <div class="card-title">Archiv</div>
190 + <div class="card-desc">Abgeschlossene Projekte und Historie</div>
191 + </a>
192 +
193 + <a class="card org" href="/xwiki/bin/view/Main/Ausbildung">
194 + <div class="card-title">Ausbildung</div>
195 + <div class="card-desc">Lernmaterial und Onboarding</div>
196 + </a>
197 +
27 27   </div>
28 28   </div>
29 29  
30 30  </div>
202 +
203 +{{/html}}