Änderungen von Dokument Home

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,30 +1,139 @@
1		-<!-- Statusbereich -->
2		-<div style="display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-bottom:25px;">
	1	+{{html clean="false"}}
3	3
4		- <div style="background:#f5f5f5;border-radius:14px;padding:16px;">
5		- <div style="font-weight:700;margin-bottom:6px;">🚨 IT Status</div>
6		- <div style="font-size:13px;color:#333;">
7		- VPN: 🟢 Online<br>
8		- Mail: 🟢 Online<br>
9		- AD: 🟡 Teilweise Störung
10		- </div>
11		- </div>
	3	+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
12	12
13		- <div style="background:#f5f5f5;border-radius:14px;padding:16px;">
14		- <div style="font-weight:700;margin-bottom:6px;">📢 Hinweise</div>
15		- <div style="font-size:13px;color:#333;">
16		- Patchday am Freitag 18:00<br>
17		- Backup-Test diese Woche
18		- </div>
19		- </div>
	5	+<style>
	6	+body, .dashboard-wrapper {
	7	+ font-family: 'Inter', sans-serif;
	8	+ background: #fafafa;
	9	+}
20	20
21		- <div style="background:#f5f5f5;border-radius:14px;padding:16px;">
22		- <div style="font-weight:700;margin-bottom:6px;">🧭 Schnellzugriff</div>
23		- <div style="font-size:13px;">
24		- <a href="#">Ticket-System</a><br>
25		- <a href="#">Monitoring</a><br>
26		- <a href="#">AD Verwaltung</a>
27		- </div>
	11	+.dashboard-wrapper {
	12	+ max-width: 1200px;
	13	+ margin: 0 auto;
	14	+ padding: 40px 30px;
	15	+}
	16	+
	17	+/* HEADER */
	18	+.title {
	19	+ font-size: 32px;
	20	+ font-weight: 700;
	21	+ letter-spacing: -0.6px;
	22	+ margin-bottom: 6px;
	23	+}
	24	+
	25	+.subtitle {
	26	+ font-size: 14px;
	27	+ color: #666;
	28	+ margin-bottom: 18px;
	29	+}
	30	+
	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;
	41	+ 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;
	59	+ font-weight: 700;
	60	+ text-transform: uppercase;
	61	+ letter-spacing: 0.12em;
	62	+ color: #777;
	63	+ margin-bottom: 14px;
	64	+}
	65	+
	66	+/* GRID */
	67	+.grid {
	68	+ display: grid;
	69	+ grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
	70	+ gap: 14px;
	71	+}
	72	+
	73	+/* CARD */
	74	+.card {
	75	+ background: white;
	76	+ border: 1px solid #e6e6e6;
	77	+ border-radius: 12px;
	78	+ padding: 22px 20px;
	79	+ text-decoration: none !important;
	80	+ color: #222;
	81	+ transition: all 0.18s ease;
	82	+ min-height: 110px;
	83	+}
	84	+
	85	+.card:hover {
	86	+ transform: translateY(-2px);
	87	+}
	88	+
	89	+/* TEXT */
	90	+.card-title {
	91	+ font-size: 15px;
	92	+ font-weight: 600;
	93	+ margin-bottom: 6px;
	94	+}
	95	+
	96	+.card-desc {
	97	+ font-size: 13px;
	98	+ color: #666;
	99	+ line-height: 1.4;
	100	+}
	101	+
	102	+/* COLORS */
	103	+.card.system { border-left: 5px solid #1b7a4a; }
	104	+.card.system:hover { background: #f3fbf6; }
	105	+
	106	+.card.knowledge { border-left: 5px solid #2b6cb0; }
	107	+.card.knowledge:hover { background: #f3f8ff; }
	108	+
	109	+.card.process { border-left: 5px solid #6b46c1; }
	110	+.card.process:hover { background: #faf7ff; }
	111	+
	112	+.accent {
	113	+ height: 2px;
	114	+ width: 60px;
	115	+ background: #1b7a4a;
	116	+ margin: 10px 0 18px;
	117	+ border-radius: 2px;
	118	+}
	119	+</style>
	120	+
	121	+<div class="dashboard-wrapper">
	122	+
	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>
	126	+
	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>
28	28	</div>
29	29
30		-</div>
	137	+ <div class="accent"></div>
	138	+
	139	+ <!-- AB HIER BLEIBT ALLES WIE BEI DIR -->