Änderungen von Dokument Home

Zusammenfassung

• Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,214 +1,201 @@
1	1	{{html clean="false"}}
2	2
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>
7	7	body, .dashboard-wrapper {
8	8	font-family: 'Inter', sans-serif;
	8	+ background: #fafafa;
9	9	}
10	10
11		-/* Seite */
12	12	.dashboard-wrapper {
13		- max-width: 1400px;
	12	+ max-width: 1200px;
14	14	margin: 0 auto;
15		- padding: 35px 25px;
	14	+ padding: 40px 30px;
16	16	}
17	17
18		-/* Header */
	17	+/* HEADER */
19	19	.title {
20		- font-size: 34px;
	19	+ font-size: 32px;
21	21	font-weight: 700;
	21	+ letter-spacing: -0.6px;
22	22	margin-bottom: 6px;
23		- letter-spacing: -0.5px;
24	24	}
25	25
26	26	.subtitle {
27		- color: #555;
28		- font-size: 15px;
29		- margin-bottom: 22px;
	26	+ font-size: 14px;
	27	+ color: #666;
	28	+ margin-bottom: 30px;
30	30	}
31	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;
	31	+/* SECTION */
	32	+.section {
	33	+ margin-bottom: 34px;
38	38	}
39	39
40		-.info-box {
41		- background: #f5f5f5;
42		- border-radius: 14px;
43		- padding: 16px;
	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;
44	44	}
45	45
46		-.info-title {
47		- font-weight: 700;
48		- margin-bottom: 8px;
	45	+/* GRID */
	46	+.grid {
	47	+ display: grid;
	48	+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	49	+ gap: 14px;
49	49	}
50	50
51		-.info-text {
52		- font-size: 13px;
53		- color: #333;
54		- line-height: 1.5;
	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;
55	55	}
56	56
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;
	64	+.card:hover {
	65	+ transform: translateY(-2px);
63	63	}
64	64
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;
	68	+/* TEXT */
	69	+.card-title {
	70	+ font-size: 15px;
	71	+ font-weight: 600;
	72	+ margin-bottom: 6px;
79	79	}
80	80
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);
	75	+.card-desc {
	76	+ font-size: 13px;
	77	+ color: #666;
	78	+ line-height: 1.4;
86	86	}
87	87
88		-/* Icon */
89		-.tile-icon {
90		- font-size: 32px;
91		- margin-bottom: 12px;
	81	+/* ===== FARBVARIANTEN ===== */
	82	+
	83	+/* SYSTEME = Grün */
	84	+.card.system {
	85	+ border-left: 5px solid #1b7a4a;
92	92	}
	87	+.card.system:hover {
	88	+ background: #f3fbf6;
	89	+ border-color: #b7e4c7;
	90	+}
93	93
94		-/* Titel */
95		-.tile-title {
96		- font-size: 18px;
97		- font-weight: 700;
98		- text-align: center;
	92	+/* WISSEN = Blau */
	93	+.card.knowledge {
	94	+ border-left: 5px solid #2b6cb0;
99	99	}
	96	+.card.knowledge:hover {
	97	+ background: #f3f8ff;
	98	+ border-color: #b6d4ff;
	99	+}
100	100
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;
	101	+/* ORGANISATION = Violett/Grau */
	102	+.card.org {
	103	+ border-left: 5px solid #6b46c1;
108	108	}
	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	+}
109	109	</style>
110	110
111	111	<div class="dashboard-wrapper">
112	112
113		- <!-- HEADER -->
114	114	<div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
115	115	<div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Projekte</div>
116	116
117		- <!-- NEU: INFO / STATUS BEREICH -->
118		- <div class="info-grid">
	125	+ <div class="accent"></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>
	127	+ <!-- HAUPTBEREICHE -->
	128	+ <div class="section">
	129	+ <div class="section-title">Hauptbereiche</div>
	130	+ <div class="grid">
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>
	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>
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>
	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>
146	146
147		- </div>
	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>
148	148
149		- <!-- DASHBOARD -->
150		- <div class="dashboard">
	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	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>
	152	+ </div>
	153	+ </div>
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>
	155	+ <!-- SYSTEME -->
	156	+ <div class="section">
	157	+ <div class="section-title">Systeme und Betrieb</div>
	158	+ <div class="grid">
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>
	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>
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>
	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>
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>
	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>
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>
	175	+ </div>
	176	+ </div>
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>
	178	+ <!-- SONSTIGES -->
	179	+ <div class="section">
	180	+ <div class="section-title">Sonstiges</div>
	181	+ <div class="grid">
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>
	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>
199	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>
	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>
205	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>
	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>
211	211
	198	+ </div>
212	212	</div>
213	213
214	214	</div>