Änderungen von Dokument Home

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,30 +1,216 @@
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
	3	+<!-- Google Font -->
	4	+<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
	5	+
	6	+<style>
	7	+body, .dashboard-wrapper {
	8	+ font-family: 'Inter', sans-serif;
	9	+}
	10	+
	11	+/* Seite */
	12	+.dashboard-wrapper {
	13	+ max-width: 1400px;
	14	+ margin: 0 auto;
	15	+ padding: 35px 25px;
	16	+}
	17	+
	18	+/* Header */
	19	+.title {
	20	+ font-size: 34px;
	21	+ font-weight: 700;
	22	+ margin-bottom: 6px;
	23	+ letter-spacing: -0.5px;
	24	+}
	25	+
	26	+.subtitle {
	27	+ color: #555;
	28	+ font-size: 15px;
	29	+ margin-bottom: 22px;
	30	+}
	31	+
	32	+/* Info Grid (NEU) */
	33	+.info-grid {
	34	+ display: grid;
	35	+ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
	36	+ gap: 16px;
	37	+ margin-bottom: 28px;
	38	+}
	39	+
	40	+.info-box {
	41	+ background: #f5f5f5;
	42	+ border-radius: 14px;
	43	+ padding: 16px;
	44	+}
	45	+
	46	+.info-title {
	47	+ font-weight: 700;
	48	+ margin-bottom: 8px;
	49	+}
	50	+
	51	+.info-text {
	52	+ font-size: 13px;
	53	+ color: #333;
	54	+ line-height: 1.5;
	55	+}
	56	+
	57	+/* Dashboard Grid */
	58	+.dashboard {
	59	+ display: grid;
	60	+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	61	+ gap: 24px;
	62	+ margin-top: 10px;
	63	+}
	64	+
	65	+/* Kachel */
	66	+.tile {
	67	+ background: rgba(23, 115, 69, 0.82);
	68	+ border-radius: 18px;
	69	+ padding: 28px 22px;
	70	+ text-decoration: none !important;
	71	+ color: white;
	72	+ display: flex;
	73	+ flex-direction: column;
	74	+ align-items: center;
	75	+ justify-content: center;
	76	+ min-height: 190px;
	77	+ box-shadow: 0 8px 20px rgba(0,0,0,0.18);
	78	+ transition: all 0.25s ease;
	79	+}
	80	+
	81	+/* Hover */
	82	+.tile:hover {
	83	+ transform: translateY(-6px);
	84	+ background: rgba(23, 115, 69, 0.95);
	85	+ box-shadow: 0 14px 30px rgba(0,0,0,0.28);
	86	+}
	87	+
	88	+/* Icon */
	89	+.tile-icon {
	90	+ font-size: 32px;
	91	+ margin-bottom: 12px;
	92	+}
	93	+
	94	+/* Titel */
	95	+.tile-title {
	96	+ font-size: 18px;
	97	+ font-weight: 700;
	98	+ text-align: center;
	99	+}
	100	+
	101	+/* Beschreibung */
	102	+.tile-desc {
	103	+ font-size: 13px;
	104	+ opacity: 0.9;
	105	+ margin-top: 6px;
	106	+ text-align: center;
	107	+ line-height: 1.4;
	108	+}
	109	+</style>
	110	+
	111	+<div class="dashboard-wrapper">
	112	+
	113	+ <!-- HEADER -->
	114	+ <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
	115	+ <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Projekte</div>
	116	+
	117	+ <!-- NEU: INFO / STATUS BEREICH -->
	118	+ <div class="info-grid">
	119	+
	120	+ <div class="info-box">
	121	+ <div class="info-title">🚨 IT Status</div>
	122	+ <div class="info-text">
	123	+ VPN: 🟢 Online<br>
	124	+ Mail: 🟢 Online<br>
	125	+ AD: 🟡 Teilweise Störung
	126	+ </div>
