Änderungen von Dokument Home

Zusammenfassung

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

Details

Seiteneigenschaften

Inhalt

...	...	@@ -1,30 +1,148 @@
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	+<!-- Google Font (modern, clean UI font) -->
	4	+<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>
	6	+<style>
	7	+body, .dashboard-wrapper {
	8	+ font-family: 'Inter', sans-serif;
	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>
28		- </div>
	11	+/* Seite */
	12	+.dashboard-wrapper {
	13	+ max-width: 1400px;
	14	+ margin: 0 auto;
	15	+ padding: 35px 25px;
	16	+}
29	29
	18	+/* Grid */
	19	+.dashboard {
	20	+ display: grid;
	21	+ grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
	22	+ gap: 24px;
	23	+ margin-top: 20px;
	24	+}
	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;
	40	+}
	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);
	47	+}
	48	+
	49	+/* Icon oben zentriert */
	50	+.tile-icon {
	51	+ font-size: 30px;
	52	+ margin-bottom: 12px;
	53	+}
	54	+
	55	+/* Titel */
	56	+.tile-title {
	57	+ font-size: 18px;
	58	+ font-weight: 700;
	59	+ text-align: center;
	60	+}
	61	+
	62	+/* Beschreibung */
	63	+.tile-desc {
	64	+ font-size: 13px;
	65	+ opacity: 0.9;
	66	+ margin-top: 6px;
	67	+ text-align: center;
	68	+ line-height: 1.4;
	69	+}
	70	+</style>
	71	+
	72	+<div class="dashboard-wrapper">
	73	+
	74	+<div style="font-size:28px;font-weight:700;margin-bottom:8px;">
	75	+📌 Startseite
30	30	</div>
	77	+
	78	+<div style="color:#666;margin-bottom:18px;">
	79	+Zentrale Übersicht für Systeme, Wissen und Projekte
	80	+</div>
	81	+
	82	+<div class="dashboard">
	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>
	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>
	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>
	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>
	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>
	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>
	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>
	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>
	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>
	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>
	143	+
	144	+</div>
	145	+
	146	+</div>
	147	+
	148	+{{/html}}