Änderungen von Dokument Home

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -5,169 +5,168 @@
5	5	<style>
6	6	body, .dashboard-wrapper {
7	7	font-family: 'Inter', sans-serif;
8		- background: #fafafa;
9	9	}
10	10
11	11	.dashboard-wrapper {
12		- max-width: 1200px;
	11	+ max-width: 1400px;
13	13	margin: 0 auto;
14		- padding: 40px 30px;
	13	+ padding: 35px 25px;
15	15	}
16	16
17		-/* HEADER */
	16	+/* Titel */
18	18	.title {
19		- font-size: 30px;
	18	+ font-size: 34px;
20	20	font-weight: 700;
21		- letter-spacing: -0.6px;
22	22	margin-bottom: 6px;
	21	+ letter-spacing: -0.5px;
23	23	}
24	24
25	25	.subtitle {
26		- font-size: 14px;
27		- color: #666;
28		- margin-bottom: 30px;
	25	+ color: #555;
	26	+ font-size: 15px;
	27	+ margin-bottom: 25px;
29	29	}
30	30
31		-/* SECTION */
32		-.section {
33		- margin-bottom: 32px;
34		-}
35		-
	30	+/* SEKTIONEN */
36	36	.section-title {
37		- font-size: 12px;
	32	+ font-size: 14px;
38	38	font-weight: 700;
	34	+ margin: 25px 0 10px;
	35	+ color: #333;
39	39	text-transform: uppercase;
40		- letter-spacing: 0.12em;
41		- color: #888;
42		- margin-bottom: 12px;
	37	+ letter-spacing: 0.06em;
43	43	}
44	44
45		-/* GRID (cleaner, weniger “App-Kacheln”) */
46		-.grid {
	40	+/* GRID */
	41	+.dashboard {
47	47	display: grid;
48		- grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
49		- gap: 12px;
	43	+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	44	+ gap: 24px;
50	50	}
51	51
52		-/* CARD (Dev-Portal Style) */
53		-.card {
54		- background: white;
55		- border: 1px solid #e6e6e6;
56		- border-radius: 10px;
57		- padding: 14px 16px;
	47	+/* KACHELN */
	48	+.tile {
	49	+ background: rgba(23, 115, 69, 0.82);
	50	+ border-radius: 18px;
	51	+ padding: 28px 22px;
58	58	text-decoration: none !important;
59		- color: #222;
60		- transition: all 0.15s ease;
	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;
61	61	}
62	62
63		-.card:hover {
64		- border-color: #b7e4c7;
65		- background: #f6fffa;
	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);
66	66	}
67	67
68		-/* TITLE */
69		-.card-title {
70		- font-size: 14px;
71		- font-weight: 600;
72		- margin-bottom: 4px;
	69	+.tile-icon {
	70	+ font-size: 32px;
	71	+ margin-bottom: 12px;
73	73	}
74	74
75		-/* DESC */
76		-.card-desc {
77		- font-size: 12px;
78		- color: #666;
79		- line-height: 1.4;
	74	+.tile-title {
	75	+ font-size: 18px;
	76	+ font-weight: 700;
	77	+ text-align: center;
80	80	}
81	81
82		-/* subtle accent line (optional dev-portal feel) */
83		-.accent {
84		- height: 2px;
85		- width: 40px;
86		- background: #1b7a4a;
87		- margin: 10px 0 18px;
88		- border-radius: 2px;
	80	+.tile-desc {
	81	+ font-size: 13px;
	82	+ opacity: 0.9;
	83	+ margin-top: 6px;
	84	+ text-align: center;
	85	+ line-height: 1.4;
89	89	}
90	90	</style>
91	91
92	92	<div class="dashboard-wrapper">
93	93
94		- <div class="title">IT Wiki</div>
95		- <div class="subtitle">Interne Dokumentation und Systeme</div>
	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>
96	96
97		- <div class="accent"></div>
	94	+ <!-- 🔹 HAUPTBEREICH -->
	95	+ <div class="section-title">Hauptbereiche</div>
	96	+ <div class="dashboard">
98	98
99		- <!-- CORE -->
100		- <div class="section">
101		- <div class="section-title">Core</div>
102		- <div class="grid">
	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>
103	103
104		- <a class="card" href="/xwiki/bin/view/Main/Team">
105		- <div class="card-title">Team</div>
106		- <div class="card-desc">Zuständigkeiten und Ansprechpartner</div>
107		- </a>
	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>
108	108
109		- <a class="card" href="/xwiki/bin/view/Main/Dokumentation">
110		- <div class="card-title">Dokumentation</div>
111		- <div class="card-desc">Technische und interne Doku</div>
112		- </a>
	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>
113	113
114		- <a class="card" href="/xwiki/bin/view/Main/Projekte">
115		- <div class="card-title">Projekte</div>
116		- <div class="card-desc">Aktive IT-Projekte</div>
117		- </a>
	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>
118	118
119		- <a class="card" href="/xwiki/bin/view/Main/Wissen">
120		- <div class="card-title">Wissen Base</div>
121		- <div class="card-desc">Lösungen, How-Tos, FAQ</div>
122		- </a>
123		-
124		- </div>
125	125	</div>
126	126
127		- <!-- SYSTEMS -->
128		- <div class="section">
129		- <div class="section-title">Systems</div>
130		- <div class="grid">
	124	+ <!-- 🔹 SYSTEME -->
	125	+ <div class="section-title">Systeme & Betrieb</div>
	126	+ <div class="dashboard">
131	131
132		- <a class="card" href="/xwiki/bin/view/Main/Wissen/Windows">
133		- <div class="card-title">Windows</div>
134		- <div class="card-desc">Administration & Troubleshooting</div>
135		- </a>
	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>
136	136
137		- <a class="card" href="/xwiki/bin/view/Main/Wissen/Linux">
138		- <div class="card-title">Linux</div>
139		- <div class="card-desc">Server & How-Tos</div>
140		- </a>
	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>
141	141
142		- <a class="card" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
143		- <div class="card-title">Fachverfahren</div>
144		- <div class="card-desc">Fachanwendungen & Prozesse</div>
145		- </a>
	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>
146	146
147		- </div>
148	148	</div>
149	149
150		- <!-- OPERATIONS -->
151		- <div class="section">
152		- <div class="section-title">Operations</div>
153		- <div class="grid">
	148	+ <!-- 🔹 SONSTIGES -->
	149	+ <div class="section-title">Sonstiges</div>
	150	+ <div class="dashboard">
154	154
155		- <a class="card" href="/xwiki/bin/view/Main/ExterneDienstleister">
156		- <div class="card-title">Dienstleister</div>
157		- <div class="card-desc">Externe Kontakte</div>
158		- </a>
	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>
159	159
160		- <a class="card" href="/xwiki/bin/view/Main/ProjekteArchiv">
161		- <div class="card-title">Archiv</div>
162		- <div class="card-desc">Abgeschlossene Projekte</div>
163		- </a>
	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>
164	164
165		- <a class="card" href="/xwiki/bin/view/Main/Ausbildung">
166		- <div class="card-title">Ausbildung</div>
167		- <div class="card-desc">Lernmaterial & Onboarding</div>
168		- </a>
	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	169
170		- </div>
171	171	</div>
172	172
173	173	</div>