Änderungen von Dokument Home

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,148 +1,178 @@
1	1	{{html clean="false"}}
2	2
3		-<!-- Google Font (modern, clean UI 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		-/* Grid */
19		-.dashboard {
20		- display: grid;
21		- grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
22		- gap: 24px;
23		- margin-top: 20px;
	17	+/* HEADER */
	18	+.title {
	19	+ font-size: 32px;
	20	+ font-weight: 700;
	21	+ letter-spacing: -0.6px;
	22	+ margin-bottom: 6px;
24	24	}
25	25
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;
	25	+.subtitle {
	26	+ font-size: 14px;
	27	+ color: #666;
	28	+ margin-bottom: 30px;
40	40	}
41	41
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);
	31	+/* SECTION */
	32	+.section {
	33	+ margin-bottom: 34px;
47	47	}
48	48
49		-/* Icon oben zentriert */
50		-.tile-icon {
51		- font-size: 30px;
52		- margin-bottom: 12px;
	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;
53	53	}
54	54
55		-/* Titel */
56		-.tile-title {
57		- font-size: 18px;
58		- font-weight: 700;
59		- text-align: center;
	45	+/* GRID */
	46	+.grid {
	47	+ display: grid;
	48	+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	49	+ gap: 14px;
60	60	}
61	61
62		-/* Beschreibung */
63		-.tile-desc {
	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 {
64	64	font-size: 13px;
65		- opacity: 0.9;
66		- margin-top: 6px;
67		- text-align: center;
	80	+ color: #666;
68	68	line-height: 1.4;
69	69	}
	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	+}
70	70	</style>
71	71
72	72	<div class="dashboard-wrapper">
73	73
74		-<div style="font-size:28px;font-weight:700;margin-bottom:8px;">
75		-📌 Startseite
76		-</div>
	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>
77	77
78		-<div style="color:#666;margin-bottom:18px;">
79		-Zentrale Übersicht für Systeme, Wissen und Projekte
80		-</div>
	100	+ <div class="accent"></div>
81	81
82		-<div class="dashboard">
	102	+ <!-- HAUPTBEREICHE -->
	103	+ <div class="section">
	104	+ <div class="section-title">Hauptbereiche</div>
	105	+ <div class="grid">
83	83
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>
	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>
89	89
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>
	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>
95	95
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>
	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>
101	101
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>
	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>
107	107
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	+ </div>
	128	+ </div>
113	113
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>
	130	+ <!-- SYSTEME -->
	131	+ <div class="section">
	132	+ <div class="section-title">Systeme und Betrieb</div>
	133	+ <div class="grid">
119	119
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>
	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>
125	125
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>
	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>
131	131
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>
	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>
137	137
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>
	150	+ </div>
	151	+ </div>
143	143
144		-</div>
	153	+ <!-- SONSTIGES -->
	154	+ <div class="section">
	155	+ <div class="section-title">Sonstiges</div>
	156	+ <div class="grid">
145	145
	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	+
146	146	</div>
147	147
148	148	{{/html}}