Skip to Content

Wijzigen voor document Startpagina

Laatst gewijzigd door Jeeves de Butler op 18-10-2026 06:49
Van versie 1.1
gewijzigd door Jeeves de Butler
op 05-10-2026 02:21
Opmerking bij wijziging: Er is geen opmerking bij deze versie
Naar versie 8.1
gewijzigd door Jeeves de Butler
op 18-10-2026 06:49
Opmerking bij wijziging: Er is geen opmerking bij deze versie

Samenvatting

Details

Paginaeigenschappen
Verborgen
... ... @@ -1,1 +1,1 @@
1 -true
1 +false
Inhoud
... ... @@ -4,6 +4,9 @@
4 4  ## Startpagina van de Kennisbank; Main.WebHome (nl) neemt deze pagina op met een include.
5 5  ## De opmaak staat in het StyleSheetExtension-object op deze pagina en wordt hier geladen.
6 6  #set ($discard = $xwiki.ssx.use('Wardenburg.Code.Startpagina'))
7 +## Tekenveld achter de inhoud; uitzetten = deze twee regels weg (zie Wardenburg.Code.Tekenveld).
8 +#set ($discard = $xwiki.ssx.use('Wardenburg.Code.Tekenveld'))
9 +#set ($discard = $xwiki.jsx.use('Wardenburg.Code.Tekenveld'))
7 7  #set ($Teamskanaal = 'https://teams.microsoft.com/l/team/19%3aAxo-k8j1CVRGXTb0t3Dc6tjNDNudeTZjcP_KZVFR5381%40thread.tacv2/conversations?groupId=4da292cd-ff72-4d4c-adc5-8aa3dfc4ae3f&tenantId=42b413cc-67db-4507-a4a6-ce30ce798022')
8 8  #if ($isGuest)
9 9  (% class="wb-home wb-home-gast" %)
XWiki.StyleSheetExtension[0]
Caching policy
... ... @@ -1,0 +1,1 @@
1 +long
Code
... ... @@ -1,0 +1,382 @@
1 +/* Startpagina; alleen geladen op Main.WebHome. In de geest van Google: zoeken staat centraal.
2 + De onderdelen staan hier als tegels, dus de kolom links is op deze pagina niet nodig. */
3 +html #body,
4 +html #body[class] {
5 + /* important: de algemene huisstijl zet deze breedte met een specifiekere regel */
6 + --panel-column-left-width: 0 !important;
7 +}
8 +#body #leftPanels,
9 +#body #leftPanelsToggle {
10 + display: none;
11 +}
12 +
13 +/* Geen paginatitel; de knoppen voor redacteuren klein en rustig rechtsboven */
14 +#document-title,
15 +.xdocLastModification,
16 +#xdocFooter,
17 +#xwikidata,
18 +#mainContentArea > .document-header + hr,
19 +.breadcrumb-container,
20 +#hierarchy {
21 + display: none;
22 +}
23 +#mainContentArea {
24 + position: relative;
25 +}
26 +#mainContentArea .document-header {
27 + position: absolute;
28 + top: 0;
29 + right: 15px;
30 + left: 15px;
31 + z-index: 2;
32 + min-height: 0;
33 + margin: 0;
34 + pointer-events: none;
35 +}
36 +#mainContentArea .document-header .document-menu {
37 + pointer-events: auto;
38 + opacity: .55;
39 + transition: opacity .15s ease;
40 +}
41 +#mainContentArea .document-header .document-menu:hover,
42 +#mainContentArea .document-header .document-menu:focus-within {
43 + opacity: 1;
44 +}
45 +
46 +.wb-home {
47 + max-width: 1200px;
48 + margin: 0 auto;
49 +}
50 +
51 +/* Zoeken */
52 +.wb-zoek {
53 + padding: 56px 0 12px;
54 + text-align: center;
55 +}
56 +#xwikicontent .wb-zoek h1 {
57 + margin: 0 0 24px;
58 + font-size: 34px;
59 + font-weight: 400;
60 + color: #202124;
61 +}
62 +.wb-zoekform {
63 + max-width: 600px;
64 + margin: 0 auto;
65 +}
66 +.wb-zoekbalk {
67 + position: relative;
68 +}
69 +.wb-zoekbalk .fa {
70 + position: absolute;
71 + left: 18px;
72 + top: 50%;
73 + transform: translateY(-50%);
74 + color: #9aa0a6;
75 + font-size: 17px;
76 + pointer-events: none;
77 +}
78 +.wb-zoekbalk .form-control {
79 + display: block;
80 + width: 100%;
81 + max-width: none;
82 + height: 48px;
83 + padding: 0 20px 0 48px;
84 + border: 1px solid #dfe1e5;
85 + border-radius: 24px;
86 + font-size: 17px;
87 + box-shadow: none;
88 + transition: box-shadow .15s ease, border-color .15s ease;
89 +}
90 +.wb-zoekbalk .form-control:hover,
91 +.wb-zoekbalk .form-control:focus {
92 + border-color: rgba(223, 225, 229, 0);
93 + box-shadow: 0 1px 6px rgba(32, 33, 36, .28);
94 +}
95 +.wb-zoekknoppen {
96 + margin-top: 22px;
97 +}
98 +.wb-zoekknoppen .btn {
99 + padding: 10px 26px;
100 + border-radius: 24px;
101 + border-color: #ffb447;
102 + background: #ffb447;
103 + color: #202124;
104 + font-size: 15px;
105 + font-weight: 500;
106 +}
107 +.wb-zoekknoppen .btn:hover,
108 +.wb-zoekknoppen .btn:focus {
109 + border-color: #f5a52e;
110 + background: #f5a52e;
111 + color: #202124;
112 + box-shadow: 0 1px 3px rgba(60, 64, 67, .3);
113 +}
114 +
115 +/* Onderdelen als tegels, zoals het app-overzicht van Google */
116 +.wb-tegels {
117 + list-style: none;
118 + margin: 44px auto 12px;
119 + padding: 0;
120 + display: grid;
121 + grid-template-columns: repeat(6, minmax(0, 1fr));
122 + gap: 4px 8px;
123 +}
124 +.wb-tegels li {
125 + margin: 0;
126 +}
127 +#body #xwikicontent .wb-tegels a,
128 +.wb-tegels a {
129 + display: flex;
130 + flex-direction: column;
131 + align-items: center;
132 + height: 100%;
133 + padding: 14px 8px 12px;
134 + border-radius: 12px;
135 + color: #202124;
136 + text-align: center;
137 + text-decoration: none;
138 + transition: background-color .15s ease;
139 +}
140 +.wb-tegels a:hover,
141 +.wb-tegels a:focus {
142 + background-color: #f1f3f4;
143 + color: #202124;
144 +}
145 +.wb-tegels .fa {
146 + width: 48px;
147 + height: 48px;
148 + line-height: 48px;
149 + margin-bottom: 8px;
150 + border-radius: 50%;
151 + background: #ffefd5;
152 + color: #b86e00;
153 + font-size: 20px;
154 + text-align: center;
155 + transition: transform .15s ease;
156 +}
157 +.wb-tegels a:hover .fa {
158 + transform: scale(1.06);
159 +}
160 +.wb-tegels strong {
161 + font-size: 15px;
162 + font-weight: 500;
163 +}
164 +.wb-tegels small {
165 + margin-top: 2px;
166 + font-size: 12.5px;
167 + color: #5f6368;
168 + line-height: 1.35;
169 +}
170 +
171 +/* Nieuws: vier grote kaarten over de volle breedte */
172 +.wb-home-onder {
173 + margin-top: 36px;
174 + padding-top: 28px;
175 + border-top: 1px solid #e8eaed;
176 +}
177 +#xwikicontent .wb-home-onder h2 {
178 + margin: 0 0 14px;
179 + font-size: 20px;
180 + font-weight: 500;
181 +}
182 +.wb-nieuws {
183 + display: grid;
184 + grid-template-columns: repeat(4, minmax(0, 1fr));
185 + gap: 20px;
186 +}
187 +.wb-nieuws > h2,
188 +.wb-nieuws > p,
189 +.wb-nieuws > .clearfloats,
190 +.wb-nieuws > .pagingLinks {
191 + grid-column: 1 / -1;
192 +}
193 +#xwikicontent .wb-home-onder .wb-nieuws > h2 {
194 + margin-bottom: 0;
195 +}
196 +.wb-nieuws .row.flex-container {
197 + display: contents;
198 +}
199 +.wb-nieuws .row.flex-container::before,
200 +.wb-nieuws .row.flex-container::after {
201 + display: none;
202 +}
203 +.wb-nieuws .next_blog {
204 + float: none;
205 + width: auto;
206 + padding: 0;
207 +}
208 +.wb-nieuws .thumbnail {
209 + display: block;
210 + height: 100%;
211 + margin: 0;
212 + padding: 0;
213 + border: 0;
214 + border-radius: 12px;
215 + background: transparent;
216 + box-shadow: none;
217 + color: #202124;
218 + text-decoration: none;
219 + transition: background-color .15s ease;
220 +}
221 +.wb-nieuws .thumbnail:hover,
222 +.wb-nieuws .thumbnail:focus {
223 + background: #f8f9fa;
224 +}
225 +.wb-nieuws .thumbnail > .row {
226 + display: flex;
227 + flex-direction: column;
228 + margin: 0;
229 +}
230 +.wb-nieuws .thumbnail > .row > [class*="col-"] {
231 + float: none;
232 + width: 100%;
233 + padding: 0;
234 +}
235 +.wb-nieuws .thumbnail img {
236 + display: block;
237 + width: 100%;
238 + aspect-ratio: 16 / 10;
239 + object-fit: cover;
240 + border-radius: 12px;
241 + transition: transform .2s ease;
242 +}
243 +.wb-nieuws .thumbnail:hover img {
244 + transform: scale(1.02);
245 +}
246 +.wb-nieuws .art_det p {
247 + margin: 10px 4px 8px;
248 + font-size: 16px;
249 + font-weight: 500;
250 + line-height: 1.35;
251 + text-align: left;
252 +}
253 +.wb-nieuws .date_info {
254 + display: inline-block;
255 + margin-top: 4px;
256 + font-size: 13px;
257 + font-weight: 400;
258 + color: #5f6368;
259 +}
260 +.wb-nieuws .post-details,
261 +.wb-nieuws .pagingLinks,
262 +.wb-nieuws .pagination,
263 +.wb-nieuws .pager,
264 +.wb-nieuws .clearfloats,
265 +.wb-nieuws .lightbox-toggle {
266 + display: none;
267 +}
268 +#body #xwikicontent .wb-nieuws > p a {
269 + font-size: 15px;
270 + text-decoration: none;
271 +}
272 +#body #xwikicontent .wb-nieuws > p a:hover {
273 + text-decoration: underline;
274 +}
275 +
276 +/* Handige links en hulp in twee kolommen eronder */
277 +.wb-zijkant {
278 + display: grid;
279 + grid-template-columns: repeat(2, minmax(0, 1fr));
280 + gap: 40px;
281 + margin-top: 36px;
282 + padding-top: 28px;
283 + border-top: 1px solid #e8eaed;
284 + font-size: 15px;
285 +}
286 +.wb-links {
287 + list-style: none;
288 + padding: 0;
289 + margin: 0 0 12px;
290 +}
291 +.wb-links li {
292 + margin: 0;
293 +}
294 +.wb-links a {
295 + display: block;
296 + padding: 5px 0;
297 +}
298 +#body #xwikicontent .wb-links a {
299 + color: #202124;
300 + text-decoration: none;
301 +}
302 +#body #xwikicontent .wb-links a:hover {
303 + color: #1967d2;
304 + text-decoration: underline;
305 +}
306 +.wb-zijkant p {
307 + color: #5f6368;
308 + font-size: 13.5px;
309 +}
310 +
311 +/* Gast */
312 +.wb-home-gast {
313 + max-width: 600px;
314 + padding: 64px 0 40px;
315 + text-align: center;
316 +}
317 +#xwikicontent .wb-home-gast h1 {
318 + margin: 0 0 16px;
319 + font-size: 34px;
320 + font-weight: 400;
321 +}
322 +.wb-home-gast p {
323 + font-size: 16px;
324 + color: #3c4043;
325 +}
326 +.wb-home-gast .btn-lg {
327 + margin: 12px 0;
328 + padding: 10px 32px;
329 + border-radius: 24px;
330 +}
331 +
332 +@media (max-width: 991px) {
333 + .wb-tegels {
334 + grid-template-columns: repeat(4, minmax(0, 1fr));
335 + }
336 + .wb-nieuws {
337 + grid-template-columns: repeat(2, minmax(0, 1fr));
338 + }
339 +}
340 +@media (max-width: 767px) {
341 + /* Telefoon: de knoppen voor redacteuren boven de zoekvraag, niet eroverheen */
342 + #mainContentArea .document-header {
343 + position: static;
344 + margin: 0 0 4px;
345 + }
346 + .wb-zoek {
347 + padding-top: 8px;
348 + }
349 + #xwikicontent .wb-zoek h1 {
350 + font-size: 24px;
351 + margin-bottom: 16px;
352 + }
353 + .wb-zoekknoppen {
354 + display: none;
355 + }
356 + .wb-tegels {
357 + grid-template-columns: repeat(3, minmax(0, 1fr));
358 + margin-top: 24px;
359 + }
360 + .wb-tegels small {
361 + display: none;
362 + }
363 + .wb-tegels .fa {
364 + width: 44px;
365 + height: 44px;
366 + line-height: 44px;
367 + }
368 + .wb-tegels strong {
369 + font-size: 13px;
370 + }
371 + .wb-nieuws {
372 + gap: 12px;
373 + }
374 + .wb-nieuws .art_det p {
375 + font-size: 14px;
376 + }
377 + .wb-zijkant {
378 + grid-template-columns: 1fr;
379 + gap: 8px;
380 + }
381 +}
382 +
Gebruik deze uitbreiding
... ... @@ -1,0 +1,1 @@
1 +onDemand
Naam
... ... @@ -1,0 +1,1 @@
1 +Wardenburg startpagina
Inhoud verwerken
... ... @@ -1,0 +1,1 @@
1 +Nee
Content Type
... ... @@ -1,0 +1,1 @@
1 +CSS
XWiki.XWikiRights[0]
allow
... ... @@ -1,0 +1,1 @@
1 +Sta toe
levels
... ... @@ -1,0 +1,1 @@
1 +view
users
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiGuest
XWiki.XWikiRights[1]
allow
... ... @@ -1,0 +1,1 @@
1 +Sta toe
groups
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiAllGroup
levels
... ... @@ -1,0 +1,1 @@
1 +view
XWiki.XWikiRights[2]
allow
... ... @@ -1,0 +1,1 @@
1 +Sta toe
groups
... ... @@ -1,0 +1,1 @@
1 +XWiki.XWikiAdminGroup
levels
... ... @@ -1,0 +1,1 @@
1 +view,edit,comment,script