Änderungen von Dokument Home

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -5,170 +5,135 @@
5	5	<style>
6	6	body, .dashboard-wrapper {
7	7	font-family: 'Inter', sans-serif;
	8	+ background: #fafafa;
8	8	}
9	9
10	10	.dashboard-wrapper {
11		- max-width: 1400px;
	12	+ max-width: 1200px;
12	12	margin: 0 auto;
13		- padding: 35px 25px;
	14	+ padding: 40px 30px;
14	14	}
15	15
16		-/* Titel */
	17	+/* HEADER */
17	17	.title {
18		- font-size: 34px;
	19	+ font-size: 32px;
19	19	font-weight: 700;
	21	+ letter-spacing: -0.6px;
20	20	margin-bottom: 6px;
21		- letter-spacing: -0.5px;
22	22	}
23	23
24	24	.subtitle {
25		- color: #555;
26		- font-size: 15px;
27		- margin-bottom: 25px;
	26	+ font-size: 14px;
	27	+ color: #666;
	28	+ margin-bottom: 18px;
28	28	}
29	29
30		-/* SEKTIONEN */
31		-.section-title {
	31	+/* 🔎 SEARCH BAR (NEU) */
	32	+.search-wrapper {
	33	+ margin-bottom: 28px;
	34	+}
	35	+
	36	+.search-box {
	37	+ width: 100%;
	38	+ padding: 14px 16px;
	39	+ border-radius: 10px;
	40	+ border: 1px solid #ddd;
32	32	font-size: 14px;
	42	+ background: white;
	43	+ outline: none;
	44	+ transition: all 0.15s ease;
	45	+}
	46	+
	47	+.search-box:focus {
	48	+ border-color: #1b7a4a;
	49	+ box-shadow: 0 0 0 3px rgba(27, 122, 74, 0.12);
	50	+}
	51	+
	52	+/* SECTION */
	53	+.section {
	54	+ margin-bottom: 34px;
	55	+}
	56	+
	57	+.section-title {
	58	+ font-size: 12px;
33	33	font-weight: 700;
34		- margin: 25px 0 10px;
35		- color: #333;
36	36	text-transform: uppercase;
37		- letter-spacing: 0.06em;
	61	+ letter-spacing: 0.12em;
	62	+ color: #777;
	63	+ margin-bottom: 14px;
38	38	}
39	39
40	40	/* GRID */
41		-.dashboard {
	67	+.grid {
42	42	display: grid;
43		- grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
44		- gap: 24px;
	69	+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	70	+ gap: 14px;
45	45	}
46	46
47		-/* KACHELN */
48		-.tile {
49		- background: rgba(23, 115, 69, 0.82);
50		- border-radius: 18px;
51		- padding: 28px 22px;
	73	+/* CARD */
	74	+.card {
	75	+ background: white;
	76	+ border: 1px solid #e6e6e6;
	77	+ border-radius: 12px;
	78	+ padding: 22px 20px;
52	52	text-decoration: none !important;
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;
	80	+ color: #222;
	81	+ transition: all 0.18s ease;
	82	+ min-height: 110px;
61	61	}
62	62
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);
	85	+.card:hover {
	86	+ transform: translateY(-2px);
67	67	}
68	68
69		-.tile-icon {
70		- font-size: 32px;
71		- margin-bottom: 12px;
	89	+/* TEXT */
	90	+.card-title {
	91	+ font-size: 15px;
	92	+ font-weight: 600;
	93	+ margin-bottom: 6px;
72	72	}
73	73
74		-.tile-title {
75		- font-size: 18px;
76		- font-weight: 700;
77		- text-align: center;
78		-}
79		-
80		-.tile-desc {
	96	+.card-desc {
81	81	font-size: 13px;
82		- opacity: 0.9;
83		- margin-top: 6px;
84		- text-align: center;
	98	+ color: #666;
85	85	line-height: 1.4;
86	86	}
87		-</style>
88	88
89		-<div class="dashboard-wrapper">
	102	+/* COLORS */
	103	+.card.system { border-left: 5px solid #1b7a4a; }
	104	+.card.system:hover { background: #f3fbf6; }
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>
	106	+.card.knowledge { border-left: 5px solid #2b6cb0; }
	107	+.card.knowledge:hover { background: #f3f8ff; }
93	93
94		- <!-- 🔹 HAUPTBEREICH -->
95		- <div class="section-title">Hauptbereiche</div>
96		- <div class="dashboard">
	109	+.card.process { border-left: 5px solid #6b46c1; }
	110	+.card.process:hover { background: #faf7ff; }
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>
	112	+.accent {
	113	+ height: 2px;
	114	+ width: 60px;
	115	+ background: #1b7a4a;
	116	+ margin: 10px 0 18px;
	117	+ border-radius: 2px;
	118	+}
	119	+</style>
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>
	121	+<div class="dashboard-wrapper">
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>
	123	+ <!-- HEADER -->
	124	+ <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
	125	+ <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Organisation</div>
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>
121		-
	127	+ <!-- 🔎 SUCHLEISTE -->
	128	+ <div class="search-wrapper">
	129	+ <form action="/xwiki/bin/view/Main/Search">
	130	+ <input class="search-box"
	131	+ type="text"
	132	+ name="text"
	133	+ placeholder="Wiki durchsuchen (z. B. VPN, AD, Windows, Netzwerk...)">
	134	+ </form>
122	122	</div>
123	123
124		- <!-- 🔹 SYSTEME -->
125		- <div class="section-title">Systeme & Betrieb</div>
126		- <div class="dashboard">
	137	+ <div class="accent"></div>
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>
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>
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>
145		-
146		- </div>
147		-
148		- <!-- 🔹 SONSTIGES -->
149		- <div class="section-title">Sonstiges</div>
150		- <div class="dashboard">
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>
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		-</div>
173		-
174		-{{/html}}
	139	+ <!-- AB HIER BLEIBT ALLES WIE BEI DIR -->