10	10	</div>
11		- </div>
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
	129	+ <div class="info-box">
	130	+ <div class="info-title">📢 Hinweise</div>
	131	+ <div class="info-text">
	132	+ Patchday: Freitag 18:00<br>
	133	+ Backup-Test: diese Woche<br>
	134	+ Wartung: keine aktuell
	135	+ </div>
18	18	</div>
19		- </div>
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>
	138	+ <div class="info-box">
	139	+ <div class="info-title">🧭 Schnellzugriff</div>
	140	+ <div class="info-text">
	141	+ <a href="/xwiki/bin/view/Main/Tickets">Ticketsystem</a><br>
	142	+ <a href="/xwiki/bin/view/Main/Monitoring">Monitoring</a><br>
	143	+ <a href="/xwiki/bin/view/Main/AD">AD Verwaltung</a>
	144	+ </div>
27	27	</div>
	146	+
28	28	</div>
29	29
	149	+ <!-- DASHBOARD -->
	150	+ <div class="dashboard">
	151	+
	152	+ <a class="tile" href="/xwiki/bin/view/Main/Team">
	153	+ <div class="tile-icon">👥</div>
	154	+ <div class="tile-title">Team</div>
	155	+ <div class="tile-desc">Zuständigkeiten</div>
	156	+ </a>
	157	+
	158	+ <a class="tile" href="/xwiki/bin/view/Main/Dokumentation">
	159	+ <div class="tile-icon">📘</div>
	160	+ <div class="tile-title">Dokumentation</div>
	161	+ <div class="tile-desc">Technische und interne Dokumentation</div>
	162	+ </a>
	163	+
	164	+ <a class="tile" href="/xwiki/bin/view/Main/Projekte">
	165	+ <div class="tile-icon">📁</div>
	166	+ <div class="tile-title">Projekte</div>
	167	+ <div class="tile-desc">Alle laufenden Projekte im Überblick</div>
	168	+ </a>
	169	+
	170	+ <a class="tile" href="/xwiki/bin/view/Main/Wissen">
	171	+ <div class="tile-icon">🧠</div>
	172	+ <div class="tile-title">Wissen</div>
	173	+ <div class="tile-desc">Interne Lösungen & FAQ</div>
	174	+ </a>
	175	+
	176	+ <a class="tile" href="/xwiki/bin/view/Main/ExterneDienstleister">
	177	+ <div class="tile-icon">🤝</div>
	178	+ <div class="tile-title">Externe Dienstleister</div>
	179	+ <div class="tile-desc">Kontakte</div>
	180	+ </a>
	181	+
	182	+ <a class="tile" href="/xwiki/bin/view/Main/ProjekteArchiv">
	183	+ <div class="tile-icon">🗄️</div>
	184	+ <div class="tile-title">Projekte Archiv</div>
	185	+ <div class="tile-desc">Abgeschlossene Projekte</div>
	186	+ </a>
	187	+
	188	+ <a class="tile" href="/xwiki/bin/view/Main/Wissen/Linux">
	189	+ <div class="tile-icon">🐧</div>
	190	+ <div class="tile-title">Linux</div>
	191	+ <div class="tile-desc">How-Tos & Lösungen</div>
	192	+ </a>
	193	+
	194	+ <a class="tile" href="/xwiki/bin/view/Main/Wissen/Windows">
	195	+ <div class="tile-icon">🪟</div>
	196	+ <div class="tile-title">Windows</div>
	197	+ <div class="tile-desc">Administration</div>
	198	+ </a>
	199	+
	200	+ <a class="tile" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
	201	+ <div class="tile-icon">🏛️</div>
	202	+ <div class="tile-title">Fachverfahren</div>
	203	+ <div class="tile-desc">Fachanwendungen & Prozesse</div>
	204	+ </a>
	205	+
	206	+ <a class="tile" href="/xwiki/bin/view/Main/Ausbildung">
	207	+ <div class="tile-icon">🎓</div>
	208	+ <div class="tile-title">Ausbildung</div>
	209	+ <div class="tile-desc">Infos & Lernmaterialien</div>
	210	+ </a>
	211	+
	212	+ </div>
	213	+
30	30	</div>
	215	+
	216	+{{/html}}