Änderungen von Dokument Home

Zuletzt geändert von Lucas Meister am 2026/05/23 19:59

Von Version 11.1
bearbeitet von Lucas Meister
am 2026/05/23 13:21
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 14.1
bearbeitet von Lucas Meister
am 2026/05/23 13:30
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Inhalt
... ... @@ -25,9 +25,30 @@
25 25  .subtitle {
26 26   font-size: 14px;
27 27   color: #666;
28 - margin-bottom: 30px;
28 + margin-bottom: 18px;
29 29  }
30 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 +
31 31  /* SECTION */
32 32  .section {
33 33   margin-bottom: 34px;
... ... @@ -49,7 +49,7 @@
49 49   gap: 14px;
50 50  }
51 51  
52 -/* CARD (größer & „portaliger“) */
73 +/* CARD */
53 53  .card {
54 54   background: white;
55 55   border: 1px solid #e6e6e6;
... ... @@ -57,17 +57,15 @@
57 57   padding: 22px 20px;
58 58   text-decoration: none !important;
59 59   color: #222;
60 - transition: all 0.15s ease;
81 + transition: all 0.18s ease;
61 61   min-height: 110px;
62 62  }
63 63  
64 64  .card:hover {
65 - border-color: #b7e4c7;
66 - background: #f6fffa;
67 67   transform: translateY(-2px);
68 68  }
69 69  
70 -/* TITLE */
89 +/* TEXT */
71 71  .card-title {
72 72   font-size: 15px;
73 73   font-weight: 600;
... ... @@ -74,7 +74,6 @@
74 74   margin-bottom: 6px;
75 75  }
76 76  
77 -/* DESC */
78 78  .card-desc {
79 79   font-size: 13px;
80 80   color: #666;
... ... @@ -81,7 +81,16 @@
81 81   line-height: 1.4;
82 82  }
83 83  
84 -/* Accent line */
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 +
85 85  .accent {
86 86   height: 2px;
87 87   width: 60px;
... ... @@ -93,86 +93,20 @@
93 93  
94 94  <div class="dashboard-wrapper">
95 95  
96 - <!-- SEITENTITEL (gewünscht) -->
123 + <!-- HEADER -->
97 97   <div class="title">Internes Wiki der Samtgemeinde Lühe IT</div>
98 - <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Projekte</div>
125 + <div class="subtitle">Zentrale Übersicht für Systeme, Wissen und Organisation</div>
99 99  
100 - <div class="accent"></div>
101 -
102 - <!-- HAUPTBEREICHE -->
103 - <div class="section">
104 - <div class="section-title">Hauptbereiche</div>
105 - <div class="grid">
106 -
107 - <a class="card" href="/xwiki/bin/view/Main/Team">
108 - <div class="card-title">Team</div>
109 - <div class="card-desc">Zuständigkeiten und Ansprechpartner im Überblick</div>
110 - </a>
111 -
112 - <a class="card" href="/xwiki/bin/view/Main/Dokumentation">
113 - <div class="card-title">Dokumentation</div>
114 - <div class="card-desc">Technische und interne Dokumentation</div>
115 - </a>
116 -
117 - <a class="card" href="/xwiki/bin/view/Main/Projekte">
118 - <div class="card-title">Projekte</div>
119 - <div class="card-desc">Aktuelle IT-Projekte und Entwicklungen</div>
120 - </a>
121 -
122 - <a class="card" href="/xwiki/bin/view/Main/Wissen">
123 - <div class="card-title">Wissensdatenbank</div>
124 - <div class="card-desc">FAQ, Lösungen und interne How-Tos</div>
125 - </a>
126 -
127 - </div>
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>
128 128   </div>
129 129  
130 - <!-- SYSTEME -->
131 - <div class="section">
132 - <div class="section-title">Systeme und Betrieb</div>
133 - <div class="grid">
137 + <div class="accent"></div>
134 134  
135 - <a class="card" href="/xwiki/bin/view/Main/Wissen/Windows">
136 - <div class="card-title">Windows Administration</div>
137 - <div class="card-desc">Verwaltung und Troubleshooting</div>
138 - </a>
139 -
140 - <a class="card" href="/xwiki/bin/view/Main/Wissen/Linux">
141 - <div class="card-title">Linux Systeme</div>
142 - <div class="card-desc">Server, Dienste und How-Tos</div>
143 - </a>
144 -
145 - <a class="card" href="/xwiki/bin/view/Main/Wissen/Fachverfahren">
146 - <div class="card-title">Fachverfahren</div>
147 - <div class="card-desc">Fachanwendungen und Prozesse</div>
148 - </a>
149 -
150 - </div>
151 - </div>
152 -
153 - <!-- SONSTIGES -->
154 - <div class="section">
155 - <div class="section-title">Sonstiges</div>
156 - <div class="grid">
157 -
158 - <a class="card" href="/xwiki/bin/view/Main/ExterneDienstleister">
159 - <div class="card-title">Externe Dienstleister</div>
160 - <div class="card-desc">Kontakte und Partnerunternehmen</div>
161 - </a>
162 -
163 - <a class="card" href="/xwiki/bin/view/Main/ProjekteArchiv">
164 - <div class="card-title">Archiv</div>
165 - <div class="card-desc">Abgeschlossene Projekte und Historie</div>
166 - </a>
167 -
168 - <a class="card" href="/xwiki/bin/view/Main/Ausbildung">
169 - <div class="card-title">Ausbildung</div>
170 - <div class="card-desc">Lernmaterial und Onboarding</div>
171 - </a>
172 -
173 - </div>
174 - </div>
175 -
176 -</div>
177 -
178 -{{/html}}
139 + <!-- AB HIER BLEIBT ALLES WIE BEI DIR -->