Zum Inhalt springen

Änderungen von Dokument Home

Zuletzt geändert von Lucas Meister am 2026/05/23 19:59
Von Version 12.1
bearbeitet von Lucas Meister
am 2026/05/23 13:21
Ä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,201 +1,214 @@
1 1  {{html clean="false"}}
2 2  
3 +<!-- Google Font -->
3 3  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
4 4  
5 5  <style>
6 6  body, .dashboard-wrapper {
7 7   font-family: 'Inter', sans-serif;
8 - background: #fafafa;
9 9  }
10 10  
11 +/* Seite */
11 11  .dashboard-wrapper {
12 - max-width: 1200px;
13 + max-width: 1400px;
13 13   margin: 0 auto;
14 - padding: 40px 30px;
15 + padding: 35px 25px;
15 15  }
16 16  
17 -/* HEADER */
18 +/* Header */
18 18  .title {
19 - font-size: 32px;
20 + font-size: 34px;
20 20   font-weight: 700;
21 - letter-spacing: -0.6px;
22 22   margin-bottom: 6px;
23 + letter-spacing: -0.5px;
23 23  }
24 24  
25 25  .subtitle {
26 - font-size: 14px;
27 - color: #666;
28 - margin-bottom: 30px;
27 + color: #555;
28 + font-size: 15px;
29 + margin-bottom: 22px;
29 29  }
30 30  
31 -/* SECTION */
32 -.section {
33 - margin-bottom: 34px;
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;
34 34  }
35 35  
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;
40 +.info-box {
41 + background: #f5f5f5;
42 + border-radius: 14px;
43 + padding: 16px;
43 43  }
44 44  
45 -/* GRID */
46 -.grid {
47 - display: grid;
48 - grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
49 - gap: 14px;
46 +.info-title {
47 + font-weight: 700;
48 + margin-bottom: 8px;
50 50  }
51 51  
52 -/* BASE 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;
51 +.info-text {
52 + font-size: 13px;
53 + color: #333;
54 + line-height: 1.5;
62 62  }
63 63  
64 -.card:hover {
65 - transform: translateY(-2px);
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;
66 66  }
67 67  
68 -/* TEXT */
69 -.card-title {
70 - font-size: 15px;
71 - font-weight: 600;
72 - margin-bottom: 6px;
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;
73 73  }
74 74  
75 -.card-desc {
76 - font-size: 13px;
77 - color: #666;
78 - line-height: 1.4;
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);
79 79  }
80 80  
81 -/* ===== FARBVARIANTEN ===== */
82 -
83 -/* SYSTEME = Grün */
84 -.card.system {
85 - border-left: 5px solid #1b7a4a;
88 +/* Icon */
89 +.tile-icon {
90 + font-size: 32px;
91 + margin-bottom: 12px;
86 86  }
87 -.card.system:hover {
88 - background: #f3fbf6;
89 - border-color: #b7e4c7;
90 -}
91 91  
92 -/* WISSEN = Blau */
93 -.card.knowledge {
94 - border-left: 5px solid #2b6cb0;
94 +/* Titel */
95 +.tile-title {
96 + font-size: 18px;
97 + font-weight: 700;
98 + text-align: center;
95 95  }
96 -.card.knowledge:hover {
97 - background: #f3f8ff;
98 - border-color: #b6d4ff;
99 -}
100 100  
101 -/* ORGANISATION = Violett/Grau */
102 -.card.org {
103 - border-left: 5px solid #6b46c1;
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;
104 104  }
105 -.card.org:hover {
106 - background: #faf7ff;
107 - border-color: #d6c6ff;
108 -}
109 -
110 -/* ACCENT HEADER LINE */
111 -.accent {
112 - height: 2px;
113 - width: 60px;
114 - background: #1b7a4a;
115 - margin: 10px 0 18px;
116 - border-radius: 2px;
117 -}
118 118  </style>
119 119  
120 120  <div class="dashboard-wrapper">
121 121  
113 + <!-- HEADER -->
122 122   <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
123 123   <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Projekte</div>
124 124  
125 - <div class="accent"></div>
117 + <!-- NEU: INFO / STATUS BEREICH -->
118 + <div class="info-grid">
126 126  
127 - <!-- HAUPTBEREICHE -->
128 - <div class="section">
129 - <div class="section-title">Hauptbereiche</div>
130 - <div class="grid">
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>
131 131  
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>
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>
136 136  
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>
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>
141 141  
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>
147 + </div>
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>
150 - </a>
149 + <!-- DASHBOARD -->
150 + <div class="dashboard">
151 151  
152 - </div>
153 - </div>
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>
154 154  
155 - <!-- SYSTEME -->
156 - <div class="section">
157 - <div class="section-title">Systeme und Betrieb</div>
158 - <div class="grid">
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>
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>
163 - </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>
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>
168 - </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>
169 169  
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>
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>
174 174  
175 - </div>
176 - </div>
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>
177 177  
178 - <!-- SONSTIGES -->
179 - <div class="section">
180 - <div class="section-title">Sonstiges</div>
181 - <div class="grid">
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>
182 182  
183 - <a class="card org" href="/xwiki/bin/view/Main/ExterneDienstleister">
184 - <div class="card-title">Externe Dienstleister</div>
185 - <div class="card-desc">Kontakte und Partnerunternehmen</div>
186 - </a>
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>
187 187  
188 - <a class="card org" href="/xwiki/bin/view/Main/ProjekteArchiv">
189 - <div class="card-title">Archiv</div>
190 - <div class="card-desc">Abgeschlossene Projekte und Historie</div>
191 - </a>
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>
192 192  
193 - <a class="card org" href="/xwiki/bin/view/Main/Ausbildung">
194 - <div class="card-title">Ausbildung</div>
195 - <div class="card-desc">Lernmaterial und Onboarding</div>
196 - </a>
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>
197 197  
198 - </div>
199 199   </div>
200 200  
201 201  </div>