Zum Inhalt springen

Änderungen von Dokument Home

Zuletzt geändert von Lucas Meister am 2026/05/23 19:59
Von Version 6.1
bearbeitet von Lucas Meister
am 2026/05/23 13:14
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 8.1
bearbeitet von Lucas Meister
am 2026/05/23 13:18
Ä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 (modern, clean UI font) -->
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>
... ... @@ -15,26 +15,65 @@
15 15   padding: 35px 25px;
16 16  }
17 17  
18 -/* Grid */
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 */
19 19  .dashboard {
20 20   display: grid;
21 - grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
60 + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
22 22   gap: 24px;
23 - margin-top: 20px;
62 + margin-top: 10px;
24 24  }
25 25  
26 26  /* Kachel */
27 27  .tile {
28 - background: rgba(23, 115, 69, 0.82); /* CI Grün transparent */
67 + background: rgba(23, 115, 69, 0.82);
29 29   border-radius: 18px;
30 - padding: 26px 22px;
31 - text-decoration: none !important; /* KEINE Unterstreichung */
69 + padding: 28px 22px;
70 + text-decoration: none !important;
32 32   color: white;
33 33   display: flex;
34 34   flex-direction: column;
35 - align-items: center; /* alles zentriert */
74 + align-items: center;
36 36   justify-content: center;
37 - min-height: 170px;
76 + min-height: 190px;
38 38   box-shadow: 0 8px 20px rgba(0,0,0,0.18);
39 39   transition: all 0.25s ease;
40 40  }
... ... @@ -46,9 +46,9 @@
46 46   box-shadow: 0 14px 30px rgba(0,0,0,0.28);
47 47  }
48 48  
49 -/* Icon oben zentriert */
88 +/* Icon */
50 50  .tile-icon {
51 - font-size: 30px;
90 + font-size: 32px;
52 52   margin-bottom: 12px;
53 53  }
54 54  
... ... @@ -71,78 +71,107 @@
71 71  
72 72  <div class="dashboard-wrapper">
73 73  
74 -<div style="font-size:28px;font-weight:700;margin-bottom:8px;">
75 -Internes Wiki der Samtgemeinde Lühe IT
76 -</div>
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>
77 77  
78 -<div style="color:#666;margin-bottom:18px;">
79 -Zentrale Übersicht für Systeme, Wissen und Projekte
80 -</div>
117 + <!-- NEU: INFO / STATUS BEREICH -->
118 + <div class="info-grid">
81 81  
82 -<div class="dashboard">
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>
83 83  
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>
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>
89 89  
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>
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>
95 95  
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>
147 + </div>
101 101  
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>
149 + <!-- DASHBOARD -->
150 + <div class="dashboard">
107 107  
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>
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>
113 113  
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>
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>
119 119  
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>
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>
125 125  
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>
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>
131 131  
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>
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>
137 137  
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>
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>
143 143  
144 -</div>
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>
145 145  
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 +
146 146  </div>
147 147  
148 148  {{/html}}