Zum Inhalt springen

Ä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 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,214 +1,239 @@
1 1  {{html clean="false"}}
2 2  
3 -<!-- Google 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 -/* Header */
17 +/* HEADER */
19 19  .title {
20 - font-size: 34px;
19 + font-size: 32px;
21 21   font-weight: 700;
21 + letter-spacing: -0.6px;
22 22   margin-bottom: 6px;
23 - letter-spacing: -0.5px;
24 24  }
25 25  
26 26  .subtitle {
27 - color: #555;
28 - font-size: 15px;
29 - margin-bottom: 22px;
26 + font-size: 14px;
27 + color: #666;
28 + margin-bottom: 30px;
30 30  }
31 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;
31 +/* SECTION */
32 +.section {
33 + margin-bottom: 34px;
38 38  }
39 39  
40 -.info-box {
41 - background: #f5f5f5;
42 - border-radius: 14px;
43 - padding: 16px;
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;
44 44  }
45 45  
46 -.info-title {
47 - font-weight: 700;
48 - margin-bottom: 8px;
45 +/* GRID */
46 +.grid {
47 + display: grid;
48 + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
49 + gap: 14px;
49 49  }
50 50  
51 -.info-text {
52 - font-size: 13px;
53 - color: #333;
54 - line-height: 1.5;
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;
55 55  }
56 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;
64 +.card:hover {
65 + transform: translateY(-2px);
63 63  }
64 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;
68 +/* TEXT */
69 +.card-title {
70 + font-size: 15px;
71 + font-weight: 600;
72 + margin-bottom: 6px;
79 79  }
80 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);
75 +.card-desc {
76 + font-size: 13px;
77 + color: #666;
78 + line-height: 1.4;
86 86  }
87 87  
88 -/* Icon */
89 -.tile-icon {
90 - font-size: 32px;
91 - margin-bottom: 12px;
81 +/* ===== COLORS ===== */
82 +
83 +/* SYSTEM (grün) */
84 +.card.system {
85 + border-left: 5px solid #1b7a4a;
92 92  }
87 +.card.system:hover {
88 + background: #f3fbf6;
89 + border-color: #b7e4c7;
90 +}
93 93  
94 -/* Titel */
95 -.tile-title {
96 - font-size: 18px;
97 - font-weight: 700;
98 - text-align: center;
92 +/* WISSEN / SECURITY (blau) */
93 +.card.knowledge {
94 + border-left: 5px solid #2b6cb0;
99 99  }
96 +.card.knowledge:hover {
97 + background: #f3f8ff;
98 + border-color: #b6d4ff;
99 +}
100 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;
101 +/* PROZESSE / ORGANISATION (lila) */
102 +.card.process {
103 + border-left: 5px solid #6b46c1;
108 108  }
105 +.card.process:hover {
106 + background: #faf7ff;
107 + border-color: #d6c6ff;
108 +}
109 +
110 +/* ACCENT */
111 +.accent {
112 + height: 2px;
113 + width: 60px;
114 + background: #1b7a4a;
115 + margin: 10px 0 18px;
116 + border-radius: 2px;
117 +}
109 109  </style>
110 110  
111 111  <div class="dashboard-wrapper">
112 112  
113 - <!-- HEADER -->
114 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>
123 + <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Organisation</div>
116 116  
117 - <!-- NEU: INFO / STATUS BEREICH -->
118 - <div class="info-grid">
125 + <div class="accent"></div>
119 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>
127 - </div>
127 + <!-- HAUPTBEREICHE -->
128 + <div class="section">
129 + <div class="section-title">Hauptbereiche</div>
130 + <div class="grid">
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>
136 - </div>
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 - <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>
145 - </div>
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>
146 146  
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 +
152 + </div>
147 147   </div>
148 148  
149 - <!-- DASHBOARD -->
150 - <div class="dashboard">
155 + <!-- SYSTEME -->
156 + <div class="section">
157 + <div class="section-title">Systeme und Betrieb</div>
158 + <div class="grid">
151 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>
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>
157 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>
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>
163 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>
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>
169 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 + <!-- 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>
175 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 + </div>
182 + </div>
181 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>
184 + <!-- SICHERHEIT -->
185 + <div class="section">
186 + <div class="section-title">Sicherheit</div>
187 + <div class="grid">
187 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>
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>
193 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>
195 + </div>
196 + </div>
199 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>
198 + <!-- PROZESSE -->
199 + <div class="section">
200 + <div class="section-title">Prozesse und Organisation</div>
201 + <div class="grid">
205 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>
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>
211 211  
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>
214 +
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>
220 +
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>
225 +
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>
230 +
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>
235 +
236 + </div>
212 212   </div>
213 213  
214 214  </div>