Änderungen von Dokument Home
Zuletzt geändert von Lucas Meister am 2026/05/23 19:59
Von Version 6.1
bearbeitet von Lucas Meister
am 2026/05/23 13:14
am 2026/05/23 13:14
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf Version 9.1
bearbeitet von Lucas Meister
am 2026/05/23 13:19
am 2026/05/23 13:19
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -1,6 +1,5 @@ 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> ... ... @@ -8,7 +8,6 @@ 8 8 font-family: 'Inter', sans-serif; 9 9 } 10 10 11 -/* Seite */ 12 12 .dashboard-wrapper { 13 13 max-width: 1400px; 14 14 margin: 0 auto; ... ... @@ -15,31 +15,53 @@ 15 15 padding: 35px 25px; 16 16 } 17 17 18 -/* Grid */ 16 +/* Titel */ 17 +.title { 18 + font-size: 34px; 19 + font-weight: 700; 20 + margin-bottom: 6px; 21 + letter-spacing: -0.5px; 22 +} 23 + 24 +.subtitle { 25 + color: #555; 26 + font-size: 15px; 27 + margin-bottom: 25px; 28 +} 29 + 30 +/* SEKTIONEN */ 31 +.section-title { 32 + font-size: 14px; 33 + font-weight: 700; 34 + margin: 25px 0 10px; 35 + color: #333; 36 + text-transform: uppercase; 37 + letter-spacing: 0.06em; 38 +} 39 + 40 +/* GRID */ 19 19 .dashboard { 20 20 display: grid; 21 - grid-template-columns: repeat(auto-fit, minmax(2 40px, 1fr));43 + grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); 22 22 gap: 24px; 23 - margin-top: 20px; 24 24 } 25 25 26 -/* K achel*/47 +/* KACHELN */ 27 27 .tile { 28 - background: rgba(23, 115, 69, 0.82); /* CI Grün transparent */49 + background: rgba(23, 115, 69, 0.82); 29 29 border-radius: 18px; 30 - padding: 2 6px 22px;31 - text-decoration: none !important; /* KEINE Unterstreichung */51 + padding: 28px 22px; 52 + text-decoration: none !important; 32 32 color: white; 33 33 display: flex; 34 34 flex-direction: column; 35 - align-items: center; /* alles zentriert */56 + align-items: center; 36 36 justify-content: center; 37 - min-height: 1 70px;58 + min-height: 190px; 38 38 box-shadow: 0 8px 20px rgba(0,0,0,0.18); 39 39 transition: all 0.25s ease; 40 40 } 41 41 42 -/* Hover */ 43 43 .tile:hover { 44 44 transform: translateY(-6px); 45 45 background: rgba(23, 115, 69, 0.95); ... ... @@ -46,13 +46,11 @@ 46 46 box-shadow: 0 14px 30px rgba(0,0,0,0.28); 47 47 } 48 48 49 -/* Icon oben zentriert */ 50 50 .tile-icon { 51 - font-size: 3 0px;70 + font-size: 32px; 52 52 margin-bottom: 12px; 53 53 } 54 54 55 -/* Titel */ 56 56 .tile-title { 57 57 font-size: 18px; 58 58 font-weight: 700; ... ... @@ -59,7 +59,6 @@ 59 59 text-align: center; 60 60 } 61 61 62 -/* Beschreibung */ 63 63 .tile-desc { 64 64 font-size: 13px; 65 65 opacity: 0.9; ... ... @@ -71,78 +71,87 @@ 71 71 72 72 <div class="dashboard-wrapper"> 73 73 74 -<div style="font-size:28px;font-weight:700;margin-bottom:8px;"> 75 -Internes Wiki der Samtgemeinde Lühe IT 76 -</div> 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> 77 77 78 -< divstyle="color:#666;margin-bottom:18px;">79 - ZentraleÜbersicht für Systeme, Wissen undProjekte80 -< /div>94 + <!-- 🔹 HAUPTBEREICH --> 95 + <div class="section-title">Hauptbereiche</div> 96 + <div class="dashboard"> 81 81 82 -<div class="dashboard"> 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> 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> 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> 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 interneDokumentation</div>94 - </a> 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> 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">A llelaufendenProjekte im Überblick</div>100 - </a> 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> 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 + </div> 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> 124 + <!-- 🔹 SYSTEME --> 125 + <div class="section-title">Systeme & Betrieb</div> 126 + <div class="dashboard"> 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"> AbgeschlosseneProjekteimÜberblick</div>118 - </a> 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> 119 119 120 - <a class="tile" href="/xwiki/bin/view/Main/Wissen/ Linux">121 - <div class="tile-icon"> 🐧</div>122 - <div class="tile-title">Wi ssensdatenbank Linux</div>123 - <div class="tile-desc"> Linux How-Tos& Lösungen</div>124 - </a> 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> 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="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> 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> 146 + </div> 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> 148 + <!-- 🔹 SONSTIGES --> 149 + <div class="section-title">Sonstiges</div> 150 + <div class="dashboard"> 143 143 144 -</div> 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> 145 145 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 + 146 146 </div> 147 147 148 148 {{/html}}