Zum Inhalt springen

Änderungen von Dokument Home

Zuletzt geändert von Lucas Meister am 2026/05/23 19:59
Von Version 13.1
bearbeitet von Lucas Meister
am 2026/05/23 13:25
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 10.1
bearbeitet von Lucas Meister
am 2026/05/23 13:20
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -16,7 +16,7 @@
16 16  
17 17  /* HEADER */
18 18  .title {
19 - font-size: 32px;
19 + font-size: 30px;
20 20   font-weight: 700;
21 21   letter-spacing: -0.6px;
22 22   margin-bottom: 6px;
... ... @@ -30,7 +30,7 @@
30 30  
31 31  /* SECTION */
32 32  .section {
33 - margin-bottom: 34px;
33 + margin-bottom: 32px;
34 34  }
35 35  
36 36  .section-title {
... ... @@ -38,79 +38,51 @@
38 38   font-weight: 700;
39 39   text-transform: uppercase;
40 40   letter-spacing: 0.12em;
41 - color: #777;
42 - margin-bottom: 14px;
41 + color: #888;
42 + margin-bottom: 12px;
43 43  }
44 44  
45 -/* GRID */
45 +/* GRID (cleaner, weniger “App-Kacheln”) */
46 46  .grid {
47 47   display: grid;
48 - grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
49 - gap: 14px;
48 + grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
49 + gap: 12px;
50 50  }
51 51  
52 -/* CARD */
52 +/* CARD (Dev-Portal Style) */
53 53  .card {
54 54   background: white;
55 55   border: 1px solid #e6e6e6;
56 - border-radius: 12px;
57 - padding: 22px 20px;
56 + border-radius: 10px;
57 + padding: 14px 16px;
58 58   text-decoration: none !important;
59 59   color: #222;
60 - transition: all 0.18s ease;
61 - min-height: 110px;
60 + transition: all 0.15s ease;
62 62  }
63 63  
64 64  .card:hover {
65 - transform: translateY(-2px);
64 + border-color: #b7e4c7;
65 + background: #f6fffa;
66 66  }
67 67  
68 -/* TEXT */
68 +/* TITLE */
69 69  .card-title {
70 - font-size: 15px;
70 + font-size: 14px;
71 71   font-weight: 600;
72 - margin-bottom: 6px;
72 + margin-bottom: 4px;
73 73  }
74 74  
75 +/* DESC */
75 75  .card-desc {
76 - font-size: 13px;
77 + font-size: 12px;
77 77   color: #666;
78 78   line-height: 1.4;
79 79  }
80 80  
81 -/* ===== COLORS ===== */
82 -
83 -/* SYSTEM (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 / SECURITY (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 -/* PROZESSE / ORGANISATION (lila) */
102 -.card.process {
103 - border-left: 5px solid #6b46c1;
104 -}
105 -.card.process:hover {
106 - background: #faf7ff;
107 - border-color: #d6c6ff;
108 -}
109 -
110 -/* ACCENT */
82 +/* subtle accent line (optional dev-portal feel) */
111 111  .accent {
112 112   height: 2px;
113 - width: 60px;
85 + width: 40px;
114 114   background: #1b7a4a;
115 115   margin: 10px 0 18px;
116 116   border-radius: 2px;
... ... @@ -119,118 +119,80 @@
119 119  
120 120  <div class="dashboard-wrapper">
121 121  
122 - <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
123 - <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Organisation</div>
94 + <div class="title">IT Wiki</div>
95 + <div class="subtitle">Interne Dokumentation und Systeme</div>
124 124  
125 125   <div class="accent"></div>
126 126  
127 - <!-- HAUPTBEREICHE -->
99 + <!-- CORE -->
128 128   <div class="section">
129 - <div class="section-title">Hauptbereiche</div>
101 + <div class="section-title">Core</div>
130 130   <div class="grid">
131 131  
132 - <a class="card system" href="/xwiki/bin/view/Main/Team">
104 + <a class="card" href="/xwiki/bin/view/Main/Team">
133 133   <div class="card-title">Team</div>
134 134   <div class="card-desc">Zuständigkeiten und Ansprechpartner</div>
135 135   </a>
136 136  
137 - <a class="card knowledge" href="/xwiki/bin/view/Main/Dokumentation">
109 + <a class="card" href="/xwiki/bin/view/Main/Dokumentation">
138 138   <div class="card-title">Dokumentation</div>
139 - <div class="card-desc">Technische und interne Dokumentation</div>
111 + <div class="card-desc">Technische und interne Doku</div>
140 140   </a>
141 141  
142 - <a class="card system" href="/xwiki/bin/view/Main/Projekte">
114 + <a class="card" href="/xwiki/bin/view/Main/Projekte">
143 143   <div class="card-title">Projekte</div>
144 - <div class="card-desc">Aktuelle IT-Projekte und Entwicklungen</div>
116 + <div class="card-desc">Aktive IT-Projekte</div>
145 145   </a>
146 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>
119 + <a class="card" href="/xwiki/bin/view/Main/Wissen">
120 + <div class="card-title">Wissen Base</div>
121 + <div class="card-desc">Lösungen, How-Tos, FAQ</div>
150 150   </a>
151 151  
152 152   </div>
153 153   </div>
154 154  
155 - <!-- SYSTEME -->
127 + <!-- SYSTEMS -->
156 156   <div class="section">
157 - <div class="section-title">Systeme und Betrieb</div>
129 + <div class="section-title">Systems</div>
158 158   <div class="grid">
159 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>
132 + <a class="card" href="/xwiki/bin/view/Main/Wissen/Windows">
133 + <div class="card-title">Windows</div>
134 + <div class="card-desc">Administration & Troubleshooting</div>
163 163   </a>
164 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>
137 + <a class="card" href="/xwiki/bin/view/Main/Wissen/Linux">
138 + <div class="card-title">Linux</div>
139 + <div class="card-desc">Server & How-Tos</div>
168 168   </a>
169 169  
170 - <a class="card system" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
142 + <a class="card" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
171 171   <div class="card-title">Fachverfahren</div>
172 - <div class="card-desc">Fachanwendungen und Prozesse</div>
144 + <div class="card-desc">Fachanwendungen & Prozesse</div>
173 173   </a>
174 174  
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>
180 -
181 181   </div>
182 182   </div>
183 183  
184 - <!-- SICHERHEIT -->
150 + <!-- OPERATIONS -->
185 185   <div class="section">
186 - <div class="section-title">Sicherheit</div>
152 + <div class="section-title">Operations</div>
187 187   <div class="grid">
188 188  
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>
155 + <a class="card" href="/xwiki/bin/view/Main/ExterneDienstleister">
156 + <div class="card-title">Dienstleister</div>
157 + <div class="card-desc">Externe Kontakte</div>
193 193   </a>
194 194  
195 - </div>
196 - </div>
197 -
198 - <!-- PROZESSE -->
199 - <div class="section">
200 - <div class="section-title">Prozesse und Organisation</div>
201 - <div class="grid">
202 -
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>
208 -
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">
160 + <a class="card" href="/xwiki/bin/view/Main/ProjekteArchiv">
227 227   <div class="card-title">Archiv</div>
228 - <div class="card-desc">Abgeschlossene Projekte und Historie</div>
162 + <div class="card-desc">Abgeschlossene Projekte</div>
229 229   </a>
230 230  
231 - <a class="card process" href="/xwiki/bin/view/Main/Ausbildung">
165 + <a class="card" href="/xwiki/bin/view/Main/Ausbildung">
232 232   <div class="card-title">Ausbildung</div>
233 - <div class="card-desc">Lernmaterial und Onboarding</div>
167 + <div class="card-desc">Lernmaterial & Onboarding</div>
234 234   </a>
235 235  
236 236   </div>