Zum Inhalt springen

Änderungen von Dokument Home

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

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -5,85 +5,116 @@
5 5  <style>
6 6  body, .dashboard-wrapper {
7 7   font-family: 'Inter', sans-serif;
8 + background: #fafafa;
8 8  }
9 9  
10 10  .dashboard-wrapper {
11 - max-width: 1400px;
12 + max-width: 1200px;
12 12   margin: 0 auto;
13 - padding: 35px 25px;
14 + padding: 40px 30px;
14 14  }
15 15  
16 -/* Titel */
17 +/* HEADER */
17 17  .title {
18 - font-size: 34px;
19 + font-size: 32px;
19 19   font-weight: 700;
21 + letter-spacing: -0.6px;
20 20   margin-bottom: 6px;
21 - letter-spacing: -0.5px;
22 22  }
23 23  
24 24  .subtitle {
25 - color: #555;
26 - font-size: 15px;
27 - margin-bottom: 25px;
26 + font-size: 14px;
27 + color: #666;
28 + margin-bottom: 30px;
28 28  }
29 29  
30 -/* SEKTIONEN */
31 +/* SECTION */
32 +.section {
33 + margin-bottom: 34px;
34 +}
35 +
31 31  .section-title {
32 - font-size: 14px;
37 + font-size: 12px;
33 33   font-weight: 700;
34 - margin: 25px 0 10px;
35 - color: #333;
36 36   text-transform: uppercase;
37 - letter-spacing: 0.06em;
40 + letter-spacing: 0.12em;
41 + color: #777;
42 + margin-bottom: 14px;
38 38  }
39 39  
40 40  /* GRID */
41 -.dashboard {
46 +.grid {
42 42   display: grid;
43 - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
44 - gap: 24px;
48 + grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
49 + gap: 14px;
45 45  }
46 46  
47 -/* KACHELN */
48 -.tile {
49 - background: rgba(23, 115, 69, 0.82);
50 - border-radius: 18px;
51 - padding: 28px 22px;
52 +/* BASE CARD */
53 +.card {
54 + background: white;
55 + border: 1px solid #e6e6e6;
56 + border-radius: 12px;
57 + padding: 22px 20px;
52 52   text-decoration: none !important;
53 - color: white;
54 - display: flex;
55 - flex-direction: column;
56 - align-items: center;
57 - justify-content: center;
58 - min-height: 190px;
59 - box-shadow: 0 8px 20px rgba(0,0,0,0.18);
60 - transition: all 0.25s ease;
59 + color: #222;
60 + transition: all 0.18s ease;
61 + min-height: 110px;
61 61  }
62 62  
63 -.tile:hover {
64 - transform: translateY(-6px);
65 - background: rgba(23, 115, 69, 0.95);
66 - box-shadow: 0 14px 30px rgba(0,0,0,0.28);
64 +.card:hover {
65 + transform: translateY(-2px);
67 67  }
68 68  
69 -.tile-icon {
70 - font-size: 32px;
71 - margin-bottom: 12px;
68 +/* TEXT */
69 +.card-title {
70 + font-size: 15px;
71 + font-weight: 600;
72 + margin-bottom: 6px;
72 72  }
73 73  
74 -.tile-title {
75 - font-size: 18px;
76 - font-weight: 700;
77 - text-align: center;
78 -}
79 -
80 -.tile-desc {
75 +.card-desc {
81 81   font-size: 13px;
82 - opacity: 0.9;
83 - margin-top: 6px;
84 - text-align: center;
77 + color: #666;
85 85   line-height: 1.4;
86 86  }
80 +
81 +/* ===== FARBVARIANTEN ===== */
82 +
83 +/* SYSTEME = 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 = 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 +/* ORGANISATION = Violett/Grau */
102 +.card.org {
103 + border-left: 5px solid #6b46c1;
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 +}
87 87  </style>
88 88  
89 89  <div class="dashboard-wrapper">
... ... @@ -91,82 +91,80 @@
91 91   <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
92 92   <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Projekte</div>
93 93  
94 - <!-- 🔹 HAUPTBEREICH -->
95 - <div class="section-title">Hauptbereiche</div>
96 - <div class="dashboard">
125 + <div class="accent"></div>
97 97  
98 - <a class="tile" href="/xwiki/bin/view/Main/Team">
99 - <div class="tile-icon">👥</div>
100 - <div class="tile-title">Team</div>
101 - <div class="tile-desc">Zuständigkeiten</div>
102 - </a>
127 + <!-- HAUPTBEREICHE -->
128 + <div class="section">
129 + <div class="section-title">Hauptbereiche</div>
130 + <div class="grid">
103 103  
104 - <a class="tile" href="/xwiki/bin/view/Main/Dokumentation">
105 - <div class="tile-icon">📘</div>
106 - <div class="tile-title">Dokumentation</div>
107 - <div class="tile-desc">Technische & interne Doku</div>
108 - </a>
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>
109 109  
110 - <a class="tile" href="/xwiki/bin/view/Main/Projekte">
111 - <div class="tile-icon">📁</div>
112 - <div class="tile-title">Projekte</div>
113 - <div class="tile-desc">Aktuelle Projekte</div>
114 - </a>
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>
115 115  
116 - <a class="tile" href="/xwiki/bin/view/Main/Wissen">
117 - <div class="tile-icon">🧠</div>
118 - <div class="tile-title">Wissen</div>
119 - <div class="tile-desc">FAQ & Lösungen</div>
120 - </a>
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>
121 121  
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>
151 +
152 + </div>
122 122   </div>
123 123  
124 - <!-- 🔹 SYSTEME -->
125 - <div class="section-title">Systeme & Betrieb</div>
126 - <div class="dashboard">
155 + <!-- SYSTEME -->
156 + <div class="section">
157 + <div class="section-title">Systeme und Betrieb</div>
158 + <div class="grid">
127 127  
128 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Linux">
129 - <div class="tile-icon">🐧</div>
130 - <div class="tile-title">Linux</div>
131 - <div class="tile-desc">How-Tos & Admin</div>
132 - </a>
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>
133 133  
134 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Windows">
135 - <div class="tile-icon">🪟</div>
136 - <div class="tile-title">Windows</div>
137 - <div class="tile-desc">Administration</div>
138 - </a>
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>
139 139  
140 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
141 - <div class="tile-icon">🏛️</div>
142 - <div class="tile-title">Fachverfahren</div>
143 - <div class="tile-desc">Fachanwendungen</div>
144 - </a>
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>
145 145  
175 + </div>
146 146   </div>
147 147  
148 - <!-- 🔹 SONSTIGES -->
149 - <div class="section-title">Sonstiges</div>
150 - <div class="dashboard">
178 + <!-- SONSTIGES -->
179 + <div class="section">
180 + <div class="section-title">Sonstiges</div>
181 + <div class="grid">
151 151  
152 - <a class="tile" href="/xwiki/bin/view/Main/ExterneDienstleister">
153 - <div class="tile-icon">🤝</div>
154 - <div class="tile-title">Dienstleister</div>
155 - <div class="tile-desc">Kontakte</div>
156 - </a>
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>
157 157  
158 - <a class="tile" href="/xwiki/bin/view/Main/ProjekteArchiv">
159 - <div class="tile-icon">🗄️</div>
160 - <div class="tile-title">Archiv</div>
161 - <div class="tile-desc">Abgeschlossene Projekte</div>
162 - </a>
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>
163 163  
164 - <a class="tile" href="/xwiki/bin/view/Main/Ausbildung">
165 - <div class="tile-icon">🎓</div>
166 - <div class="tile-title">Ausbildung</div>
167 - <div class="tile-desc">Lernmaterialien</div>
168 - </a>
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>
169 169  
198 + </div>
170 170   </div>
171 171  
172 172  </div>