Änderungen von Dokument Home

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,178 +1,148 @@
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>
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		-.title {
19		- font-size: 32px;
20		- font-weight: 700;
21		- letter-spacing: -0.6px;
22		- margin-bottom: 6px;
	18	+/* Grid */
	19	+.dashboard {
	20	+ display: grid;
	21	+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	22	+ gap: 24px;
	23	+ margin-top: 20px;
23	23	}
24	24
25		-.subtitle {
26		- font-size: 14px;
27		- color: #666;
28		- margin-bottom: 30px;
	26	+/* Kachel */
	27	+.tile {
	28	+ background: rgba(23, 115, 69, 0.82); /* CI Grün transparent */
	29	+ border-radius: 18px;
	30	+ padding: 26px 22px;
	31	+ text-decoration: none !important; /* KEINE Unterstreichung */
	32	+ color: white;
	33	+ display: flex;
	34	+ flex-direction: column;
	35	+ align-items: center; /* alles zentriert */
	36	+ justify-content: center;
	37	+ min-height: 170px;
	38	+ box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	39	+ transition: all 0.25s ease;
29	29	}
30	30
31		-/* SECTION */
32		-.section {
33		- margin-bottom: 34px;
	42	+/* Hover */
	43	+.tile:hover {
	44	+ transform: translateY(-6px);
	45	+ background: rgba(23, 115, 69, 0.95);
	46	+ box-shadow: 0 14px 30px rgba(0,0,0,0.28);
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;
	49	+/* Icon oben zentriert */
	50	+.tile-icon {
	51	+ font-size: 30px;
	52	+ margin-bottom: 12px;
43	43	}
44	44
45		-/* GRID */
46		-.grid {
47		- display: grid;
48		- grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
49		- gap: 14px;
	55	+/* Titel */
	56	+.tile-title {
	57	+ font-size: 18px;
	58	+ font-weight: 700;
	59	+ text-align: center;
50	50	}
51	51
52		-/* CARD (größer & „portaliger“) */
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.15s ease;
61		- min-height: 110px;
62		-}
63		-
64		-.card:hover {
65		- border-color: #b7e4c7;
66		- background: #f6fffa;
67		- transform: translateY(-2px);
68		-}
69		-
70		-/* TITLE */
71		-.card-title {
72		- font-size: 15px;
73		- font-weight: 600;
74		- margin-bottom: 6px;
75		-}
76		-
77		-/* DESC */
78		-.card-desc {
	62	+/* Beschreibung */
	63	+.tile-desc {
79	79	font-size: 13px;
80		- color: #666;
	65	+ opacity: 0.9;
	66	+ margin-top: 6px;
	67	+ text-align: center;
81	81	line-height: 1.4;
82	82	}
83		-
84		-/* Accent line */
85		-.accent {
86		- height: 2px;
87		- width: 60px;
88		- background: #1b7a4a;
89		- margin: 10px 0 18px;
90		- border-radius: 2px;
91		-}
92	92	</style>
93	93
94	94	<div class="dashboard-wrapper">
95	95
96		- <!-- SEITENTITEL (gewünscht) -->
97		- <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
98		- <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	+Internes Wiki der Samtgemeinde Lühe IT
	76	+</div>
99	99
100		- <div class="accent"></div>
	78	+<div style="color:#666;margin-bottom:18px;">
	79	+Zentrale Übersicht für Systeme, Wissen und Projekte
	80	+</div>
101	101
102		- <!-- HAUPTBEREICHE -->
103		- <div class="section">
104		- <div class="section-title">Hauptbereiche</div>
105		- <div class="grid">
	82	+<div class="dashboard">
106	106
107		- <a class="card" href="/xwiki/bin/view/Main/Team">
108		- <div class="card-title">Team</div>
109		- <div class="card-desc">Zuständigkeiten und Ansprechpartner im Überblick</div>
110		- </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>
111	111
112		- <a class="card" href="/xwiki/bin/view/Main/Dokumentation">
113		- <div class="card-title">Dokumentation</div>
114		- <div class="card-desc">Technische und interne Dokumentation</div>
115		- </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>
116	116
117		- <a class="card" href="/xwiki/bin/view/Main/Projekte">
118		- <div class="card-title">Projekte</div>
119		- <div class="card-desc">Aktuelle IT-Projekte und Entwicklungen</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		- <a class="card" href="/xwiki/bin/view/Main/Wissen">
123		- <div class="card-title">Wissensdatenbank</div>
124		- <div class="card-desc">FAQ, Lösungen und interne How-Tos</div>
125		- </a>
	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>
126	126
127		- </div>
128		- </div>
	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>
129	129
130		- <!-- SYSTEME -->
131		- <div class="section">
132		- <div class="section-title">Systeme und Betrieb</div>
133		- <div class="grid">
	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>
134	134
135		- <a class="card" href="/xwiki/bin/view/Main/Wissen/Windows">
136		- <div class="card-title">Windows Administration</div>
137		- <div class="card-desc">Verwaltung und Troubleshooting</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="card" href="/xwiki/bin/view/Main/Wissen/Linux">
141		- <div class="card-title">Linux Systeme</div>
142		- <div class="card-desc">Server, Dienste und How-Tos</div>
143		- </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>
144	144
145		- <a class="card" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
146		- <div class="card-title">Fachverfahren</div>
147		- <div class="card-desc">Fachanwendungen und Prozesse</div>
148		- </a>
	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>
149	149
150		- </div>
151		- </div>
	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>
152	152
153		- <!-- SONSTIGES -->
154		- <div class="section">
155		- <div class="section-title">Sonstiges</div>
156		- <div class="grid">
	144	+</div>
157	157
158		- <a class="card" href="/xwiki/bin/view/Main/ExterneDienstleister">
159		- <div class="card-title">Externe Dienstleister</div>
160		- <div class="card-desc">Kontakte und Partnerunternehmen</div>
161		- </a>
162		-
163		- <a class="card" href="/xwiki/bin/view/Main/ProjekteArchiv">
164		- <div class="card-title">Archiv</div>
165		- <div class="card-desc">Abgeschlossene Projekte und Historie</div>
166		- </a>
167		-
168		- <a class="card" href="/xwiki/bin/view/Main/Ausbildung">
169		- <div class="card-title">Ausbildung</div>
170		- <div class="card-desc">Lernmaterial und Onboarding</div>
171		- </a>
172		-
173		- </div>
174		- </div>
175		-
176	176	</div>
177	177
178	178	{{/html}}