Zum Inhalt springen

Wiki-Quellcode von Home

Zuletzt geändert von Lucas Meister am 2026/05/23 19:59
Zeige letzte Bearbeiter
1 {{html clean="false"}}
2
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: #FFFFFF;
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: 18px;
29 }
30
31 /* 🔎 SEARCH */
32 .search-wrapper {
33 margin-bottom: 28px;
34 }
35
36 .search-box {
37 width: 100%;
38 padding: 14px 16px;
39 border-radius: 10px;
40 border: 1px solid #ddd;
41 font-size: 14px;
42 background: white;
43 outline: none;
44 transition: all 0.15s ease;
45 }
46
47 .search-box:focus {
48 border-color: #1b7a4a;
49 box-shadow: 0 0 0 3px rgba(27, 122, 74, 0.12);
50 }
51
52 /* SECTION */
53 .section {
54 margin-bottom: 34px;
55 }
56
57 .section-title {
58 font-size: 12px;
59 font-weight: 700;
60 text-transform: uppercase;
61 letter-spacing: 0.12em;
62 color: #777;
63 margin-bottom: 14px;
64 }
65
66 /* GRID */
67 .grid {
68 display: grid;
69 grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
70 gap: 14px;
71 }
72
73 /* CARD */
74 .card {
75 background: white;
76 border: 1px solid #e6e6e6;
77 border-radius: 12px;
78 padding: 22px 20px;
79 text-decoration: none !important;
80 color: #222;
81 transition: all 0.18s ease;
82 min-height: 110px;
83 }
84
85 .card:hover {
86 transform: translateY(-2px);
87 }
88
89 /* TEXT */
90 .card-title {
91 font-size: 15px;
92 font-weight: 600;
93 margin-bottom: 6px;
94 }
95
96 .card-desc {
97 font-size: 13px;
98 color: #666;
99 line-height: 1.4;
100 }
101
102 /* COLORS */
103 .card.system { border-left: 5px solid #1b7a4a; }
104 .card.system:hover { background: #f3fbf6; }
105
106 .card.knowledge { border-left: 5px solid #2b6cb0; }
107 .card.knowledge:hover { background: #f3f8ff; }
108
109 .card.process { border-left: 5px solid #6b46c1; }
110 .card.process:hover { background: #faf7ff; }
111
112 /* ACCENT */
113 .accent {
114 height: 2px;
115 width: 60px;
116 background: #1b7a4a;
117 margin: 10px 0 18px;
118 border-radius: 2px;
119 }
120 </style>
121
122 <div class="dashboard-wrapper">
123
124 <!-- HEADER -->
125 <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
126 <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Organisation</div>
127
128 <!-- 🔎 SUCHLEISTE -->
129 <div class="search-wrapper">
130 <form action="/xwiki/bin/view/Main/Search">
131 <input class="search-box"
132 type="text"
133 name="text"
134 placeholder="Wiki durchsuchen (z. B. VPN, AD, Netzwerk, Windows...)">
135 </form>
136 </div>
137
138 <div class="accent"></div>
139
140 <!-- HAUPTBEREICHE -->
141 <div class="section">
142 <div class="section-title">Hauptbereiche</div>
143 <div class="grid">
144
145 <a class="card system" href="/xwiki/bin/view/Main/Team">
146 <div class="card-title">Team</div>
147 <div class="card-desc">Zuständigkeiten und Ansprechpartner</div>
148 </a>
149
150 <a class="card knowledge" href="/xwiki/bin/view/Main/Dokumentation">
151 <div class="card-title">Dokumentation</div>
152 <div class="card-desc">Technische und interne Dokumentation</div>
153 </a>
154
155 <a class="card system" href="/xwiki/bin/view/Main/Projekte">
156 <div class="card-title">Projekte</div>
157 <div class="card-desc">Aktuelle IT-Projekte und Entwicklungen</div>
158 </a>
159
160 <a class="card knowledge" href="/xwiki/bin/view/Main/Wissen">
161 <div class="card-title">Wissensdatenbank</div>
162 <div class="card-desc">FAQ, Lösungen und How-Tos</div>
163 </a>
164
165 </div>
166 </div>
167
168 <!-- SYSTEME -->
169 <div class="section">
170 <div class="section-title">Systeme und Betrieb</div>
171 <div class="grid">
172
173 <a class="card system" href="/xwiki/bin/view/Main/Wissen/Windows">
174 <div class="card-title">Windows Administration</div>
175 <div class="card-desc">Verwaltung und Troubleshooting</div>
176 </a>
177
178 <a class="card system" href="/xwiki/bin/view/Main/Wissen/Linux">
179 <div class="card-title">Linux Systeme</div>
180 <div class="card-desc">Server, Dienste und How-Tos</div>
181 </a>
182
183 <a class="card system" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
184 <div class="card-title">Fachverfahren</div>
185 <div class="card-desc">Fachanwendungen und Prozesse</div>
186 </a>
187
188 <a class="card system" href="/xwiki/bin/view/Main/Wissen/Netzwerk">
189 <div class="card-title">Netzwerk Infrastruktur</div>
190 <div class="card-desc">Switches, VLANs, DNS, DHCP, Routing</div>
191 </a>
192
193 </div>
194 </div>
195
196 <!-- SICHERHEIT -->
197 <div class="section">
198 <div class="section-title">Sicherheit</div>
199 <div class="grid">
200
201 <a class="card knowledge" href="/xwiki/bin/view/Main/Wissen/Informationssicherheit">
202 <div class="card-title">Informationssicherheit</div>
203 <div class="card-desc">Policies, Richtlinien, Sicherheitskonzepte</div>
204 </a>
205
206 </div>
207 </div>
208
209 <!-- PROZESSE -->
210 <div class="section">
211 <div class="section-title">Prozesse und Organisation</div>
212 <div class="grid">
213
214 <a class="card process" href="/xwiki/bin/view/Main/Formulare">
215 <div class="card-title">Formulare</div>
216 <div class="card-desc">IT-Anträge und Standardformulare</div>
217 </a>
218
219 <a class="card process" href="/xwiki/bin/view/Main/Onboarding">
220 <div class="card-title">Onboarding</div>
221 <div class="card-desc">Neue Mitarbeitende einrichten</div>
222 </a>
223
224 <a class="card process" href="/xwiki/bin/view/Main/Offboarding">
225 <div class="card-title">Offboarding</div>
226 <div class="card-desc">Abmeldung und Systementzug</div>
227 </a>
228
229 <a class="card process" href="/xwiki/bin/view/Main/ExterneDienstleister">
230 <div class="card-title">Externe Dienstleister</div>
231 <div class="card-desc">Kontakte und Partnerunternehmen</div>
232 </a>
233
234 <a class="card process" href="/xwiki/bin/view/Main/ProjekteArchiv">
235 <div class="card-title">Archiv</div>
236 <div class="card-desc">Abgeschlossene Projekte und Historie</div>
237 </a>
238
239 <a class="card process" href="/xwiki/bin/view/Main/Ausbildung">
240 <div class="card-title">Ausbildung</div>
241 <div class="card-desc">Lernmaterial und Onboarding</div>
242 </a>
243
244 </div>
245 </div>
246
247 </div>
248
249 {{/html}}