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

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -1,5 +1,6 @@
1 1  {{html clean="false"}}
2 2  
3 +<!-- Google Font (modern, clean UI 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>
... ... @@ -7,6 +7,7 @@
7 7   font-family: 'Inter', sans-serif;
8 8  }
9 9  
11 +/* Seite */
10 10  .dashboard-wrapper {
11 11   max-width: 1400px;
12 12   margin: 0 auto;
... ... @@ -13,53 +13,31 @@
13 13   padding: 35px 25px;
14 14  }
15 15  
16 -/* Titel */
17 -.title {
18 - font-size: 34px;
19 - font-weight: 700;
20 - margin-bottom: 6px;
21 - letter-spacing: -0.5px;
22 -}
23 -
24 -.subtitle {
25 - color: #555;
26 - font-size: 15px;
27 - margin-bottom: 25px;
28 -}
29 -
30 -/* SEKTIONEN */
31 -.section-title {
32 - font-size: 14px;
33 - font-weight: 700;
34 - margin: 25px 0 10px;
35 - color: #333;
36 - text-transform: uppercase;
37 - letter-spacing: 0.06em;
38 -}
39 -
40 -/* GRID */
18 +/* Grid */
41 41  .dashboard {
42 42   display: grid;
43 - grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
21 + grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
44 44   gap: 24px;
23 + margin-top: 20px;
45 45  }
46 46  
47 -/* KACHELN */
26 +/* Kachel */
48 48  .tile {
49 - background: rgba(23, 115, 69, 0.82);
28 + background: rgba(23, 115, 69, 0.82); /* CI Grün transparent */
50 50   border-radius: 18px;
51 - padding: 28px 22px;
52 - text-decoration: none !important;
30 + padding: 26px 22px;
31 + text-decoration: none !important; /* KEINE Unterstreichung */
53 53   color: white;
54 54   display: flex;
55 55   flex-direction: column;
56 - align-items: center;
35 + align-items: center; /* alles zentriert */
57 57   justify-content: center;
58 - min-height: 190px;
37 + min-height: 170px;
59 59   box-shadow: 0 8px 20px rgba(0,0,0,0.18);
60 60   transition: all 0.25s ease;
61 61  }
62 62  
42 +/* Hover */
63 63  .tile:hover {
64 64   transform: translateY(-6px);
65 65   background: rgba(23, 115, 69, 0.95);
... ... @@ -66,11 +66,13 @@
66 66   box-shadow: 0 14px 30px rgba(0,0,0,0.28);
67 67  }
68 68  
49 +/* Icon oben zentriert */
69 69  .tile-icon {
70 - font-size: 32px;
51 + font-size: 30px;
71 71   margin-bottom: 12px;
72 72  }
73 73  
55 +/* Titel */
74 74  .tile-title {
75 75   font-size: 18px;
76 76   font-weight: 700;
... ... @@ -77,6 +77,7 @@
77 77   text-align: center;
78 78  }
79 79  
62 +/* Beschreibung */
80 80  .tile-desc {
81 81   font-size: 13px;
82 82   opacity: 0.9;
... ... @@ -88,87 +88,78 @@
88 88  
89 89  <div class="dashboard-wrapper">
90 90  
91 - <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
92 - <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 +📌 Startseite
76 +</div>
93 93  
94 - <!-- 🔹 HAUPTBEREICH -->
95 - <div class="section-title">Hauptbereiche</div>
96 - <div class="dashboard">
78 +<div style="color:#666;margin-bottom:18px;">
79 +Zentrale Übersicht für Systeme, Wissen und Projekte
80 +</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>
82 +<div class="dashboard">
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>
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>
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>
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>
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>
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>
121 121  
122 - </div>
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>
123 123  
124 - <!-- 🔹 SYSTEME -->
125 - <div class="section-title">Systeme & Betrieb</div>
126 - <div class="dashboard">
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>
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>
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>
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>
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>
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>
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>
145 145  
146 - </div>
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>
147 147  
148 - <!-- 🔹 SONSTIGES -->
149 - <div class="section-title">Sonstiges</div>
150 - <div class="dashboard">
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>
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>
144 +</div>
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>
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>
169 -
170 - </div>
171 -
172 172  </div>
173 173  
174 174  {{/html}}