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

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,6 +1,6 @@
1 1  {{html clean="false"}}
2 2  
3 -<!-- Google Font -->
3 +<!-- Google Font (modern, clean UI 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>
... ... @@ -15,65 +15,26 @@
15 15   padding: 35px 25px;
16 16  }
17 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 */
18 +/* Grid */
58 58  .dashboard {
59 59   display: grid;
60 - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
21 + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
61 61   gap: 24px;
62 - margin-top: 10px;
23 + margin-top: 20px;
63 63  }
64 64  
65 65  /* Kachel */
66 66  .tile {
67 - background: rgba(23, 115, 69, 0.82);
28 + background: rgba(23, 115, 69, 0.82); /* CI Grün transparent */
68 68   border-radius: 18px;
69 - padding: 28px 22px;
70 - text-decoration: none !important;
30 + padding: 26px 22px;
31 + text-decoration: none !important; /* KEINE Unterstreichung */
71 71   color: white;
72 72   display: flex;
73 73   flex-direction: column;
74 - align-items: center;
35 + align-items: center; /* alles zentriert */
75 75   justify-content: center;
76 - min-height: 190px;
37 + min-height: 170px;
77 77   box-shadow: 0 8px 20px rgba(0,0,0,0.18);
78 78   transition: all 0.25s ease;
79 79  }
... ... @@ -85,9 +85,9 @@
85 85   box-shadow: 0 14px 30px rgba(0,0,0,0.28);
86 86  }
87 87  
88 -/* Icon */
49 +/* Icon oben zentriert */
89 89  .tile-icon {
90 - font-size: 32px;
51 + font-size: 30px;
91 91   margin-bottom: 12px;
92 92  }
93 93  
... ... @@ -110,107 +110,78 @@
110 110  
111 111  <div class="dashboard-wrapper">
112 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>
74 +<div style="font-size:28px;font-weight:700;margin-bottom:8px;">
75 +Internes Wiki der Samtgemeinde Lühe IT
76 +</div>
116 116  
117 - <!-- NEU: INFO / STATUS BEREICH -->
118 - <div class="info-grid">
78 +<div style="color:#666;margin-bottom:18px;">
79 +Zentrale Übersicht für Systeme, Wissen und Projekte
80 +</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>
82 +<div class="dashboard">
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>
84 + <a class="tile" href="/xwiki/bin/view/Main/Team">
85 + <div class="tile-icon">👥</div>
86 + <div class="tile-title">Team</div>
87 + <div class="tile-desc">Zuständigkeiten</div>
88 + </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>
90 + <a class="tile" href="/xwiki/bin/view/Main/Dokumentation">
91 + <div class="tile-icon">📘</div>
92 + <div class="tile-title">Dokumentation</div>
93 + <div class="tile-desc">Technische und interne Dokumentation</div>
94 + </a>
146 146  
147 - </div>
96 + <a class="tile" href="/xwiki/bin/view/Main/Projekte">
97 + <div class="tile-icon">📁</div>
98 + <div class="tile-title">Projekte</div>
99 + <div class="tile-desc">Alle laufenden Projekte im Überblick</div>
100 + </a>
148 148  
149 - <!-- DASHBOARD -->
150 - <div class="dashboard">
102 + <a class="tile" href="/xwiki/bin/view/Main/Wissen">
103 + <div class="tile-icon">🧠</div>
104 + <div class="tile-title">Wissen</div>
105 + <div class="tile-desc">Interne Lösungen & FAQ</div>
106 + </a>
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>
108 + <a class="tile" href="/xwiki/bin/view/Main/ExterneDienstleister">
109 + <div class="tile-icon">🤝</div>
110 + <div class="tile-title">Externe Dienstleister</div>
111 + <div class="tile-desc">Kontakte</div>
112 + </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>
114 + <a class="tile" href="/xwiki/bin/view/Main/ProjekteArchiv">
115 + <div class="tile-icon">??️</div>
116 + <div class="tile-title">Projekte Archiv</div>
117 + <div class="tile-desc">Abgeschlossene Projekte im Überblick</div>
118 + </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>
120 + <a class="tile" href="/xwiki/bin/view/Main/Wissen/Linux">
121 + <div class="tile-icon">??</div>
122 + <div class="tile-title">Wissensdatenbank Linux</div>
123 + <div class="tile-desc">Linux How-Tos & Lösungen</div>
124 + </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>
126 + <a class="tile" href="/xwiki/bin/view/Main/Wissen/Windows">
127 + <div class="tile-icon">??</div>
128 + <div class="tile-title">Wissensdatenbank Windows</div>
129 + <div class="tile-desc">Windows Administration</div>
130 + </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>
132 + <a class="tile" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
133 + <div class="tile-icon">🏛️</div>
134 + <div class="tile-title">Wissensdatenbank Fachverfahren</div>
135 + <div class="tile-desc">Fachanwendungen & Prozesse</div>
136 + </a>
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>
138 + <a class="tile" href="/xwiki/bin/view/Main/Ausbildung">
139 + <div class="tile-icon">🎓</div>
140 + <div class="tile-title">Ausbildung</div>
141 + <div class="tile-desc">Infos & Lernmaterialien</div>
142 + </a>
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>
144 +</div>
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>
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 215  
216 216  {{/html}}