1<!DOCTYPE html> 2<html lang="nl" x-data> 3<head> 4 <meta charset="utf-8"> 5 <meta name="viewport" content="viewport-fit=cover, width=device-width, initial-scale=1.0"> 6 7
7<script> 8 /* Fix voor Android "Force Dark" en correcte weergave in apps */ 9 (function(){ 10 var saved = localStorage.getItem('dark-mode'); // Let op: je nieuwe site gebruikt 'dark-mode' ipv 'theme' 11 var systemDark = window.matchMedia('(prefers-color-scheme:dark)').matches; 12 var dark = (saved === 'true') || (saved === null && systemDark); 13 document.documentElement.style.colorScheme = dark ? 'dark' : 'light'; 14 })(); 15 </script>
15 16 17 18 19 20 <!-- Google Tag Manager --> 21
21<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 22 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 23 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 24 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 25 })(window,document,'script','dataLayer','UA-51103154-1');</script>
25 26 <!-- End Google Tag Manager --> 27 <title>De Woude | Omroep Castricum</title> 28 29 30 31 <meta property="og:site_name" content="Omroep Castricum" /> 32 <meta name="prepr:locale" content="nl-NL"> 33 <link rel="canonical" href="https://omroepcastricum.nl/nieuws/de-woude"> 34 <meta property="og:url" content="https://omroepcastricum.nl/nieuws/de-woude" /> 35 <meta property="prepr:id" content="7fe03045-f472-424c-9451-bff61f771b4c"> 36 <meta name="description" content=""> 37 38 <meta property="og:title" content="De Woude" /> 39 <meta property="og:description" content="" /> 40 41 <meta property="og:type" content="article"> 42 43 <meta name="twitter:title" content="De Woude"> 44 <meta name="twitter:description" content=""> 45 46 <link rel="apple-touch-icon" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/apple-touch-icon.png?v=1789721948"> 47 <link rel="icon" type="image/png" sizes="96x96" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/favicon-96x96.png?v=1789721948"> 48 <link rel="icon" type="image/svg+xml" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/favicon.svg?v=1789721948"> 49 <link rel="icon" type="image/x-icon" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/favicon.ico?v=1789721948"> 50 <link rel="manifest" href="https://omroepcastricum.nl/tenants/omroepcastricum/favicons/site.webmanifest?v=1789721948"> 51 52 53 <style> 54 body { 55 padding-left: env(safe-area-inset-left); 56 padding-right: env(safe-area-inset-right); 57 padding-bottom: env(safe-area-inset-bottom); 58 } 59 .site-header-safe { 60 padding-top: min(env(safe-area-inset-top), 3rem); 61 } 62 </style> 63 64 <style> 65 :root { 66 --surface-background: #FAFAFA; 67 --surface-main-1: #FFFFFF; 68 --surface-main-2: #FFFFFF; 69 --surface-main-3: #FFFFFF; 70 --surface-main-4: #FFFFFF; 71 --surface-dark-1: #27272A; 72 --surface-medium-1: #E4E4E7; 73 --surface-light-1: #FAFAFA; 74 --surface-light-2: #F4F4F5; 75 --surface-light-3: #F4F4F5; 76 --text-main: #27272A; 77 --text-secondary: #3F3F46; 78 --text-tertiary: #9F9FA9; 79 --button-border: #E4E4E7; 80 --button-light: #F4F4F5; 81 --brand-main: #014687; 82 --brand-secondary: #009ee2; 83 --brand-dark: #003a71; 84 --brand-light: #EEF2FF; 85 } 86 87 .dark { 88 --surface-background: #18181B; 89 --surface-main-1: #FFFFFF; 90 --surface-main-2: #18181B; 91 --surface-main-3: #27272A; 92 --surface-main-4: #3F3F46; 93 --surface-dark-1: #27272A; 94 --surface-medium-1: #52525C; 95 --surface-light-1: #27272A; 96 --surface-light-2: #3F3F46; 97 --surface-light-3: #27272A; 98 --text-main: #F4F4F5; 99 --text-secondary: #9F9FA9; 100 --text-tertiary: #9F9FA9; 101 --button-border: #3F3F46; 102 --button-light: #18181B; 103 --brand-main: #014687; 104 --brand-secondary: #009ee2; 105 --brand-dark: #003a71; 106 --brand-light: #1e1a4d; 107 } 108 109 /* Change all text and icon colors in the player. */ 110 .vjs-matrix.video-js { 111 color: var(--brand-dark); 112 } 113 114 /* Change the border of the big play button. */ 115 .vjs-matrix .vjs-big-play-button { 116 border-color: var(--brand-dark); 117 } 118 119 /* Change the color of various "bars". */ 120 .vjs-matrix .vjs-volume-level, 121 .vjs-matrix .vjs-play-progress, 122 .vjs-matrix .vjs-slider-bar { 123 background: var(--brand-dark); 124 } 125 </style> 126 127 <link rel="preload" as="style" href="https://omroepcastricum.nl/build/assets/app-CBdtcaRl.css" /><link rel="preload" as="style" href="https://omroepcastricum.nl/build/assets/app-BohhYLNy.css" /><link rel="modulepreload" as="script" href="https://omroepcastricum.nl/build/assets/app-Bi0xsek7.js" /><link rel="stylesheet" href="https://omroepcastricum.nl/build/assets/app-CBdtcaRl.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://omroepcastricum.nl/build/assets/app-BohhYLNy.css" data-navigate-track="reload" />
127<script type="module" src="https://omroepcastricum.nl/build/assets/app-Bi0xsek7.js" data-navigate-track="reload"></script>
127 128 <!-- Livewire Styles --><style >[wire\:loading][wire\:loading], [wire\:loading\.delay][wire\:loading\.delay], [wire\:loading\.list-item][wire\:loading\.list-item], [wire\:loading\.inline-block][wire\:loading\.inline-block], [wire\:loading\.inline][wire\:loading\.inline], [wire\:loading\.block][wire\:loading\.block], [wire\:loading\.flex][wire\:loading\.flex], [wire\:loading\.table][wire\:loading\.table], [wire\:loading\.grid][wire\:loading\.grid], [wire\:loading\.inline-flex][wire\:loading\.inline-flex] {display: none;}[wire\:loading\.delay\.none][wire\:loading\.delay\.none], [wire\:loading\.delay\.shortest][wire\:loading\.delay\.shortest], [wire\:loading\.delay\.shorter][wire\:loading\.delay\.shorter], [wire\:loading\.delay\.short][wire\:loading\.delay\.short], [wire\:loading\.delay\.default][wire\:loading\.delay\.default], [wire\:loading\.delay\.long][wire\:loading\.delay\.long], [wire\:loading\.delay\.longer][wire\:loading\.delay\.longer], [wire\:loading\.delay\.longest][wire\:loading\.delay\.longest] {display: none;}[wire\:offline][wire\:offline] {display: none;}[wire\:dirty]:not(textarea):not(input):not(select) {display: none;}:root {--livewire-progress-bar-color: #2299dd;}[x-cloak] {display: none !important;}[wire\:cloak] {display: none !important;}dialog#livewire-error::backdrop {background-color: rgba(0, 0, 0, .6);}</style> 129 130
130<script type="application/ld+json"> 131 { 132 "@context": "https://schema.org", 133 "@type": "Organization", 134 "legalName": "Omroep Castricum", 135 "url": "https://omroepcastricum.nl", 136 "address": { 137 "@type": "PostalAddress", 138 "streetAddress": "Geesterduinweg 3", 139 "addressLocality": "Castricum", 140 "addressCountry": "Netherlands", 141 "postalCode": "1902 CB" 142 }, 143 "email": "[email protected]", 144 "logo": "https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948", 145 "sameAs": [ 146 "https://www.facebook.com/OmroepCastricum/", 147 "https://twitter.com/OmroepCastricum", 148 "https://youtube.com/OmroepCastricum", 149 "https://www.instagram.com/OmroepCastricum/", 150 "https://www.threads.net/@omroepcastricum", 151 "https://bsky.app/profile/omroepcastricum.bsky.social" 152 ] 153} 154 </script>
154 155 156
156<script> 157 // Dark mode bij eerste paginalaad toepassen op <html> 158 if (localStorage.getItem('dark-mode') === 'true') { 159 document.documentElement.classList.add('dark'); 160 } 161 162 window.__isDarkMode = localStorage.getItem('dark-mode') === 'true'; 163 </script>
163 164 165
165<script> 166 function initializePreprTracker() { 167 if (window.preprInitialized) { 168 return; 169 } 170 window.preprInitialized = true; 171 172 // De Prepr Tracking Code, nu in een functie 173 !function (e, t, p, r, n, a, s) { 174 e[r] || ((n = e[r] = function () { 175 n.process ? n.process.apply(n, arguments) : n.queue.push(arguments) 176 }).queue = [], n.t = +new Date, (a = t.createElement(p)).async = 1, a.src = "https://cdn.tracking.prepr.io/js/prepr_v2.min.js?t=" + 864e5 * Math.ceil(new Date / 864e5), (s = t.getElementsByTagName(p)[0]).parentNode.insertBefore(a, s)) 177 }(window, document, "script", "prepr"), prepr("init", "a018f8fa077b41d4c2f8d1e2efc004ad1bd51093aea7df6df80e4fe745b7a549"), prepr("event", "pageload"); 178 } 179 </script>
179 180 181 182
182<script> 183 initializePreprTracker(); 184 </script>
184 185 186 187 188
188<script async src="https://www.instagram.com/embed.js"></script>
188 189</head> 190 191<body 192 x-data="{ 193 isMobileMenuOpen: false, 194 isMobileView: false 195 }" 196 x-init="isMobileView = (window.innerWidth < 1024)" 197 @resize.window="isMobileView = (window.innerWidth < 1024)" 198 :class="{ 'overflow-hidden lg:overflow-auto': isMobileMenuOpen }" 199 :data-flyout-menu-open="isMobileMenuOpen" 200 :data-is-mobile-view="isMobileView" 201 @cookies-accepted.window="initializePreprTracker()" 202 class="font-roboto-condensed bg-surface-background text-text-main transition-colors duration-300" 203> 204 205 206 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=UA-51103154-1" 207 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 208<div id="fb-root"></div>
209<script async defer crossorigin="anonymous" src="https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v19.0" 210 nonce="GjV9R3sf"></script>
210 211 212<header class="site-header-safe bg-surface-main-3 sticky top-0 z-50 shadow-[0_4px_24px_0_rgba(0,0,0,0.10)]"> 213 <div class="lg:container mx-auto px-6"> 214 <div class="flex items-center h-16 md:h-20"> 215 216 <a href="/" wire:navigate> 217 <img 218 :src="$store.ui?.darkMode ? 'https://omroepcastricum.nl/tenants/omroepcastricum/logo-dark.svg?v=1789721948' : 'https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948'" 219 src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948" 220 alt="Logo" 221 class="h-10 w-auto" 222 loading="eager" 223 > 224 </a> 225 226 227 <nav class="hidden lg:flex items-center space-x-8 ml-10 text-xl"> 228 <ul class="flex items-center justify-center space-x-1 xl:space-x-8 font-semibold text-text-secondary"> 229 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 230 231 <a 232 wire:navigate href="https://omroepcastricum.nl/nieuws" 233 234 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]" 235> 236 Nieuws 237 <i class="fa-solid fa-chevron-down text-[11px]"></i> 238</a> 239 240 241 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 242 243 <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]"> 244 <div class="p-1"> 245 <a 246 wire:navigate href="https://omroepcastricum.nl/nieuws" 247 248 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 249> 250 Nieuws 251</a> 252 <a 253 wire:navigate href="https://omroepcastricum.nl/nieuws/akersloot" 254 255 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 256> 257 Akersloot 258</a> 259 <a 260 wire:navigate href="https://omroepcastricum.nl/nieuws/bakkum" 261 262 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 263> 264 Bakkum 265</a> 266 <a 267 wire:navigate href="https://omroepcastricum.nl/nieuws/de-woude" 268 269 class="transition rounded-lg text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 270> 271 De Woude 272</a> 273 <a 274 wire:navigate href="https://omroepcastricum.nl/nieuws/limmen" 275 276 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 277> 278 Limmen 279</a> 280 <a 281 wire:navigate href="https://omroepcastricum.nl/nieuws/regio" 282 283 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 284> 285 Regio 286</a> 287 <hr class="border-t border-t-button-border mx-3 my-1" /> 288 <a 289 wire:navigate href="https://omroepcastricum.nl/nieuws/112" 290 291 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 292> 293 112 294</a> 295 <a 296 wire:navigate href="https://omroepcastricum.nl/nieuws/cultuur" 297 298 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 299> 300 Cultuur 301</a> 302 <a 303 wire:navigate href="https://omroepcastricum.nl/nieuws/economie" 304 305 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 306> 307 Economie 308</a> 309 <a 310 wire:navigate href="https://omroepcastricum.nl/nieuws/gemeente" 311 312 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 313> 314 Gemeente 315</a> 316 <a 317 wire:navigate href="https://omroepcastricum.nl/nieuws/natuur-en-milieu" 318 319 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 320> 321 Natuur en Milieu 322</a> 323 <a 324 wire:navigate href="https://omroepcastricum.nl/nieuws/omroep-castricum" 325 326 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 327> 328 Omroep Castricum
329</a> 330 <a 331 wire:navigate href="https://omroepcastricum.nl/nieuws/politiek" 332 333 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 334> 335 Politiek 336</a> 337 <a 338 wire:navigate href="https://omroepcastricum.nl/nieuws/sport" 339 340 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 341> 342 Sport 343</a> 344 <a 345 wire:navigate href="https://omroepcastricum.nl/nieuws/uitgaan" 346 347 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 348> 349 Uitgaan 350</a> 351 <a 352 wire:navigate href="https://omroepcastricum.nl/nieuws/zorg-en-welzijn" 353 354 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 355> 356 Zorg en Welzijn 357</a> 358 </div> 359 </div> 360 </div> 361 </li> 362 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 363 364 <a 365 wire:navigate href="https://omroepcastricum.nl/televisie/live" 366 367 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]" 368> 369 Televisie 370 <i class="fa-solid fa-chevron-down text-[11px]"></i> 371</a> 372 373 374 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 375 376 <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]"> 377 <div class="p-1"> 378 <a 379 wire:navigate href="https://omroepcastricum.nl/televisie/live" 380 381 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 382> 383 Live 384</a> 385 <a 386 wire:navigate href="https://omroepcastricum.nl/televisie/gids" 387 388 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 389> 390 Programmering 391</a> 392 <a 393 wire:navigate href="https://omroepcastricum.nl/televisie/gemist" 394 395 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 396> 397 Gemist 398</a> 399 <a 400 wire:navigate href="https://omroepcastricum.nl/televisie/frequenties" 401 402 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 403> 404 Frequenties 405</a> 406 </div> 407 </div> 408 </div> 409 </li> 410 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 411 412 <a 413 wire:navigate href="https://omroepcastricum.nl/radio/live" 414 415 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]" 416> 417 Radio 418 <i class="fa-solid fa-chevron-down text-[11px]"></i> 419</a> 420 421 422 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 423 424 <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]"> 425 <div class="p-1"> 426 <a 427 wire:navigate href="https://omroepcastricum.nl/radio/live" 428 429 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 430> 431 Live 432</a> 433 <a 434 wire:navigate href="https://omroepcastricum.nl/radio/gids" 435 436 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 437> 438 Programmering 439</a> 440 <a 441 wire:navigate href="https://omroepcastricum.nl/radio/gemist" 442 443 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 444> 445 Gemist 446</a> 447 <a 448 wire:navigate href="https://omroepcastricum.nl/radio/frequenties" 449 450 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 451> 452 Frequenties 453</a> 454 </div> 455 </div> 456 </div> 457 </li> 458 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 459 460 <a 461 wire:navigate href="https://omroepcastricum.nl/organisatie" 462 463 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]" 464> 465 Over ons 466 <i class="fa-solid fa-chevron-down text-[11px]"></i> 467</a> 468 469 470 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 471 472 <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]"> 473 <div class="p-1"> 474 <a 475 wire:navigate href="https://omroepcastricum.nl/organisatie" 476 477 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 478> 479 Organisatie 480</a> 481 <a 482 wire:navigate href="https://omroepcastricum.nl/samenwerking" 483 484 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 485> 486 Samenwerking 487</a> 488 <a 489 wire:navigate href="https://omroepcastricum.nl/vacatures" 490 491 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 492> 493 Vacatures 494</a> 495 <a 496 wire:navigate href="https://omroepcastricum.nl/faq" 497 498 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 499> 500 FAQ 501</a> 502 <a 503 wire:navigate href="https://omroepcastricum.nl/meer-informatie-over-cookie
503s" 504 505 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 506> 507 Cookies 508</a> 509 <a 510 wire:navigate href="https://omroepcastricum.nl/disclaimer" 511 512 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 513> 514 Disclaimer 515</a> 516 </div> 517 </div> 518 </div> 519 </li> 520 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 521 522 <a 523 wire:navigate href="https://omroepcastricum.nl/adverteren" 524 525 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]" 526> 527 Adverteren 528</a> 529 530 531 </li> 532 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 533 534 <a 535 wire:navigate href="https://omroepcastricum.nl/contact" 536 537 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]" 538> 539 Contact 540 <i class="fa-solid fa-chevron-down text-[11px]"></i> 541</a> 542 543 544 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 545 546 <div class="origin-top-left max-h-[calc(100dvh-6rem)] overflow-y-auto overscroll-contain rounded-xl bg-surface-main-3 shadow-[0_4px_24px_0_rgba(0,0,0,0.15)]"> 547 <div class="p-1"> 548 <a 549 wire:navigate href="https://omroepcastricum.nl/contact" 550 551 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 552> 553 Contact 554</a> 555 <a 556 wire:navigate href="https://omroepcastricum.nl/tip-de-redactie" 557 558 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 559> 560 Tip de redactie 561</a> 562 </div> 563 </div> 564 </div> 565 </li> 566 </ul> 567 </nav> 568 569 570 <div class="flex items-center ml-auto space-x-2" 571 x-data="{ 572 storageKey: 'article-bookmarks-' + window.location.host, 573 bookmarkCount: 0, 574 init() { 575 this.syncCount(); 576 window.addEventListener('bookmark-toggled',
576() => this.syncCount()); 577 window.addEventListener('bookmarks-cleared', () => this.bookmarkCount = 0); 578 window.addEventListener('bookmark-removed', () => this.syncCount()); 579 }, 580 syncCount() { 581 const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]'); 582 this.bookmarkCount = ids.length; 583 }, 584 openDrawer() { 585 const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]'); 586 $dispatch('bookmarks-open', { ids }); 587 }, 588 }"> 589 590 <a wire:navigate href="https://omroepcastricum.nl/zoeken" title="Zoeken" 591 class="p-2 rounded-full h-10 w-10 bg-surface-light-2 text-text-main hover:bg-brand-main hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition"> 592 <i class="fa-solid fa-search"></i> 593 </a> 594 595 596 <div wire:key="lw-1330329823-0-5-4-2" wire:snapshot="{"data":{"selectedTenants":[[],{"s":"arr"}],"tenantNavigation":[[[{"parant":null,"submenu":[[],{"s":"arr"}]},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"HXUUAn7nsZ0tjSYNoEo0","name":"components.tenant-selector","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"4bb2ff5b0967d159f7f32466a74ee4769acc1fd401a65c3e14747a293e47f562"}" wire:effects="[]" wire:id="HXUUAn7nsZ0tjSYNoEo0" wire:name="components.tenant-selector"> 597 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 598 </div> 599 600 </div> 601 </div> 602</header> 603 604 605<div> 606 607 <main wire:key="lw-1662490603-15" wire:snapshot="{"data":{"pageData":[{"__typename":"Pagina","_id":"7fe03045-f472-424c-9451-bff61f771b4c","_slug":"nieuws\/de-woude","title":"De Woude","type":"overview","guide_id":null,"tags":[[[{"slug":"de-woude"},{"s":"arr"}]],{"s":"arr"}],"subtitle":"Meer nieuws","all_content":false,"limit":10,"seo":[{"title":"De Woude","description":null},{"s":"arr"}]},{"s":"arr"}],"selectedRegions":[[],{"s":"arr"}],"hasMorePages":true,"page":1},"memo":{"id":"Zp7NHDclZBjUG3heNZ0c","name":"pages.overview","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","attributes":{"slug":"nieuws\/de-woude","id":"7fe03045-f472-424c-9451-bff61f771b4c"},"children":{"banner-category_top":["div","dDuiCesUZMmr4OjdkTg6"],"banner-category_top_mobile":["div","hTu1u0ULQu504QjxxxIO"],"lw-71422695-2-1":["div","t3yjNszSqa1RncwaHAW4"],"banner-category_middle":["div","tQEiACvG3ZjzaEgbU1C5"],"banner-category_middle_mobile":["div","BsfZOFZ32drHMVyeUhg3"],"banner-category_bottom":["div","BPmDNXxDvoz5O7FnjbGs"],"banner-category_bottom_mobile":["div","nVHJSGwSA2O0wDKslv9U"],"banner-sidebar_top":["div","HsKItKGMKGpUcWHByqDB"],"live-overview-component":["div","IcmV4f8lqK8HNQ8G0Hcn"],"most-read-overview-component":["div","aJ6EIyncojjOnvNj8gd2"],"weather-overview-component":["div","gojNy5rDRRwxO3OFUC60"],"banner-sidebar_middle":["div","1qEZ4eDPHmRZ5YJbk493"],"banner-sidebar_bottom":["div","5W3BDg2jKATuZbwyb5CO"],"banner-sidebar_bottom_4":["div","vc7UpoNqeSdCEarU43JE"],"banner-sidebar_bottom_5":["div","j0wCR1oFF3fhg3xkBELy"]},"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"d53fca54714669072268f0d4bd2fa3f7e8c676becd35e0316ed8a36fd5cb8f7b"}" wire:effects="{"listeners":["regionsUpdated"]}" wire:id="Zp7NHDclZBjUG3heNZ0c" wire:name="pages.overview" class="lg:container px-4 w-full md:mx-auto md:px-6 mt-8"> 608 609 <section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-14"> 610 <!--[if BLOCK]><![endif]--> <a 611 wire:navigate 612 href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-jiska-bours-gl-pvda" 613 data-prepr-item-id="697a3ed4-8f6a-4675-b1e7-e3ad7955cee8" 614 class="group flex flex-col overflow-hidden rounded-lg cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] bg-surface-main-3"> 615 616 <div class="relative group overflow-hidden"> 617 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 618 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/j5pxzrow3gs/w_728,h_400/lijsttrekker-groenlinks-pvda-jiske-bours.jpg" 619 alt="Eén op één met Jiska Bours (GL-PvdA)" 620 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 621 <!--[if ENDBLOCK]><![endif]--> 622 <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/20"></div> 623 624 <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white"> 625 <div class="absolute top-0 flex flex-row gap-x-2"> 626 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 627 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 628 <!--[if BLOCK]><![endif]-->
628 <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md"> 629 <i class="fa-solid fa-video"></i> 630</span> 631 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 632 633 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 634 </div> 635 <div class="p-6 flex-grow"> 636 <!--[if BLOCK]><![endif]--> <h2 class="text-lg lg:text-[32px] font-bold mb-3 line-clamp-2 leading-[normal] group-hover:underline group-hover:text-brand-secondary"> 637 Eén op één met Jiska Bours (GL-PvdA) 638 </h2> 639 <!--[if ENDBLOCK]><![endif]--> <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2"> 640 CASTRICUM - Wat wil GroenLinks-PvdA in Castricum bereiken de komende vier jaar? Kees Pater spreekt met lijsttrekker Jiska Bours. 641 </p> 642 </div> 643</a> 644 <a 645 wire:navigate 646 href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-roel-beems-lokaal-vitaal" 647 data-prepr-item-id="456f3e5d-daff-4c01-b734-feab95d80c78" 648 class="group flex flex-col overflow-hidden rounded-lg cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] bg-surface-main-3"> 649 650 <div class="relative group overflow-hidden"> 651 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 652 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/3zfw8js60ty3/w_728,h_400/lijsttrekker-lokaal-vitaal-roel-beems.jpg" 653 alt="Eén op één met Roel Beems (Lokaal Vitaal)" 654 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 655 <!--[if ENDBLOCK]><![endif]--> 656 <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/20"></div> 657 658 <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white"> 659 <div class="absolute top-0 flex flex-row gap-x-2"> 660 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 661 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 662 <!--[if BLOCK]><![endif]--> <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md"> 663 <i class="fa-solid fa-video"></i> 664</span> 665 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 666 667 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 668 </div> 669 <div class="p-6 flex-grow"> 670 <!--[if BLOCK]><![endif]--> <h2 class="text-lg lg:text-[32px] font-bold mb-3 line-clamp-2 leading-[normal] group-hover:underline group-hover:text-brand-secondary"> 671 Eén op één met Roel Beems (Lokaal Vitaal) 672 </h2> 673 <!--[if ENDBLOCK]><![endif]--> <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2"> 674 CASTRICUM - Wat wil Lokaal Vitaal in Castricum bereiken de komende vier jaar? Kees Pater spreekt met lijsttrekker Roel Beems. 675 </p> 676 </div> 677</a> 678 <!--[if ENDBLOCK]><![endif]--> </section> 679 680 <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6"> 681 <div class="space-y-3 lg:space-y-6 min-w-0"> 682 <!--[if BLOCK]><![endif]--> <section> 683 <div class="flex flex-row justify-between items-end"> 684 <h2 class="text-lg lg:text-[32px] leading-[normal] font-bold font-roboto-condensed"> 685 Meer nieuws 686 </h2> 687 </div> 688 </section> 689 <!--[if ENDBLOCK]><![endif]--> 690 691 <!--[if BLOCK]><![endif]--> <section> 692 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 693 <!--[if BLOCK]><![endif]--> <a 694 wire:navigate 695 href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-andries-de-rooij-vvd" 696 data-prepr-item-id="a3022407-0f51-414e-af10-851ec8f72a48" 697 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 698 699 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 700 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/1dkyr2j1xsxz/w_728,h_400/lijsttrekker-vvd-andries-de-rooij.jpg" 701 alt="Eén op één met Andries de Rooij (VVD)" 702 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 703 <!--[if ENDBLOCK]><![endif]--> 704 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 705 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 706 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 707 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 708 <!--[if BLOCK]><![endif]-->
708 <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md"> 709 <i class="fa-solid fa-video"></i> 710</span> 711 <!--[if ENDBLOCK]><![endif]--> 712 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 713 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 714 </div> 715 716 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 717 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 718 Eén op één met Andries de Rooij (VVD) 719 </h3> 720 <p class="line-clamp-3 font-montserrat max-md:hidden"> 721 CASTRICUM - Wat wil de VVD in Castricum bereiken de komende vier jaar? Martin Touber spreekt met lijsttrekker Andries de Rooij. 722 </p> 723 </div> 724</a> 725 <a 726 wire:navigate 727 href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-barbel-bohling-de-vrijelijst" 728 data-prepr-item-id="e2e43a6c-5f12-4f90-9a71-fd91a6670498" 729 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 730 731 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 732 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/6ljbzh5madlx/w_728,h_400/lijsttrekker-de-vrije-lijst-barbel-bohling.jpg" 733 alt="Eén op één met Bärbel Böhling (De VrijeLijst)" 734 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 735 <!--[if ENDBLOCK]><![endif]--> 736 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 737 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 738 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 739 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 740 <!--[if BLOCK]><![endif]--> <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md"> 741 <i class="fa-solid fa-video"></i> 742</span> 743 <!--[if ENDBLOCK]><![endif]--> 744 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 745 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 746 </div> 747 748 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 749 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 750 Eén op één met Bärbel Böhling (De VrijeLijst) 751 </h3> 752 <p class="line-clamp-3 font-montserrat max-md:hidden"> 753 CASTRICUM - Wat wil De VrijeLijst in Castricum bereiken de komende vier jaar? Kees Pater spreekt met lijsttrekker Bärbel Böhling. 754 </p> 755 </div> 756</a> 757 <a 758 wire:navigate 759 href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-dorien-veldt-cda" 760 data-prepr-item-id="e3f81c21-a515-4fe7-a0bb-593307590841" 761 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 762 763 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 764 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/2csyqr0oidkj/w_728,h_400/lijsttrekker-cda-dorien-veldt.jpg" 765 alt="Eén op één met Dorien Veldt (CDA)" 766 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 767 <!--[if ENDBLOCK]><![endif]--> 768 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 769 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 770 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 771 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 772 <!--[if BLOCK]><![endif]-->
772 <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md"> 773 <i class="fa-solid fa-video"></i> 774</span> 775 <!--[if ENDBLOCK]><![endif]--> 776 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 777 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 778 </div> 779 780 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 781 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 782 Eén op één met Dorien Veldt (CDA) 783 </h3> 784 <p class="line-clamp-3 font-montserrat max-md:hidden"> 785 CASTRICUM - Wat wil het CDA in Castricum bereiken de komende vier jaar? Kees Pater spreekt met lijsttrekker Dorien Veldt. 786 </p> 787 </div> 788</a> 789 <a 790 wire:navigate 791 href="https://omroepcastricum.nl/nieuws/artikel/een-op-een-met-vivianne-spruit-pvdd" 792 data-prepr-item-id="87a157e3-c0b5-4c29-b961-151c55fcc7cd" 793 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 794 795 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 796 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/35iiskif2bhx/w_728,h_400/lijsttrekker-partij-voor-de-dieren-vivianne-spruit.jpg" 797 alt="Eén op één met Vivianne Spruit (PvdD)" 798 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 799 <!--[if ENDBLOCK]><![endif]--> 800 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 801 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 802 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 803 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 804 <!--[if BLOCK]><![endif]--> <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md"> 805 <i class="fa-solid fa-video"></i> 806</span> 807 <!--[if ENDBLOCK]><![endif]--> 808 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 809 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 810 </div> 811 812 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 813 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 814 Eén op één met Vivianne Spruit (PvdD) 815 </h3> 816 <p class="line-clamp-3 font-montserrat max-md:hidden"> 817 CASTRICUM - Wat wil de Partij voor de Dieren in Castricum bereiken de komende vier jaar? Martin Touber spreekt met lijsttrekker Vivianne Spruit. 818 </p> 819 </div> 820</a> 821 <a 822 wire:navigate 823 href="https://omroepcastricum.nl/nieuws/artikel/scooter-in-brand-gestoken-na-ruzie" 824 data-prepr-item-id="bb796b2e-e0ce-46a4-a146-d6a9d64e1cb0" 825 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 826 827 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 828 <!--[if BLOCK]><![endif]--> <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center"> 829 <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948" 830 alt="Logo" 831 class="h-6 lg:h-12 filter brightness-0 invert"> 832 </div> 833 <!--[if ENDBLOCK]><![endif]--> 834 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 835 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 836 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 837 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 838 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 839 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 840 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 841 </div> 842 843 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 844 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 845 Scooter in brand gestoken na ruzie 846 </h3> 847 <p class="line-clamp-3 font-montserrat max-md:hidden"> 848 ALKMAAR - Maandagavond rond 18.40 uur werd de brandweer opgeroepen voor een scooterbrand aan de Hornwaard in Alkmaar. 849 </p> 850 </div> 851</a> 852 <a 853 wire:navigate 854 href="https://omroepcastricum.nl/nieuws/artikel/klimaatexamen-in-het-jac-p-thijsse-college" 855 data-prepr-item-id="debed784-2aa2-430b-8f25-9c231216f27b" 856 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 857 858 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 859 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/6qi9ry3bluqf/w_728,h_400/klimaatexamen-2025-jptijsse-2.jpg" 860 alt="Klimaatexamen in het Jac. P. Thijsse College" 861 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 862 <!--[if ENDBLOCK]><![endif]--> 863 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 864 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 865 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 866 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 867 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 868 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 869 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 870 </div> 871 872 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 873 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 874 Klimaatexamen in het Jac. P. Thijsse College 875 </h3> 876 <p class="line-clamp-3 font-montserrat max-md:hidden"> 877 CASTRICUM - Dinsdag vond op initiatief van het duurzaamheidsteam van het Jac. P. Thijsse College het Klimaatexamen 2025 plaats in de examenzaal van de school. 878 </p> 879 </div> 880</a> 881 <!--[if ENDBLOCK]><![endif]--> </div> 882 </section> 883 884 885 <div class="hidden lg:block"> 886 <div wire:key="banner-category_top" wire:snapsh
886ot="{"data":{"placeId":"category_top","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"dDuiCesUZMmr4OjdkTg6","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"eed8af6ab530b25b4f6f86df86af2805b844fe5ef272d34728ba4114a0bc9920"}" wire:effects="[]" wire:id="dDuiCesUZMmr4OjdkTg6" wire:name="components.banner"> 887<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 888 889 </div> 890 <div class="lg:hidden"> 891 <div wire:key="banner-category_top_mobile" wire:snapshot="{"data":{"placeId":"category_top_mobile","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"hTu1u0ULQu504QjxxxIO","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"88d7dc84f8ccd73d8986dbf57e011f52e60a964d10245a5ce5a98462fdac73cf"}" wire:effects="[]" wire:id="hTu1u0ULQu504QjxxxIO" wire:name="components.banner"> 892<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 893 894 </div> 895 <!--[if ENDBLOCK]><![endif]--> 896 897 898 <div wire:key="lw-71422695-2-1" wire:snapshot="{"data":[],"memo":{"id":"t3yjNszSqa1RncwaHAW4","name":"components.video-overview","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"
898f767badc35c638910b351189d20f910658a9c0922fb091f160a9b44553a1e610"}" wire:effects="[]" wire:id="t3yjNszSqa1RncwaHAW4" wire:name="components.video-overview" x-data="{ 899 ...videoModalComponent(JSON.parse('[{\u0022title\u0022:\u0022Couleur LoCALe van 24 september 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe van 24 september 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/37n8h0icl61c\\\/h_600\\\/couleur-locale-24-9-2026.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5xozdqf7g8j5-couleur-locale-24-9-2026_360.mp4\u0022,\u0022duration\u0022:\u002241:48\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Couleur LoCALe van 24 september 2026\u0022},{\u0022title\u0022:\u0022Couleur LoCALe van 3 september 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe van 3 september 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/60oiwnycorky\\\/h_600\\\/couleur-locale-3-9-2026.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/315iep8yoo96-couleur-locale-3-9-2026v1_360.mp4\u0022,\u0022duration\u0022:\u002250:47\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Couleur LoCALe van 3 september 2026\u0022},{\u0022title\u0022:\u0022Kijk opnieuw naar de zonsverduistering\u0022,\u0022short_title\u0022:\u0022Kijk opnieuw naar de zonsverduistering\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/31lpiftd1gu2-zonsverduistering-oc_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/31lpiftd1gu2-zonsverduistering-oc_360.mp4\u0022,\u0022duration\u0022:\u002203:34\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Kijk opnieuw naar de zonsverduistering\u0022},{\u0022title\u0022:\u0022Uit je Bak festival 2026\u0022,\u0022short_title\u0022:\u0022Uit je Bak festival 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/85xaowkx95e-uit-je-bak-festival-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/85xaowkx95e-uit-je-bak-festival-2026_360.mp4\u0022,\u0022duration\u0022:\u002208:35\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Uit je Bak festival 2026\u0022},{\u0022title\u0022:\u0022Egmonds Zomerfestival voor ouderen\u0022,\u0022short_title\u0022:\u0022Egmonds Zomerfestival voor ouderen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/1v0hi7r3un1i\\\/h_600\\\/zomerfestival-oudjes-foto-oc.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/34qlik3pzf06-8ootglaqgbjp328yjlvuznbucltela9uzzcoarbpmp4_360.mp4\u0022,\u0022duration\u0022:\u002205:22\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Egmonds Zomerfestival voor ouderen\u0022},{\u0022title\u0022:\u0022Gerard Joling, Bankoe Games en ouderenmiddag trekken veel publiek tijdens Zomerfestival Egmond\u0022,\u0022short_title\u0022:\u0022Gerard Joling, Bankoe Games en ouderenmiddag trekken veel publiek tijdens Zomerfestival Egmond\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/464pvhvipbdd\\\/h_600\\\/zomerfestival-26-oc.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/27j59g338vyp-qnazq1bqgw61us8nxasatjqlx9pxjd0dkwfvih4kmp4_360.mp4\u0022,\u0022duration\u0022:\u002205:19\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Gerard Joling, Bankoe Games en ouderenmiddag trekken veel publiek tijdens Zomerfestival Egmond\u0022},{\u0022title\u0022:\u0022Coalitieakkoord 2026-2030 \\u0022Bouwen aan bloeiende dorpen\\u0022\u0022,\u0022short_title\u0022:\u0022Presentatie coalitie akkoord 2026-2030\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/405l1tuaj90j-zqtfjlvc90qpqnv4pb7eegmcxle4dgg1npo8w7fzmp4_360.mp4\u0022,\u0022duration\u0022:\u002212:43\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Presentatie coalitie akkoord 2026-2030\u0022},{\u0022title\u0022:\u0022Couleur LoCALe 4 juni 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe 4 juni 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1cbivcsv4r6b-sp8ernsjbydiymi2jamfvaqgxl8swbqlnoqqnhqcmp4_360.mp4\u0022,\u0022duration\u0022:\u002252:01\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Couleur LoCALe 4 juni 2026\u0022},{\u0022title\u0022:\u0022Couleur Locale van 14 mei 2026\u0022,\u0022short_title\u0022:\u0022Couleur Locale van 14 mei 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/6d4iz8lee09-yi0a2wfye5x4yeg3tdeqfqzyc4svv2urzdtgw6iomp4_360.mp4\u0022,\u0022duration\u0022:\u002243:46\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Couleur Locale van 14 mei 2026\u0022},{\u0022title\u0022:\u0022Docu-serie \\u0027Binnen bij Noordwest\\u0027: unieke kijk achter de schermen van het ziekenhuis\u0022,\u0022short_title\u0022:\u0022Documentaireserie \\u0027Binnen bij Noordwest\\u0027: unieke kijk achter de schermen van het ziekenhuis\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr
8996lz8qdda4vq97dr4xkhmyump4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4v8bmhv8946s-ziwlmwh7hqmlxahuxr6lz8qdda4vq97dr4xkhmyump4_360.mp4\u0022,\u0022duration\u0022:\u002200:35\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Documentaireserie \\u0027Binnen bij Noordwest\\u0027: unieke kijk achter de schermen van het ziekenhuis\u0022},{\u0022title\u0022:\u0022Koningsdag 2026 in Bakkum\u0022,\u0022short_title\u0022:\u0022Koningsdag 2026 in Bakkum\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/19a4pd9cx870-wfcnkmmu4ucglilkmlhnqvfs86ty9v1u6n5zeeromp4_360.mp4\u0022,\u0022duration\u0022:\u002203:57\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Koningsdag 2026 in Bakkum\u0022},{\u0022title\u0022:\u0022Couleur LoCALe van 23 april 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe van 23 april 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/1nmc6569gkoy\\\/h_600\\\/couleur-locale-23-april-2026.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/jscvdshqams-9l2mhigyosjb4plkcqo9xat4zljxzniugesjaciump4_360.mp4\u0022,\u0022duration\u0022:\u002245:27\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Couleur LoCALe van 23 april 2026\u0022},{\u0022title\u0022:\u0022Honderdjarige Brandweer Limmen presenteert zich tijdens Bloemendagen\u0022,\u0022short_title\u0022:\u0022Honderdjarige Brandweer Limmen presenteert zich tijdens Bloemendagen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5j6m0m2ljix3-24ajhndo0lvglqso6ro5mwm8dgvwpfpdzaslvb5gmp4_360.mp4\u0022,\u0022duration\u0022:\u002208:25\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Honderdjarige Brandweer Limmen presenteert zich tijdens Bloemendagen\u0022},{\u0022title\u0022:\u0022Dit wil je zien: koeien dansen van blijdschap in Castricum\u0022,\u0022short_title\u0022:\u0022Dit wil je zien: koeien dansen van blijdschap in Castricum\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5h2luyfc658o-pyum4tojmh4igzondetn8adpqjjyi7bzmpzrje6wmp4_360.mp4\u0022,\u0022duration\u0022:\u002206:01\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Dit wil je zien: koeien dansen van blijdschap in Castricum\u0022},{\u0022title\u0022:\u0022Emotioneel afscheid: Jan van Riet stopt na jaren met zijn garage â grote belangstelling in Castricum\u0022,\u0022short_title\u0022:\u0022Emotioneel afscheid: Jan van Riet stopt na jaren met zijn garage â grote belangstelling in Castricum\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/7jfupxffto3f-lv3jygcqhqy47sy3wgxdkqp1kl3yt5a1t1zpocpamp4_360.mp4\u0022,\u0022duration\u0022:\u002205:38\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Emotioneel afscheid: Jan van Riet stopt na jaren met zijn garage â grote belangstelling in Castricum\u0022},{\u0022title\u0022:\u0022Couleur LoCALe van 2 april 2026\u0022,\u0022short_title\u0022:\u0022Couleur LoCALe van 2 april 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2ftxo0mt7s6j-2kr3ew1ilqsztwws4l68cxqciq0lhewy7bg1gnwhmp4_360.mp4\u0022,\u0022duration\u0022:\u002244:03\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Couleur LoCALe van 2 april 2026\u0022},{\u0022title\u0022:\u0022Kinderen ontdekken twintig beroepen tijdens Roefeldag in Limmen\u0022,\u0022short_title\u0022:\u0022Kinderen ontdekken twintig beroepen tijdens Roefeldag in Limmen\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/5e704ecstrbw-2w7ipm9sn5hr2nodtqykdpfcoldunofcntypfk4qmp4_360.mp4\u0022,\u0022duration\u0022:\u002203:50\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Kinderen ontdekken twintig beroepen tijdens Roefeldag in Limmen\u0022},{\u0022title\u0022:\u0022Première documentaire Tess Willemse\u0022,\u0022short_title\u0022:\u0022Première documentaire Tess Willemse\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/68au3jv64fvm\\\/h_600\\\/tess.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/2wvpkwaymtgd-dk1icjqiqgw3wnnw0t1olesqapjud40r0vtfd4qpmp4_360.mp4\u0022,\u0022duration\u0022:\u002208:10\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Première documentaire Tess Willemse\u0022},{\u0022title\u0022:\u0022Castricum Kiest 2026: Uitslagenavond\u0022,\u0022short_title\u0022:\u0022Uitslagenavond 2026\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/1bnhlwvnyiv6-lsf2e04h9ilofuq4ppkqsmrklaoydrzgwbgnlem2mp4_360.mp4\u0022,\u0022duration\u0022:\u0022166:30\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Uitslagenavond 2026\u0022},{\u0022title\u0022:\u0022Nieuwe strandafgang Castricum geopend: âHier kun je straks écht even tot rust komen\\u0027\u0022,\u0022short_title\u0022:null,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/h_600\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/2vfmfjs2sxhp.b-cdn.net\\\/4c4tfqhdtn4f-y7jdpzsr15vfsgs97bfhm13gftlpahhd5wrura6zmp4_360.mp4\u0022,\u0022duration\u0022:\u002203:13\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
899,\u0022display_title\u0022:\u0022Nieuwe strandafgang Castricum geopend: âHier kun je straks écht even tot rust komen\\u0027\u0022}]')) 900}" > 901 902 <section> 903 <div class="border-y border-button-border py-6 relative"> 904 <div class="flex items-center justify-between text-text-main mb-6"> 905 <h2 class="font-bold text-xl">Kijken</h2> 906 <div class="flex items-center space-x-2.5"> 907 <button aria-label="Left" @click="$refs.scrollContainer.scrollBy({ left: -300, behavior: 'smooth' })" class="cursor-pointer bg-surface-light-3 hover:bg-surface-medium-1 text-text-main rounded-full w-6 h-6 flex items-center justify-center"><i class="fa-solid fa-chevron-left text-xs"></i></button> 908 <button aria-label="Right" @click="$refs.scrollContainer.scrollBy({ left: 300, behavior: 'smooth' })" class="cursor-pointer bg-surface-light-3 hover:bg-surface-medium-1 text-text-main rounded-full w-6 h-6 flex items-center justify-center"><i class="fa-solid fa-chevron-right text-xs"></i></button> 909 </div> 910 </div> 911 <div class="relative"> 912 <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style> 913 <div x-ref="scrollContainer" 914 class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6" 915 style="scrollbar-width: none; -ms-overflow-style: none;" 916 onwheel="this.scrollLeft += event.deltaY"> 917 <template x-for="(video, index) in videos" :key="index"> 918 <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer" 919 :class="{ 920 '!w-[511px]': video.broadcast.width >= video.broadcast.height, 921 '!w-[162px]': video.broadcast.width < video.broadcast.height 922 }" 923 @click="openModal(index)"> 924 <div class="flex flex-col overflow-hidden"> 925 <div 926 class="w-full relative h-72 mb-3" 927 :class="{ 928 'aspect-video': video.broadcast.width >= video.broadcast.height, 929 'aspect-[9/16]': video.broadcast.width < video.broadcast.height 930 }" 931 > 932 <img 933 :src="video.broadcast.coverThumbUrl" 934 alt="" 935 class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90" 936 /> 937 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center"> 938 <div class="rounded-full p-3 bg-white text-brand-main h-10 w-10 flex items-center justify-center"><i class="fa-solid fa-play text-base"></i></div> 939 <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span> 940 </div> 941 </div> 942 <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p> 943 </div> 944 </div> 945 </template> 946 </div> 947 <div class="absolute right-0 top-0 w-[60px] h-full z-10 bg-gradient-to-r from-transparent to-surface-background pointer-events-none"></div> 948 </div> 949 </div> 950 </section> 951 952 953 <div 954 x-show="modalOpen" 955 x-transition.opacity 956 x-on:keydown.window.escape.prevent="modalOpen && closeModal()" 957 x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)" 958 x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)" 959 class="fixed inset-0 z-[1000] flex h-[100dvh] max-h-[100dvh] min-h-0 flex-col bg-surface-background/95 text-text-main backdrop-blur-sm max-md:overflow-y-auto md:overflow-hidden" 960 style="display: none;" 961 x-cloak 962 role="dialog" 963 aria-modal="true" 964 > 965 <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div> 966 967 <button 968 type="button" 969 x-on:click="closeModal()" 970 class="absolute right-3 top-3 z-20 flex h-9 w-9 min-w-9 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md outline-none ring-0 transition hover:bg-surface-medium-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-text-main/40 md:right-5 md:top-5" 971 aria-label="Sluiten" 972 > 973 <i class="fa-solid fa-close text-sm"></i> 974 </button> 975 976 <div 977 class="relative z-10 mx-auto flex min-h-0 w-full max-w-[1600px] flex-1 flex-col justify-center overscroll-contain px-3 pb-6 pt-14 md:px-4 md:pb-4 md:pt-16" 978 :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'" 979 > 980 <template x-if="activeVideo"> 981 <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0"> 982 983 <div 984 x-show="!isPlayerReady" 985 x-transition.opacity 986 class="absolute inset-0 z-30 flex items-center justify-center" 987 > 988 <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div> 989 </div> 990 991 <div 992 x-show="isPlayerReady" 993 x-transition.opacity 994 class="flex min-h-0 w-full flex-col items-center gap-[16px]" 995 > 996 <h2 997 class="mx-auto max-w-4xl shrink-0 px-1 text-center text-lg font-bold font-roboto-condensed leading-[normal] text-text-main line-clamp-3 md:text-[20px] md:leading-[normal]" 998 x-text="activeVideo.display_title" 999 ></h2> 1000 1001 <template x-if="videos.length > 1 && activeVideoIndex > 0"> 1002 <button 1003 type="button" 1004 x-on:click="prevVideo($event)" 1005 class="fixed top-1/2 z-[45] hidden h-9 w-9 min-w-9 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md outline-none ring-0 transition hover:bg-surface-medium-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-text-main/40 md:left-2 md:inline-flex lg:left-3" 1006 aria-label="Vorige video" 1007 > 1008 <i class="fa-solid fa-chevron-left text-xs"></i> 1009 </button> 1010 </template> 1011 <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1"> 1012 <button 1013 type="button" 1014 x-on:click="nextVideo($event)" 1015 class="fixed top-1/2 z-[45] hidden h-9 w-9 min-w-9 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md outline-none ring-0 transition hover:bg-surface-medium-1 focus:outline-none focus-visible:ring-2 focus-visible:ring-text-main/40 md:right-2 md:inline-flex lg:right-3" 1016 aria-label="Volgende video" 1017 > 1018 <i class="fa-solid fa-chevron-right text-xs"></i> 1019 </button> 1020 </template> 1021 1022 <div class="js-modal-card-container relative w-full min-w-0 max-w-full"> 1023 <div class="relative overflow-hidden rounded-xl"> 1024 <video class="video-player-target video-js vjs-big-play-centered mx-auto block w-auto max-w-full max-h-[min(70dvh,75vh)]" playsinline></video> 1025 1026 <template x-if="videos.length > 1 && activeVideoIndex > 0"> 1027 <button 1028 type="button" 1029 x-on:click="prevVideo($event)" 1030 class="absolute left-1 top-1/2 z-40 flex h-9 w-9 min-w-9 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md transition hover:bg-surface-medium-1 sm:left-2 md:!hidden" 1031 aria-label="Vorige video" 1032 > 1033 <i class="fa-solid fa-chevron-left text-xs"></i> 1034 </button> 1035 </template> 1036 <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1"> 1037 <button 1038 type="button" 1039 x-on:click="nextVideo($event)" 1040 class="absolute right-1 top-1/2 z-40 flex h-9 w-9 min-w-9 -translate-y-1/2 cursor-pointer items-center justify-center rounded-full border-0 bg-surface-light-2 text-text-main shadow-md transition hover:bg-surface-medium-1 sm:right-2 md:!hidden" 1041 aria-label="Volgende video" 1042 > 1043 <i class="fa-solid fa-chevron-right text-xs"></i> 1044 </button> 1045 </template> 1046 </div> 1047 </div> 1048 1049 <template x-if="videos.length > 1"> 1050 <div 1051 class="pointer-events-none flex w-full justify-center" 1052 role="group" 1053 aria-label="Fotonavigatie" 1054 >
1055 <span 1056 class="inline-flex rounded-full bg-black/35 px-2 py-0.5 text-xs font-medium tabular-nums text-white/90 font-montserrat backdrop-blur-[2px]" 1057 role="status" 1058 x-text="(activeVideoIndex + 1) + ' / ' + videos.length" 1059 ></span> 1060 </div> 1061 </template> 1062 </div> 1063 </div> 1064 </template> 1065 </div> 1066 </div> 1067</div> 1068 1069 1070 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <section wire:key="group-extra-0"> 1071 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1072 <!--[if BLOCK]><![endif]--> <a 1073 wire:navigate 1074 href="https://omroepcastricum.nl/nieuws/artikel/wandelen-vliegen-en-varen-in-de-woude-video" 1075 data-prepr-item-id="27708404-4a01-4f9c-9045-209a5aa248c9" 1076 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1077 1078 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1079 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/3b42g5a1fefn-de-woude-foto-oc.png" 1080 alt="Wandelen, vliegen en varen in De Woude (VIDEO)" 1081 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1082 <!--[if ENDBLOCK]><![endif]--> 1083 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1084 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1085 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1086 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1087 <!--[if BLOCK]><![endif]--> <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md"> 1088 <i class="fa-solid fa-video"></i> 1089</span> 1090 <!--[if ENDBLOCK]><![endif]--> 1091 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1092 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1093 </div> 1094 1095 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1096 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1097 Wandelen, vliegen en varen in De Woude (VIDEO) 1098 </h3> 1099 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1100 DE WOUDE - Hoe mooi het dorp De Woude is, kun je zien in de video van Han Bokma van Omroep Castricum. De Woude ligt op een eiland in het Alkmaarder- en Uitgeestermeer en is alleen per pont te bereiken. 1101 </p> 1102 </div> 1103</a> 1104 <a 1105 wire:navigate 1106 href="https://omroepcastricum.nl/nieuws/artikel/eenzijdig-ongeval-n246-bij-de-woude" 1107 data-prepr-item-id="61bc3b7a-d650-49b9-b83c-2034be8d6326" 1108 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1109 1110 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1111 <!--[if BLOCK]><![endif]--> <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center"> 1112 <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948" 1113 alt="Logo" 1114 class="h-6 lg:h-12 filter brightness-0 invert"> 1115 </div> 1116 <!--[if ENDBLOCK]><![endif]--> 1117 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1118 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1119 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1120 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1121 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1122 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1123 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1124 </div> 1125 1126 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1127 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1128 Eenzijdig ongeval N246 bij De Woude 1129 </h3> 1130 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1131 STARNMEER - Vrijdagochtend rond tien uur is een bestuurder gewond geraakt bij een eenzijdig ongeval op de N246 bij Starnmeer. De man kwam uit de richting van Wormerveer, toen het het ter hoogte van De Woude fout ging. 1132 </p> 1133 </div> 1134</a> 1135 <a 1136 wire:navigate 1137 href="https://omroepcastricum.nl/nieuws/artikel/bokspartiij-in-de-vondelstraat" 1138 data-prepr-item-id="e7a7a095-f8d7-402d-9f9d-6eb6af83df7a" 1139 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1140 1141 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1142 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/3d33lj4n4b7f-.jpg" 1143 alt="Bokspartiij in de Vondelstraat" 1144 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1145 <!--[if ENDBLOCK]><![endif]--> 1146 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1147 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1148 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1149 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1150 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1151 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1152 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1153 </div> 1154 1155 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1156 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1157 Bokspartiij in de Vondelstraat 1158 </h3> 1159 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1160 CASTRICUM - Vrijdagavond kwam er bij de politie een melding binnen van een vechtpartij tussen een grote groep jongeren in de Vondelstraat in Castricum. 1161 </p> 1162 </div> 1163</a> 1164 <!--[if ENDBLOCK]><![endif]--> </div> 1165 </section> 1166 <!--[if ENDBLOCK]><![endif]--> 1167 1168 <!--[if BLOCK]><![endif]--> <div class="hidden lg:block"> 1169 <div wire:key="banner-category_middle" wire:snapsh
1169ot="{"data":{"placeId":"category_middle","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"tQEiACvG3ZjzaEgbU1C5","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"417b176c2e63bfd1ec63bb525cce39033697519d339f0e943c813954b5238e91"}" wire:effects="[]" wire:id="tQEiACvG3ZjzaEgbU1C5" wire:name="components.banner"> 1170<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1171 1172 </div> 1173 <div class="lg:hidden"> 1174 <div wire:key="banner-category_middle_mobile" wire:snapshot="{"data":{"placeId":"category_middle_mobile","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"BsfZOFZ32drHMVyeUhg3","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"fe642d3247d866ec2e5cfe349d21b11562908c114518d71c49230bf18ffb9bb3"}" wire:effects="[]" wire:id="BsfZOFZ32drHMVyeUhg3" wire:name="components.banner"> 1175<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1176 1177 </div> 1178 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <section wire:key="group-extra-1"> 1179 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1180 <!--[if BLOCK]><![endif]--> <a 1181 wire:navigate 1182 href="https://omroepcastricum.nl/nieuws/artikel/brand-bij-pesiehal-alkmaar" 1183 data-prepr-item-id="c24755da-2c56-488a-9e09-63c84993b6a0" 1184 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1185 1186 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1187 <!--[if BLOCK]><![endif]--> <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center"> 1188 <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948" 1189 alt="Logo" 1190 class="h-6 lg:h-12 filter brightness-0 invert"> 1191 </div> 1192 <!--[if ENDBLOCK]><![endif]--> 1193 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1194 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1195 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1196 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1197 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1198 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1199 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1200 </div> 1201 1202 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1203 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1204 Brand bij Pesiehal Alkmaar 1205 </h3> 1206 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1207 REGIO - In de nacht van zondag op maandag is er brand uitgebroken in het Tenniscentrum "Pesiehal" aan de Bergerweg in Alkmaar. 1208 </p> 1209 </div> 1210</a> 1211 <a 1212 wire:navigate 1213 href="https://omroepcastricum.nl/nieuws/artikel/ongeval-op-de-zeeweg" 1214 data-prepr-item-id="8b511512-bbf9-4413-80e5-217301a4f513" 1215 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1216 1217 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1218 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/11or6rpwktyz-.jpg" 1219 alt="Ongeval op de Zeeweg" 1220 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1221 <!--[if ENDBLOCK]><![endif]--> 1222 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1223 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1224 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1225 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1226 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1227 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1228 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1229 </div> 1230 1231 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1232 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1233 Ongeval op de Zeeweg 1234 </h3> 1235 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1236 CASTRICUM - Dinsdag 5 maart tussen 14.55 en 15.05 uur, heeft er een ongeval plaats gevonden op de N513, de Zeeweg. 1237 </p> 1238 </div> 1239</a> 1240 <a 1241 wire:navigate 1242 href="https://omroepcastricum.nl/nieuws/artikel/aanrijding-met-telekraan" 1243 data-prepr-item-id="9a990ff5-aaba-4efb-8e81-772a48886285" 1244 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1245 1246 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1247 <!--[if BLOCK]><![endif]--> <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center"> 1248 <img x-cloak src="https://omroepcastricum.nl/tenants/
1248omroepcastricum/logo-light.svg?v=1789721948" 1249 alt="Logo" 1250 class="h-6 lg:h-12 filter brightness-0 invert"> 1251 </div> 1252 <!--[if ENDBLOCK]><![endif]--> 1253 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1254 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1255 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1256 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1257 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1258 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1259 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1260 </div> 1261 1262 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1263 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1264 Aanrijding met telekraan 1265 </h3> 1266 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1267 DE WOUDE - Maandagmorgen vroeg vond er een aanrijding plaats op de N246 bij De Woude. Een telekraan en een personenauto kwamen daar met elkaar in botsing. 1268 </p> 1269 </div> 1270</a> 1271 <!--[if ENDBLOCK]><![endif]--> </div> 1272 </section> 1273 <!--[if ENDBLOCK]><![endif]--> 1274 1275 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <section wire:key="group-extra-2"> 1276 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1277 <!--[if BLOCK]><![endif]--> <a 1278 wire:navigate 1279 href="https://omroepcastricum.nl/nieuws/artikel/expositie-in-de-kemphaan" 1280 data-prepr-item-id="8d99a371-0b5c-496b-9f92-3815d62c887d" 1281 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1282 1283 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1284 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/6o65w1fotm29-de-woude-t-kombof-kerk-de-kemphaan-2.jpg" 1285 alt="Expositie in De Kemphaan" 1286 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1287 <!--[if ENDBLOCK]><![endif]--> 1288 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1289 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1290 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1291 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1292 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1293 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1294 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1295 </div> 1296 1297 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1298 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1299 Expositie in De Kemphaan 1300 </h3> 1301 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1302 DE WOUDE - Vader André en dochter Meis Vranken exposeren hun werk voor het eerst samen. Een gewaagd experiment, want hun opleiding en beeldtaal zijn totaal verschillend. 1303 </p> 1304 </div> 1305</a> 1306 <a 1307 wire:navigate 1308 href="https://omroepcastricum.nl/nieuws/artikel/recreatievaart-controle-op-kogerpolderkanaal" 1309 data-prepr-item-id="339d74c4-fb86-4085-a0cd-2b493b3f0dc3" 1310 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1311 1312 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1313 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/1nqsquhc0r0z-.jpg" 1314 alt="Recreatievaart controle op Kogerpolderkanaal" 1315 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1316 <!--[if ENDBLOCK]><![endif]--> 1317 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1318 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1319 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1320 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1321 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1322 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1323 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1324 </div> 1325 1326 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1327 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1328 Recreatievaart controle op Kogerpolderkanaal 1329 </h3> 1330 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1331 DE WOUDE - Woensdag 9 augustus is in de middag de recreatievaart gecontroleerd op het Kogerpolderkanaal in de omgeving van De Woude. 1332 </p> 1333 </div> 1334</a> 1335 <a 1336 wire:navigate 1337 href="https://omroepcastricum.nl/nieuws/artikel/snelheidscontrole-heereweg-bakkum" 1338 data-prepr-item-id="90e0338b-b686-4a79-b4fc-3ed5e64de488" 1339 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1340 1341 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1342 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/4fdn886yw4kh-heereweg-bakkum-50km-2.jpg" 1343 alt="Snelheidscontrole Heereweg Bakkum" 1344 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1345 <!--[if ENDBLOCK]><![endif]--> 1346 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1347 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1348 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1349 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1350 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1351 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1352 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1353 </div> 1354 1355 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1356 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1357 Snelheidscontrole Heereweg Bakkum 1358 </h3> 1359 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1360 BAKKUM - Dinsdag 2 mei is tussen 13.00 en 15.00 uur door de politie op de Heereweg in Bakkum een radarsnelheidscontrole gehouden. 1361 </p> 1362 </div> 1363</a> 1364 <a 1365 wire:navigate 1366 href="https://omroepcastricum.nl/nieuws/artikel/grote-brand-in-uitgeest" 1367 data-prepr-item-id="2b53c254-475a-4cd8-8d82-64cffe28125d" 1368 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1369 1370 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1371 <!--[if BLOCK]><![endif]--> <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center"> 1372 <img x-cloak src="https://omroepcastricum.nl/tenants/
1372omroepcastricum/logo-light.svg?v=1789721948" 1373 alt="Logo" 1374 class="h-6 lg:h-12 filter brightness-0 invert"> 1375 </div> 1376 <!--[if ENDBLOCK]><![endif]--> 1377 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1378 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1379 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1380 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1381 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1382 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1383 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1384 </div> 1385 1386 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1387 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1388 Grote brand in Uitgeest 1389 </h3> 1390 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1391 REGIO - Donderdagmiddag rond twee uur brak brand uit aan de Woudpolderweg in Uitgeest. 1392 </p> 1393 </div> 1394</a> 1395 <a 1396 wire:navigate 1397 href="https://omroepcastricum.nl/nieuws/artikel/weer-bankpasfraude-bij-een-ouder-echtpaar" 1398 data-prepr-item-id="c7e98759-0059-435b-ae88-55eb61786787" 1399 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1400 1401 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1402 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/286ndsq352uz-.jpg" 1403 alt="Weer bankpasfraude bij een ouder echtpaar" 1404 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1405 <!--[if ENDBLOCK]><![endif]--> 1406 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1407 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1408 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1409 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1410 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1411 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1412 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1413 </div> 1414 1415 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1416 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1417 Weer bankpasfraude bij een ouder echtpaar 1418 </h3> 1419 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1420 CASTRICUM - Woensdag is wederom een ouder echtpaar de dupe geworden van bankpasfraude. 1421 </p> 1422 </div> 1423</a> 1424 <a 1425 wire:navigate 1426 href="https://omroepcastricum.nl/nieuws/artikel/insluiping-in-de-tweede-groenelaan-in-castricum" 1427 data-prepr-item-id="ca9b67c2-8cb1-49ad-8fa3-fc261d2cc66b" 1428 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1429 1430 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1431 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/11or6rpwktyz-.jpg" 1432 alt="Insluiping aan de Tweede Groenelaan in Castricum" 1433 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1434 <!--[if ENDBLOCK]><![endif]--> 1435 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1436 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1437 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1438 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1439 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1440 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1441 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1442 </div> 1443 1444 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1445 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1446 Insluiping aan de Tweede Groenelaan in Castricum
1447 </h3> 1448 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1449 CASTRICUM - Donderdag 13 april heeft er tussen 21.30 uur en vrijdagochtend 06.00 uur een insluiping plaatsgevonden bij een woning aan de Tweede Groenelaan te Castricum. 1450 </p> 1451 </div> 1452</a> 1453 <!--[if ENDBLOCK]><![endif]--> </div> 1454 </section> 1455 <!--[if ENDBLOCK]><![endif]--> 1456 1457 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1458 <!--[if BLOCK]><![endif]--> <section> 1459 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1460 <!--[if BLOCK]><![endif]--> <a 1461 wire:navigate 1462 href="https://omroepcastricum.nl/nieuws/artikel/insluiping-aan-de-achterweg-in-limmen" 1463 data-prepr-item-id="346d186a-63b2-4316-a647-aff923362170" 1464 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1465 1466 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1467 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/2628c6jm80xn-.jpg" 1468 alt="Insluiping aan de Achterweg in Limmen" 1469 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1470 <!--[if ENDBLOCK]><![endif]--> 1471 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1472 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1473 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1474 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1475 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1476 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1477 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1478 </div> 1479 1480 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1481 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1482 Insluiping aan de Achterweg in Limmen 1483 </h3> 1484 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1485 LIMMEN - Zaterdag heeft er een insluiping plaatsgevonden bij een woning aan de Achterweg in Limmen. 1486 </p> 1487 </div> 1488</a> 1489 <a 1490 wire:navigate 1491 href="https://omroepcastricum.nl/nieuws/artikel/couleur-locale-van-16-april-2023" 1492 data-prepr-item-id="6a0cf742-81b4-4950-bb59-818e82f02d65" 1493 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1494 1495 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1496 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/4xkdqlhbqd7n-dscn0700.jpg" 1497 alt="Couleur LoCALe van 16 april 2023" 1498 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1499 <!--[if ENDBLOCK]><![endif]--> 1500 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1501 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1502 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1503 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1504 <!--[if BLOCK]><![endif]--> <span class="bg-white/80 backdrop-blur-[2.5px] text-surface-dark-1 text-[10px] md:text-xs font-bold px-2 py-1.5 rounded-md"> 1505 <i class="fa-solid fa-video"></i> 1506</span> 1507 <!--[if ENDBLOCK]><![endif]--> 1508 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1509 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1510 </div> 1511 1512 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1513 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1514 Couleur LoCALe van 16 april 2023 1515 </h3> 1516 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1517 Marianne van de Water in gesprek met Adrie Lute, Rylana Seelen, Vera Fetisova en Sacha Bronwasser. 1518De uitzendingen zijn elke dag om 9, 12, 15, 18, 21 en 23 uur 1519 </p> 1520 </div> 1521</a> 1522 <a 1523 wire:navigate 1524 href="https://omroepcastricum.nl/nieuws/artikel/23-castricummers-op-de-kieslijsten"
1525 data-prepr-item-id="9e535d3d-f91f-447e-82ef-f8e4362dd30f" 1526 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1527 1528 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1529 <!--[if BLOCK]><![endif]--> <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center"> 1530 <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948" 1531 alt="Logo" 1532 class="h-6 lg:h-12 filter brightness-0 invert"> 1533 </div> 1534 <!--[if ENDBLOCK]><![endif]--> 1535 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1536 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1537 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1538 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1539 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1540 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1541 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1542 </div> 1543 1544 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1545 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1546 23 Castricummers op de kieslijsten 1547 </h3> 1548 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1549 CASTRICUM - Op de kieslijst voor de Provinciale Staten en het waterschap staan in totaal 23 kandidaten uit Castricum, Limmen, Akersloot en De Woude: acht provinciale kandidaten en vijftien kandidaten voor het waterschapsbestuur. 1550 </p> 1551 </div> 1552</a> 1553 <a 1554 wire:navigate 1555 href="https://omroepcastricum.nl/nieuws/artikel/expositie-erik-klein-schiphorst" 1556 data-prepr-item-id="e2bcc146-b72b-4faa-85f0-a51138548e63" 1557 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1558 1559 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1560 <!--[if BLOCK]><![endif]--> <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center"> 1561 <img x-cloak src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948" 1562 alt="Logo" 1563 class="h-6 lg:h-12 filter brightness-0 invert"> 1564 </div> 1565 <!--[if ENDBLOCK]><![endif]--> 1566 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1567 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1568 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1569 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1570 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1571 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1572 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1573 </div> 1574 1575 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1576 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1577 Expositie Erik Klein Schiphorst 1578 </h3> 1579 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1580 DE WOUDE - Zaterdag 20 en zondag 21 augustus van 12:00 tot 17:00 uur exposeert Erik Klein Schiphorst in en om het kerkje De Kemphaan op eiland De Woude. 1581 </p> 1582 </div> 1583</a> 1584 <a 1585 wire:navigate 1586 href="https://omroepcastricum.nl/nieuws/artikel/expositie-in-het-kerkje-de-kemphaan-op-de-woude" 1587 data-prepr-item-id="3b6d286d-d877-4e0a-a539-a7fec9640e78" 1588 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1589 1590 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1591 <!--[if BLOCK]><![endif]--> <div class="w-full h-[75px] md:h-[200px] bg-button-border flex items-center justify-center"> 1592 <img x-cloak src="https://omroepcastricum.nl/tenants/
1592omroepcastricum/logo-light.svg?v=1789721948" 1593 alt="Logo" 1594 class="h-6 lg:h-12 filter brightness-0 invert"> 1595 </div> 1596 <!--[if ENDBLOCK]><![endif]--> 1597 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1598 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1599 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1600 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1601 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1602 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1603 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1604 </div> 1605 1606 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1607 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1608 Expositie in het kerkje De Kemphaan op De Woude 1609 </h3> 1610 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1611 DE WOUDE - Coby Mulder, Truus Diemeer en Gerco Mulder zullen op zaterdag 2 en zondag 3 juli weer in het kerkje De Kemphaan op De Woude exposeren. 1612 </p> 1613 </div> 1614</a> 1615 <a 1616 wire:navigate 1617 href="https://omroepcastricum.nl/nieuws/artikel/laatste-kans-zonnepanelenactie-1" 1618 data-prepr-item-id="eaa4b5d3-bd42-4e0b-9b0a-f18a9c6c36d7" 1619 class="group relative flex flex-row overflow-hidden rounded-xl md:flex-col cursor-pointer md:hover:shadow-[0_4px_24px_0_rgba(0,0,0,0.10)] hover:bg-surface-main-3"> 1620 1621 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1622 <!--[if BLOCK]><![endif]--> <img src="https://5mkcc1sh4vpo.b-cdn.net/w_728,h_400/6wkatbury6u6-.jpg" 1623 alt="Laatste kans zonnepanelenactie" 1624 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1625 <!--[if ENDBLOCK]><![endif]--> 1626 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1627 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1628 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1629 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1630 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1631 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1632 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1633 </div> 1634 1635 <div class="flex flex-col px-3 py-2 max-h-[75px] md:max-h-full md:p-4 md:space-y-2 w-full"> 1636 <h3 class="font-bold text-base md:text-xl leading-5 md:line-clamp-2 group-hover:text-brand-secondary group-hover:underline line-clamp-3"> 1637 Laatste kans zonnepanelenactie 1638 </h3> 1639 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1640 CASTRICUM - De inkoopactie voor zonnepanelen loopt eind juni af. Met deze actie kunnen gezamenlijk zonnepanelen worden ingekocht voor een scherpere prijs. 1641 </p> 1642 </div> 1643</a> 1644 <!--[if ENDBLOCK]><![endif]--> </div> 1645 </section> 1646 <!--[if ENDBLOCK]><![endif]--> 1647 <!--[if BLOCK]><![endif]--> <section> 1648 <div class="w-full flex justify-center"> 1649 <button 1650 wire:click="loadMore" 1651 wire:loading.attr="disabled" 1652 wire:loading.class="opacity-70 cursor-not-allowed" 1653 wire:target="loadMore" 1654 class="rounded-full py-2.5 px-6 flex items-center gap-2 justify-center bg-button-light h-12 font-medium text-base cursor-pointer hover:bg-button-border" 1655 > 1656 <svg wire:loading wire:target="loadMore" class="animate-spin h-4 w-4 text-text-main" fill="none" viewBox="0 0 24 24"> 1657 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 1658 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path> 1659 </svg>
1660 <span>Toon meer</span> 1661 </button> 1662 </div> 1663 </section> 1664 <!--[if ENDBLOCK]><![endif]--> 1665 <div class="hidden lg:block"> 1666 <div wire:key="banner-category_bottom" wire:snapshot="{"data":{"placeId":"category_bottom","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"BPmDNXxDvoz5O7FnjbGs","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"556e170466fddef358b9c6874e41eac244fce5d1885b342d163458f95fdc7b8f"}" wire:effects="[]" wire:id="BPmDNXxDvoz5O7FnjbGs" wire:name="components.banner"> 1667<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1668 1669 </div> 1670 <div class="lg:hidden"> 1671 <div wire:key="banner-category_bottom_mobile" wire:snapshot="{"data":{"placeId":"category_bottom_mobile","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"nVHJSGwSA2O0wDKslv9U","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"d6832b2d7d88d454d040b2374c883c96eab4398d6c104f2f773fb690a663953e"}
1671" wire:effects="[]" wire:id="nVHJSGwSA2O0wDKslv9U" wire:name="components.banner"> 1672<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1673 1674 </div> 1675 </div> 1676 1677 1678 <div class="space-y-8 shrink-0"> 1679 <div wire:key="banner-sidebar_top" wire:snapshot="{"data":{"placeId":"sidebar_top","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":5000,"slidesToShow":1,"items":[[[{"_id":"c9c3430e-d613-4d45-abf5-97bf5d4b4c04","url":"https:\/\/omroepcastricum.nl\/televisie\/gemist\/omroep-castricum","image":"https:\/\/5mkcc1sh4vpo.b-cdn.net\/w_1920\/3bol5xnnte1k-bekijk-alle-videos.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"04a51a9a-7f76-4aff-9204-5bb61cf8f0ce","url":"www.omroepcastricum.nl","image":"https:\/\/5mkcc1sh4vpo.b-cdn.net\/1er8hrhv3ztt\/w_1890\/sheet-01-mede-mogelijk-gemaakt.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"HsKItKGMKGpUcWHByqDB","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"dfaf5cfb94c16f8c34cd0f6381546d150580d34e63aa987e6ac03ea2009f0d04"}" wire:effects="[]" wire:id="HsKItKGMKGpUcWHByqDB" wire:name="components.banner"> 1680<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 1681 <div 1682 x-data="{ 1683 items: JSON.parse('[{\u0022_id\u0022:\u0022c9c3430e-d613-4d45-abf5-97bf5d4b4c04\u0022,\u0022url\u0022:\u0022https:\\\/\\\/omroepcastricum.nl\\\/televisie\\\/gemist\\\/omroep-castricum\u0022,\u0022image\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/w_1920\\\/3bol5xnnte1k-bekijk-alle-videos.png\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u002204a51a9a-7f76-4aff-9204-5bb61cf8f0ce\u0022,\u0022url\u0022:\u0022www.omroepcastricum.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/5mkcc1sh4vpo.b-cdn.net\\\/1er8hrhv3ztt\\\/w_1890\\\/sheet-01-mede-mogelijk-gemaakt.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'), 1684 duration: 5000, 1685 current: 0, 1686 interval: null, 1687 containerHeight: 0, 1688 1689 recordImpression(item) { 1690 if (item?._id) { 1691 $wire.recordImpression(item._id); 1692 } 1693 }, 1694 1695 startAutoplay() { 1696 this.stopAutoplay(); 1697 if (this.items.length <= 1) return; 1698 1699 this.interval = setInterval(() => { 1700 this.current = (this.current + 1) % this.items.length; 1701 }, this.duration); 1702 }, 1703 1704 stopAutoplay() { 1705 clearInterval(this.interval); 1706 this.interval = null; 1707 }, 1708 1709 trackClick(item) { 1710 if (typeof prepr !== 'undefined') { 1711 prepr('event', 'Click', { 'id': item._id }); 1712 } 1713 window.open(item.url, '_blank'); 1714 }, 1715 1716 updateHeight(img) { 1717 if (img && img.complete) { 1718 this.containerHeight = img.offsetHeight; 1719 } 1720 }, 1721 1722 init() { 1723 if (this.items.length === 0) return; 1724 1725 this.recordImpression(this.items[this.current]); 1726 this.$watch('current', (index) => this.recordImpression(this.items[index])); 1727 1728 this.$nextTick(() => { 1729 const firstImg = this.$el.querySelector('img'); 1730 if (firstImg) { 1731 if (firstImg.complete) { 1732 this.updateHeight(firstImg); 1733 } else { 1734 firstImg.addEventListener('load', () => this.updateHeight(firstImg)); 1735 } 1736 } 1737 }); 1738 1739 this.startAutoplay(); 1740 } 1741 }" 1742 x-init="init()" 1743 x-on:mouseenter="stopAutoplay()" 1744 x-on:mouseleave="startAutoplay()" 1745 x-show="items.length > 0" 1746 > 1747 <!--[if BLOCK]><![endif]--> <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary"> 1748 Advertentie 1749 </h3> 1750 <!--[if ENDBLOCK]><![endif]--> 1751 <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''"> 1752 <template x-for="(item, index) in items" :key="item._id || index"> 1753 <a 1754 x-show="current === index" 1755 x-transition:enter="transition ease-out duration-500" 1756 x-transition:enter-start="opacity-0" 1757 x-transition:enter-end="opacity-100" 1758 x-transition:leave="transition ease-in duration-400" 1759 x-transition:leave-start="opacity-100" 1760 x-transition:leave-end="opacity-0" 1761 :href="item.url" 1762 @click.prevent="trackClick(item)" 1763 target="_blank" 1764 rel="noopener noreferrer" 1765 class="absolute top-0 left-0 w-full" 1766 > 1767 <template x-if="item.image"> 1768 <img 1769 :src="item.image" 1770 :alt="item.alt" 1771 class="w-full h-auto rounded-lg" 1772 @load="if (current === index) updateHeight($el)" 1773 > 1774 </template> 1775 </a> 1776 </template> 1777 </div> 1778 </div> 1779 <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1780 1781
1782 <div wire:key="live-overview-component" wire:snapshot="{"data":{"config":[{"menu":[{"_id":"fc372738-16d1-42ee-b458-7cb2c75941a1"},{"s":"arr"}],"website_title":"{title} | Omroep Castricum","copyright":"Omroep Castricum","email":"[email protected]","phone":"0251-655565","default_page":[{"__typename":"Pagina","_slug":"nieuws"},{"s":"arr"}],"search_page":[{"_slug":"zoeken"},{"s":"arr"}],"weather_place":"castricum","live":[[[{"title":"Nu live","page":[{"_slug":"radio\/live"},{"s":"arr"}],"guide_id":"0b288fd9-851f-459a-adb1-d0b63f2e5a79","icon":"fa-radio-tuner"},{"s":"arr"}],[{"title":"Nu op tv","page":[{"_slug":"televisie\/live"},{"s":"arr"}],"guide_id":"aacf85ab-efd2-44f4-b051-5cb8bd5ed6c0","icon":"fa-tv-retro"},{"s":"arr"}]],{"s":"arr"}],"cookie_page":[{"_slug":"meer-informatie-over-cookies"},{"s":"arr"}],"cookie_consent":true,"gtm_code":"UA-51103154-1","title_under_photo":true,"tolkie_token":null,"radio_player_stream_url":"https:\/\/omroepcastricum.ddns.net\/128MP3","radio_player_guide_id":"0b288fd9-851f-459a-adb1-d0b63f2e5a79","tracking_code":"a018f8fa077b41d4c2f8d1e2efc004ad1bd51093aea7df6df80e4fe745b7a549","openweather_app_id":"81157433879f870cfe9a1cb0671788fe","street":"Geesterduinweg 3","place":"Castricum","zip_code":"1902 CB","ads_redirect_url":null,"ads_js_file":null,"ads_client_id":null,"ads_txt":null,"android_app_id":null,"ios_app_id":null,"mailchimp_api_key":null,"mailchimp_list_id":null,"mailchimp_tag":null,"light_surface_main_1":"#FFFFFF","dark_surface_main_1":"#FFFFFF","light_surface_main_2":"#FFFFFF","dark_surface_main_2":"#18181B","light_surface_main_3":"#FFFFFF","dark_surface_main_3":"#27272A","light_surface_main_4":"#FFFFFF","dark_surface_main_4":"#3F3F46","light_surface_dark_1":"#27272A","dark_surface_dark_1":"#27272A","light_text_main":"#27272A","dark_text_main":"#F4F4F5","light_text_secondary":"#3F3F46","dark_text_secondary":"#9F9FA9","light_text_tertiary":"#9F9FA9","dark_text_tertiary":"#9F9FA9","light_button_border":"#E4E4E7","dark_button_border":"#3F3F46","light_surface_medium_1":"#E4E4E7","dark_surface_medium_1":"#52525C","light_button_light":"#F4F4F5","dark_button_light":"#18181B","light_surface_light_3":"#F4F4F5","dark_surface_light_3":"#27272A","light_surface_light_2":"#F4F4F5","dark_surface_light_2":"#3F3F46","light_surface_light_1":"#FAFAFA","dark_surface_light_1":"#27272A","light_surface_background":"#FAFAFA","dark_surface_background":"#18181B","light_brand_dark":"#003a71","dark_brand_dark":"#003a71","light_brand_main":"#014687","dark_brand_main":"#014687","light_brand_secondary":"#009ee2","dark_brand_secondary":"#009ee2","light_brand_light":"#EEF2FF","dark_brand_light":"#1e1a4d","locale":"nl-NL","tenant":"omroepcastricum"},{"s":"arr"}]},"memo":{"id":"IcmV4f8lqK8HNQ8G0Hcn","name":"components.live-overview","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"867ebdfdb30802ad0a1b81f2b4c4d676e139f23fc152a9db6ef756784560887a"}" wire:effects="[]" wire:id="IcmV4f8lqK8HNQ8G0Hcn" wire:name="components.live-overview" wire:poll.60s="getLiveItems" > 1783 1784 <!--[if BLOCK]><![endif]--> <div class="bg-surface-light-3 p-4 rounded-lg"> 1785 <h3 class="font-bold mb-3">Nu Live</h3> 1786 <div class="space-y-3"> 1787 <!--[if BLOCK]><![endif]--> <div wire:key="live-6ab5c902014b9"> 1788 1789 1790 <!--[if BLOCK]><![endif]--> <a 1791 href="https://omroepcastricum.nl/radio/live" 1792 class="bg-surface-main-4 p-4 flex flex-row gap-x-4 roun
1792ded-lg justify-between items-center group" 1793 > 1794 <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary"> 1795 <i class="fa-solid text-xl fa-radio-tuner"></i> 1796 <div class="flex flex-col leading-[24px]"> 1797 <span class="text-lg font-bold group-hover:underline">Nu live</span> 1798 <!--[if BLOCK]><![endif]--> <span class="text-sm font-montserrat">Non-stop muziek</span> 1799 <!--[if ENDBLOCK]><![endif]--> </div> 1800 </div> 1801 <div class="rounded-full h-8 w-8 min-w-8 flex items-center justify-center bg-button-light text-text-main group-hover:bg-brand-main group-hover:text-white"> 1802 <i class="fa-solid fa-play"></i> 1803 </div> 1804 </a> 1805 1806 <!--[if ENDBLOCK]><![endif]--> </div> 1807 <div wire:key="live-6ab5c902014bd"> 1808 1809 1810 <!--[if BLOCK]><![endif]--> <a 1811 href="https://omroepcastricum.nl/televisie/live" 1812 class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group" 1813 > 1814 <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary"> 1815 <i class="fa-solid text-xl fa-tv-retro"></i> 1816 <div class="flex flex-col leading-[24px]"> 1817 <span class="text-lg font-bold group-hover:underline">Nu op tv</span> 1818 <!--[if BLOCK]><![endif]--> <span class="text-sm font-montserrat">Kabelkrant</span> 1819 <!--[if ENDBLOCK]><![endif]--> </div> 1820 </div> 1821 <div class="rounded-full h-8 w-8 min-w-8 flex items-center justify-center bg-button-light text-text-main group-hover:bg-brand-main group-hover:text-white"> 1822 <i class="fa-solid fa-play"></i> 1823 </div> 1824 </a> 1825 1826 <!--[if ENDBLOCK]><![endif]--> </div> 1827 <!--[if ENDBLOCK]><![endif]--> </div> 1828 </div> 1829 <!--[if ENDBLOCK]><![endif]--></div> 1830 <div wire:key="most-read-overview-component" wire:snapshot="{"data":[],"memo":{"id":"aJ6EIyncojjOnvNj8gd2","name":"components.most-read-overview","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"77c5e3346ac8c9d8be1b2d186bc19aee57fa51eb9d5669288feeb92a72a70eab"}" wire:effects="[]" wire:id="aJ6EIyncojjOnvNj8gd2" wire:name="components.most-read-overview" class="bg-surface-light-3 p-4 rounded-lg" > 1831 <h3 class="font-bold mb-3">Meest gelezen</h3> 1832 <div class="space-y-3"> 1833 1834 <!--[if BLOCK]><![endif]--> <a wire:key="most-read-60789dd3-331b-4679-9c90-579bdc39332a" 1835 wire:navigate 1836 href="https://omroepcastricum.nl/nieuws/artikel/postbode-bert-met-pensioen" 1837 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1838 data-prepr-item-id="60789dd3-331b-4679-9c90-579bdc39332a"> 1839 1840
1841 <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline"> 1842 Postbode Bert met pensioen 1843 </span> 1844 1845 <img 1846 src="https://5mkcc1sh4vpo.b-cdn.net/a9huv8d3vdy/w_100,h_70,fx_50,fy_27/1-img-5324.jpg" 1847 alt="Postbode Bert met pensioen" 1848 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1849 </a> 1850 <a wire:key="most-read-f788e80d-1856-48e5-be00-b8be6aa04f56" 1851 wire:navigate 1852 href="https://omroepcastricum.nl/nieuws/artikel/positieve-drugstest-bij-ongeval-in-castricum" 1853 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1854 data-prepr-item-id="f788e80d-1856-48e5-be00-b8be6aa04f56"> 1855 1856 1857 <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline"> 1858 Positieve drugstest bij ongeval in Castricum 1859 </span> 1860 1861 <img 1862 src="https://5mkcc1sh4vpo.b-cdn.net/45rt5wsip4gr/w_100,h_70/drug.jpg" 1863 alt="Positieve drugstest bij ongeval in Castricum" 1864 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1865 </a> 1866 <a wire:key="most-read-1e8c2423-f87f-43bb-97e3-cfdb53b18708" 1867 wire:navigate 1868 href="https://omroepcastricum.nl/nieuws/artikel/eigenaresse-motor-heeft-zich-gemeld" 1869 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1870 data-prepr-item-id="1e8c2423-f87f-43bb-97e3-cfdb53b18708"> 1871 1872 1873 <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline"> 1874 Eigenaresse motor heeft zich gemeld 1875 </span> 1876 1877 <img 1878 src="https://5mkcc1sh4vpo.b-cdn.net/kvnx1a2xsg6/w_100,h_70/1-9d6c3947-beb0-4398-9f49-60da18613b39.jpg" 1879 alt="Eigenaresse motor heeft zich gemeld" 1880 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1881 </a> 1882 <a wire:key="most-read-a7366ae4-6635-4d5b-b439-c317a176bcbd" 1883 wire:navigate 1884 href="https://omroepcastricum.nl/nieuws/artikel/caravan-schiet-van-de-weg" 1885 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1886 data-prepr-item-id="a7366ae4-6635-4d5b-b439-c317a176bcbd"> 1887 1888 1889 <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline"> 1890 Caravan schiet van de weg 1891 </span> 1892 1893 <img 1894 src="https://5mkcc1sh4vpo.b-cdn.net/5h5xo5hksugt/w_100,h_70/dsc-3134.jpg" 1895 alt="Caravan schiet van de weg" 1896 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1897 </a> 1898 <a wire:key="most-read-c30bfc25-d89f-4edf-91f8-3ceb225cddc9" 1899 wire:navigate 1900 href="https://omroepcastricum.nl/nieuws/artikel/college-dreigt-doorfietsroute-limmencastricum-definitief-te-blokkeren" 1901 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1902 data-prepr-item-id="c30bfc25-d89f-4edf-91f8-3ceb225cddc9"> 1903 1904 1905 <span class="min-w-0 flex-1 font-bold text-lg hover:underline leading-[normal] line-clamp-3 break-words text-pretty group-hover:text-brand-secondary group-hover:underline"> 1906 College dreigt doorfietsroute LimmenâCastricum definitief te blokkeren 1907 </span> 1908 1909 <img 1910 src="https://5mkcc1sh4vpo.b-cdn.net/4h6fn6ifc2w2/w_100,h_70,fx_50,fy_50/afbeelding.png" 1911 alt="College dreigt doorfietsroute LimmenâCastricum definitief te blokkeren" 1912 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1913 </a> 1914 <!--[if ENDBLOCK]><![endif]--> 1915 </div> 1916</div> 1917 <div wire:key="weather-overview-component" wire:snapsh
1917ot="{"data":{"config":[{"menu":[{"_id":"fc372738-16d1-42ee-b458-7cb2c75941a1"},{"s":"arr"}],"website_title":"{title} | Omroep Castricum","copyright":"Omroep Castricum","email":"[email protected]","phone":"0251-655565","default_page":[{"__typename":"Pagina","_slug":"nieuws"},{"s":"arr"}],"search_page":[{"_slug":"zoeken"},{"s":"arr"}],"weather_place":"castricum","live":[[[{"title":"Nu live","page":[{"_slug":"radio\/live"},{"s":"arr"}],"guide_id":"0b288fd9-851f-459a-adb1-d0b63f2e5a79","icon":"fa-radio-tuner"},{"s":"arr"}],[{"title":"Nu op tv","page":[{"_slug":"televisie\/live"},{"s":"arr"}],"guide_id":"aacf85ab-efd2-44f4-b051-5cb8bd5ed6c0","icon":"fa-tv-retro"},{"s":"arr"}]],{"s":"arr"}],"cookie_page":[{"_slug":"meer-informatie-over-cookies"},{"s":"arr"}],"cookie_consent":true,"gtm_code":"UA-51103154-1","title_under_photo":true,"tolkie_token":null,"radio_player_stream_url":"https:\/\/omroepcastricum.ddns.net\/128MP3","radio_player_guide_id":"0b288fd9-851f-459a-adb1-d0b63f2e5a79","tracking_code":"a018f8fa077b41d4c2f8d1e2efc004ad1bd51093aea7df6df80e4fe745b7a549","openweather_app_id":"81157433879f870cfe9a1cb0671788fe","street":"Geesterduinweg 3","place":"Castricum","zip_code":"1902 CB","ads_redirect_url":null,"ads_js_file":null,"ads_client_id":null,"ads_txt":null,"android_app_id":null,"ios_app_id":null,"mailchimp_api_key":null,"mailchimp_list_id":null,"mailchimp_tag":null,"light_surface_main_1":"#FFFFFF","dark_surface_main_1":"#FFFFFF","light_surface_main_2":"#FFFFFF","dark_surface_main_2":"#18181B","light_surface_main_3":"#FFFFFF","dark_surface_main_3":"#27272A","light_surface_main_4":"#FFFFFF","dark_surface_main_4":"#3F3F46","light_surface_dark_1":"#27272A","dark_surface_dark_1":"#27272A","light_text_main":"#27272A","dark_text_main":"#F4F4F5","light_text_secondary":"#3F3F46","dark_text_secondary":"#9F9FA9","light_text_tertiary":"#9F9FA9","dark_text_tertiary":"#9F9FA9","light_button_border":"#E4E4E7","dark_button_border":"#3F3F46","light_surface_medium_1":"#E4E4E7","dark_surface_medium_1":"#52525C","light_button_light":"#F4F4F5","dark_button_light":"#18181B","light_surface_light_3":"#F4F4F5","dark_surface_light_3":"#27272A","light_surface_light_2":"#F4F4F5","dark_surface_light_2":"#3F3F46","light_surface_light_1":"#FAFAFA","dark_surface_light_1":"#27272A","light_surface_background":"#FAFAFA","dark_surface_background":"#18181B","light_brand_dark":"#003a71","dark_brand_dark":"#003a71","light_brand_main":"#014687","dark_brand_main":"#014687","light_brand_secondary":"#009ee2","dark_brand_secondary":"#009ee2","light_brand_light":"#EEF2FF","dark_brand_light":"#1e1a4d","locale":"nl-NL","tenant":"omroepcastricum"},{"s":"arr"}]},"memo":{"id":"gojNy5rDRRwxO3OFUC60","name":"components.weather-overview","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"42195221a794b88f6cd381ce40b3cfddd4f40c5973cbef2931e888d785f887ff"}" wire:effects="[]" wire:id="gojNy5rDRRwxO3OFUC60" wire:name="components.weather-overview"> 1918 <!--[if BLOCK]><![endif]--> <div class="bg-surface-light-3 p-4 rounded-xl"> 1919 <h3 class="font-bold mb-3">Weersverwachting</h3> 1920 <div class="grid gap-2 grid-cols-4"> 1921 <!--[if BLOCK]><![endif]--> <div wire:key="weather-vr" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
1922 <span class="font-bold text-lg text-text-main"> 1923 vr 1924 </span> 1925 <img src="https://omroepcastricum.nl/images/weather/01d.svg" width="32" height="32" alt="icon" /> 1926 <span class="text-lg font-bold text-text-main"> 1927 22° 1928 </span> 1929 <span class="text-xs text-text-main"> 1930 10° 1931 </span> 1932 <span class="text-xs text-text-main"> 1933 0.0 mm 1934 </span> 1935 </div> 1936 <div wire:key="weather-za" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg"> 1937 <span class="font-bold text-lg text-text-main"> 1938 za 1939 </span> 1940 <img src="https://omroepcastricum.nl/images/weather/04d.svg" width="32" height="32" alt="icon" /> 1941 <span class="text-lg font-bold text-text-main"> 1942 21° 1943 </span> 1944 <span class="text-xs text-text-main"> 1945 13° 1946 </span> 1947 <span class="text-xs text-text-main"> 1948 0.0 mm 1949 </span> 1950 </div> 1951 <div wire:key="weather-zo" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg"> 1952 <span class="font-bold text-lg text-text-main"> 1953 zo 1954 </span> 1955 <img src="https://omroepcastricum.nl/images/weather/04d.svg" width="32" height="32" alt="icon" /> 1956 <span class="text-lg font-bold text-text-main"> 1957 19° 1958 </span> 1959 <span class="text-xs text-text-main"> 1960 13° 1961 </span> 1962 <span class="text-xs text-text-main"> 1963 0.0 mm 1964 </span> 1965 </div> 1966 <div wire:key="weather-ma" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg"> 1967 <span class="font-bold text-lg text-text-main"> 1968 ma 1969 </span> 1970 <img src="https://omroepcastricum.nl/images/weather/10d.svg" width="32" height="32" alt="icon" /> 1971 <span class="text-lg font-bold text-text-main"> 1972 18° 1973 </span> 1974 <span class="text-xs text-text-main"> 1975 15° 1976 </span> 1977 <span class="text-xs text-text-main"> 1978 0.2 mm 1979 </span> 1980 </div> 1981 <!--[if ENDBLOCK]><![endif]--> </div> 1982 </div> 1983 <!--[if ENDBLOCK]><![endif]--></div> 1984 1985 <div wire:key="banner-sidebar_middle" wire:snapshot="{"data":{"placeId":"sidebar_middle","shouldRender":true,"title":"Advertentie","isSlider":false,"duration":5000,"slidesToShow":1,"items":[[[{"_id":"28d1356b-4cae-420c-93fb-8060c444b80b","url":"https:\/\/elanceuitvaart.nl","image":"https:\/\/5mkcc1sh4vpo.b-cdn.net\/2c18wpv93a0b\/w_1920\/elance-advertentie-scherm-1920x1080-pixels.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"4d5e73f0-c97e-4ad3-8624-483f009724fe","url":"https:\/\/schalkoort-advies.nl","image":"https:\/\/5mkcc1sh4vpo.b-cdn.net\/67pop2a5m1c8\/w_6000\/ehbo-reanimatie-tbv-sheet-7-met-logo.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"754d46b1-fb4a-439d-81ca-bf8d1e24ad1b","url":"https:\/\/www.clubmariz.nl","image":"https:\/\/5mkcc1sh4vpo.b-cdn.net\/3wx7x3kuim9g\/w_1920\/omroep-castricum-2025.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"1qEZ4eDPHmRZ5YJbk493","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"
19850316b06d1c71fa92ef8cd376c4c4f4191324cffd0b67e350c56c660b80b63df0"}" wire:effects="[]" wire:id="1qEZ4eDPHmRZ5YJbk493" wire:name="components.banner"> 1986<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="space-y-4"> 1987 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1988 <!--[if BLOCK]><![endif]--> <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary"> 1989 Advertentie 1990 </h3> 1991 <!--[if ENDBLOCK]><![endif]--> 1992 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a 1993 href="https://elanceuitvaart.nl" 1994 target="_blank" 1995 rel="noopener noreferrer" 1996 class="block" 1997 x-data 1998 @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': '28d1356b-4cae-420c-93fb-8060c444b80b' }); }" 1999 > 2000 <img src="https://5mkcc1sh4vpo.b-cdn.net/2c18wpv93a0b/w_1920/elance-advertentie-scherm-1920x1080-pixels.jpg" alt="" class="w-full h-auto rounded-lg"> 2001 </a> 2002 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a 2003 href="https://schalkoort-advies.nl" 2004 target="_blank" 2005 rel="noopener noreferrer" 2006 class="block" 2007 x-data 2008 @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': '4d5e73f0-c97e-4ad3-8624-483f009724fe' }); }" 2009 > 2010 <img src="https://5mkcc1sh4vpo.b-cdn.net/67pop2a5m1c8/w_6000/ehbo-reanimatie-tbv-sheet-7-met-logo.jpg" alt="" class="w-full h-auto rounded-lg"> 2011 </a> 2012 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a 2013 href="https://www.clubmariz.nl" 2014 target="_blank" 2015 rel="noopener noreferrer" 2016 class="block" 2017 x-data 2018 @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': '754d46b1-fb4a-439d-81ca-bf8d1e24ad1b' }); }" 2019 > 2020 <img src="https://5mkcc1sh4vpo.b-cdn.net/3wx7x3kuim9g/w_1920/omroep-castricum-2025.jpg" alt="" class="w-full h-auto rounded-lg"> 2021 </a> 2022 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 2023 <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 2024 2025 <div wire:key="banner-sidebar_bottom" wire:snapshot="{"data":{"placeId":"sidebar_bottom","shouldRender":true,"title":"Advertentie","isSlider":false,"duration":5000,"slidesToShow":1,"items":[[[{"_id":"4698344b-4d5e-4d0d-af01-2c15a18ff9ce","url":"https:\/\/mystrengthpt.nl","image":"https:\/\/5mkcc1sh4vpo.b-cdn.net\/dgmbpvas25r\/w_2513\/my-strenght-pt-ad.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"a771ad25-5690-41a1-9089-8ef3a58b3359","url":"https:\/\/omroepcastricum.nl\/televisie\/gemist\/couleur-locale","image":"https:\/\/5mkcc1sh4vpo.b-cdn.net\/w_1920\/4b2849a3-d902-4d27-80af-767faa60f833.png","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"c5365ebc-3bac-4817-bbda-723c4a0371bd","url":"https:\/\/www.kantoorboek.nl","image":"https:\/\/5mkcc1sh4vpo.b-cdn.net\/5rdei8sgp697\/w_1920\/laan-banner-op-tv-1920x1080px.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"5W3BDg2jKATuZbwyb5CO","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"b18ce528e27dbe40b393a79d4bf9eca9d959369ff3331da4f1773a274d33e94a"}" wire:effects="[]" wire:id="5W3BDg2jKATuZbwyb5CO" wire:name="components.banner"> 2026<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <div class="space-y-4"> 2027 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 2028 <!--[if BLOCK]><![endif]--> <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary"> 2029 Advertentie 2030 </h3> 2031 <!--[if ENDBLOCK]><![endif]--> 2032 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a 2033 href="https://mystrengthpt.nl" 2034 target="_blank" 2035 rel="noopener noreferrer" 2036 class="block" 2037 x-data 2038 @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': '4698344b-4d5e-4d0d-af01-2c15a18ff9ce' }); }" 2039 > 2040 <img src="https://5mkcc1sh4vpo.b-cdn.net/dgmbpvas25r/w_2513/my-strenght-pt-ad.png" alt="" class="w-full h-auto rounded-lg"> 2041 </a> 2042 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a 2043 href="https://omroepcastricum.nl/televisie/gemist/couleur-locale" 2044 target="_blank" 2045 rel="noopener noreferrer" 2046 class="block" 2047 x-data 2048 @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': 'a771ad25-5690-41a1-9089-8ef3a58b3359' }); }" 2049 > 2050 <img src="https://5mkcc1sh4vpo.b-cdn.net/w_1920/4b2849a3-d902-4d27-80af-767faa60f833.png" alt="" class="w-full h-auto rounded-lg"> 2051 </a> 2052 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <a 2053 href="https://www.kantoorboek.nl" 2054 target="_blank" 2055 rel="noopener noreferrer" 2056 class="block" 2057 x-data 2058 @click="if (typeof prepr !== 'undefined') { prepr('event', 'Click', { 'id': 'c5365ebc-3bac-4817-bbda-723c4a0371bd' }); }" 2059 > 2060 <img src="https://5mkcc1sh4vpo.b-cdn.net/5rdei8sgp697/w_1920/laan-banner-op-tv-1920x1080px.jpg" alt="" class="w-full h-auto rounded-lg"> 2061 </a> 2062 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> </div> 2063 <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 2064
2065 <div wire:key="banner-sidebar_bottom_4" wire:snapshot="{"data":{"placeId":"sidebar_bottom_4","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"vc7UpoNqeSdCEarU43JE","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"d45f10974d552ccac4d4fcd2a29d7cf057d5401cb3b3f56647d2453ac7c0138a"}" wire:effects="[]" wire:id="vc7UpoNqeSdCEarU43JE" wire:name="components.banner"> 2066<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 2067 2068 <div wire:key="banner-sidebar_bottom_5" wire:snapshot="{"data":{"placeId":"sidebar_bottom_5","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"j0wCR1oFF3fhg3xkBELy","name":"components.banner","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"1ba6786912b65971b50653932b1612fe78dc25bcb2648020b55eb5f574bf2b8f"}" wire:effects="[]" wire:id="j0wCR1oFF3fhg3xkBELy" wire:name="components.banner"> 2069<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 2070 2071 </div> 2072 </div> 2073</main> 2074 2075 </div> 2076 2077<div> 2078 2079 2080 2081 <footer class="bg-surface-main-3 mt-16 pt-10 pb-[68px] lg:pb-0"> 2082 <div class="lg:container mx-auto px-6 pb-8"> 2083 <div class="grid grid-cols-1 md:grid-cols-4 xl:grid-cols-8 gap-8"> 2084 2085 2086 <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-6"> 2087 <img 2088 :src="$store.ui?.darkMode ? 'https://omroepcastricum.nl/tenants/omroepcastricum/logo-dark.svg?v=1789721948' : 'https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948'" 2089 src="https://omroepcastricum.nl/tenants/omroepcastricum/logo-light.svg?v=1789721948" 2090 alt="Logo" 2091 class="h-10 w-auto" 2092 loading="eager" 2093 > 2094 2095 2096 2097 <div class="flex flex-row gap-3"> 2098 <a href="https://www.facebook.com/OmroepCastricum/" 2099 title="fa-facebook" 2100 aria-label="Volg ons op fa-facebook" 2101 target="_blank" 2102 rel="noopener noreferrer" 2103 class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition"> 2104 <i class="fa-brands fa-facebook" aria-hidden="true"></i> 2105 </a> 2106 <a href="https://twitter.com/OmroepCastricum" 2107 title="fa-x-twitter" 2108 aria-label="Volg ons op fa-x-twitter" 2109 target="_blank" 2110 rel="noopener noreferrer" 2111 class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition"> 2112 <i class="fa-brands fa-x-twitter" aria-hidden="true"></i> 2113 </a> 2114 <a href="https://youtube.com/OmroepCastricum" 2115 title="fa-youtube" 2116 aria-label="Volg ons op fa-youtube" 2117 target="_blank" 2118 rel="noopener noreferrer" 2119 class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition"> 2120 <i class="fa-brands fa-youtube" aria-hidden="true"></i> 2121 </a> 2122 <a href="https://www.instagram.com/OmroepCastricum/" 2123 title="fa-instagram" 2124 aria-label="Volg ons op fa-instagram" 2125 target="_blank" 2126 rel="noopener noreferrer" 2127 class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition"> 2128 <i class="fa-brands fa-instagram" aria-hidden="true"></i> 2129 </a> 2130 <a href="https://www.threads.net/@omroepcastricum" 2131 title="fa-threads" 2132 aria-label="Volg ons op fa-threads" 2133 target="_blank" 2134 rel="noopener noreferrer" 2135 class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition"> 2136 <i class="fa-brands fa-threads" aria-hidden="true"></i> 2137 </a> 2138 <a href="https://bsky.app/profile/omroepcastricum.b
2138sky.social" 2139 title="fa-bluesky" 2140 aria-label="Volg ons op fa-bluesky" 2141 target="_blank" 2142 rel="noopener noreferrer" 2143 class="p-2 rounded-full h-10 w-10 bg-surface-light-2 hover:bg-brand-main text-brand-secondary hover:text-surface-main-1 cursor-pointer flex items-center justify-center transition"> 2144 <i class="fa-brands fa-bluesky" aria-hidden="true"></i> 2145 </a> 2146 </div> 2147 </div> 2148 2149 2150 <div class="col-span-1 md:col-span-4 xl:col-span-4"> 2151 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16"> 2152 <div> 2153 <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed"> 2154 Nieuws 2155 </h4> 2156 <div class="space-y-4 text-lg font-bold flex flex-col"> 2157 <a 2158 wire:navigate href="https://omroepcastricum.nl/nieuws/akersloot" 2159 2160 class="transition hover:underline" 2161> 2162 Akersloot 2163</a> 2164 <a 2165 wire:navigate href="https://omroepcastricum.nl/nieuws/bakkum" 2166 2167 class="transition hover:underline" 2168> 2169 Bakkum 2170</a> 2171 <a 2172 wire:navigate href="https://omroepcastricum.nl/nieuws/castricum" 2173 2174 class="transition hover:underline" 2175> 2176 Castricum 2177</a> 2178 <a 2179 wire:navigate href="https://omroepcastricum.nl/nieuws/de-woude" 2180 2181 class="transition hover:underline" 2182> 2183 De Woude 2184</a> 2185 <a 2186 wire:navigate href="https://omroepcastricum.nl/nieuws/limmen" 2187 2188 class="transition hover:underline" 2189> 2190 Limmen 2191</a> 2192 <a 2193 wire:navigate href="https://omroepcastricum.nl/nieuws/regio" 2194 2195 class="transition hover:underline" 2196> 2197 Regio 2198</a> 2199 </div> 2200 </div> 2201 <div> 2202 <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed"> 2203 Televisie 2204 </h4> 2205 <div class="space-y-4 text-lg font-bold flex flex-col"> 2206 <a 2207 wire:navigate href="https://omroepcastricum.nl/televisie/live" 2208 2209 class="transition hover:underline" 2210> 2211 Live 2212</a> 2213 <a 2214 wire:navigate href="https://omroepcastricum.nl/televisie/gids" 2215 2216 class="transition hover:underline" 2217> 2218 Programmering 2219</a> 2220 <a 2221 wire:navigate href="https://omroepcastricum.nl/televisie/gemist" 2222 2223 class="transition hover:underline" 2224> 2225 Gemist 2226</a> 2227 <a 2228 wire:navigate href="https://omroepcastricum.nl/televisie/frequenties" 2229 2230 class="transition hover:underline" 2231> 2232 Frequenties 2233</a> 2234 </div> 2235 </div> 2236 <div> 2237 <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed"> 2238 Radio 2239 </h4> 2240 <div class="space-y-4 text-lg font-bold flex flex-col"> 2241 <a 2242 wire:navigate href="https://omroepcastricum.nl/radio/live" 2243 2244 class="transition hover:underline" 2245> 2246 Live 2247</a> 2248 <a 2249 wire:navigate href="https://omroepcastricum.nl/radio/gids" 2250 2251 class="transition hover:underline" 2252> 2253 Programmering 2254</a> 2255 <a 2256 wire:navigate href="https://omroepcastricum.nl/radio/gemist" 2257 2258 class="transition hover:underline" 2259> 2260 Gemist 2261</a> 2262 <a 2263 wire:navigate href="https://omroepcastricum.nl/radio/frequenties" 2264 2265 class="transition hover:underline" 2266> 2267 Frequenties 2268</a> 2269 </div> 2270 </div> 2271 <div> 2272 <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed"> 2273 Over Omroep Castricum
2274 </h4> 2275 <div class="space-y-4 text-lg font-bold flex flex-col"> 2276 <a 2277 wire:navigate href="https://omroepcastricum.nl/organisatie" 2278 2279 class="transition hover:underline" 2280> 2281 Organisatie 2282</a> 2283 <a 2284 wire:navigate href="https://omroepcastricum.nl/adverteren" 2285 2286 class="transition hover:underline" 2287> 2288 Adverteren 2289</a> 2290 <a 2291 wire:navigate href="https://omroepcastricum.nl/samenwerking" 2292 2293 class="transition hover:underline" 2294> 2295 Samenwerking 2296</a> 2297 <a 2298 wire:navigate href="https://omroepcastricum.nl/vacatures" 2299 2300 class="transition hover:underline" 2301> 2302 Vacatures 2303</a> 2304 <a 2305 wire:navigate href="https://omroepcastricum.nl/faq" 2306 2307 class="transition hover:underline" 2308> 2309 FAQ 2310</a> 2311 <a 2312 wire:navigate href="https://omroepcastricum.nl/contact" 2313 2314 class="transition hover:underline" 2315> 2316 Contact 2317</a> 2318 <a 2319 wire:navigate href="https://omroepcastricum.nl/tip-de-redactie" 2320 2321 class="transition hover:underline" 2322> 2323 Tip de redactie 2324</a> 2325 </div> 2326 </div> 2327 </div> 2328 </div> 2329 2330 2331 <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-4 xl:pl-16"> 2332 2333 2334 <h4 class="text-xs font-bold text-text-tertiary"> 2335 Tip de redactie 2336 </h4> 2337 <a wire:navigate 2338 href="https://omroepcastricum.nl/tip-de-redactie" 2339 class="w-full flex items-center justify-center h-10 gap-3 rounded-full text-surface-main-1 bg-brand-main hover:bg-brand-dark cursor-pointer px-4 py-2.5 font-medium transition"> 2340 Tip de redactie 2341 <i class="fa-solid fa-chevron-right text-xs"></i> 2342 </a> 2343 2344 <h4 class="text-xs font-bold text-text-tertiary">Weergaveopties</h4> 2345 <button @click="$store.ui?.toggle && $store.ui.toggle()" type="button" :aria-checked="$store.ui?.darkMode ?? false" role="switch" class="relative inline-flex h-10 w-[75px] flex-shrink-0 cursor-pointer rounded-full p-1 transition-colors duration-300 ease-in-out bg-surface-light-2"> 2346 <span class="sr-only">Gebruik lichte of donkere modus</span> 2347 <span aria-hidden="true" class="pointer-events-none absolute left-1 top-1 inline-block h-8 w-8 min-w-8 transform rounded-full shadow ring-0 transition duration-300 ease-in-out bg-surface-main-3" :class="$store.ui?.darkMode ? 'translate-x-[36px]' : ''"></span> 2348 <span class="absolute inset-0 flex items-center"> 2349 <span class="h-[34px] w-[34px] flex items-center justify-center mr-[3px]"><i class="fa-solid fa-sun-bright text-[20px] duration-300 ease-in-out text-brand-secondary" :class="$store.ui?.darkMode ? 'text-text-tertiary group-hover:dark:text-zinc-100 ml-1.5' : 'ml-1.5'"></i></span>
2350 <span class="h-[34px] w-[34px] flex items-center justify-center"><i class="fa-solid fa-moon text-[20px] duration-300 ease-in-out" :class="$store.ui?.darkMode ? 'text-white group-hover:text-zinc-600' : 'text-text-tertiary group-hover:text-zinc-600'"></i></span> 2351 </span> 2352 </button> 2353 </div> 2354 </div> 2355 </div> 2356 2357 2358 <div class="py-3 text-sm font-medium font-montserrat text-text-tertiary bg-surface-background"> 2359 <div class="lg:container mx-auto px-6 justify-between flex items-center"> 2360 <p>© 2026</p> 2361 <div class="flex flex-row gap-8 text-xs"> 2362 <a 2363 wire:navigate href="https://omroepcastricum.nl/meer-informatie-over-cookies" 2364 2365 class="transition text-text-tertiary underline" 2366> 2367 Privacy en disclaimer 2368</a> 2369 </div> 2370 </div> 2371 </div> 2372 </footer> 2373 2374 2375 2376 2377 <div x-show="isMobileMenuOpen" x-cloak x-transition.opacity.duration.300 class="lg:hidden flex gap-y-1 fixed top-0 left-0 right-0 h-[calc(100%-68px)] w-full bg-surface-main-2 z-60 px-4 pt-4 pb-4 overflow-y-auto"> 2378 <nav class="w-full"> 2379 <ul class="space-y-2 pb-6"> 2380 <li x-data="{ isOpen: true }"> 2381 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2382 <a wire:navigate href="https://omroepcastricum.nl/nieuws" class="flex-grow"> 2383 <span class="text-lg font-bold font-roboto-condensed">Nieuws</span> 2384 </a> 2385 <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10"> 2386 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2387 </button> 2388 </div> 2389 2390 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2391 <li> 2392 <a 2393 wire:navigate href="https://omroepcastricum.nl/nieuws" 2394 2395 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2396> 2397 Nieuws 2398</a> 2399 </li> 2400 <li> 2401 <a 2402 wire:navigate href="https://omroepcastricum.nl/nieuws/akersloot" 2403 2404 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2405> 2406 Akersloot 2407</a> 2408 </li> 2409 <li> 2410 <a 2411 wire:navigate href="https://omroepcastricum.nl/nieuws/bakkum" 2412 2413 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2414> 2415 Bakkum 2416</a> 2417 </li> 2418 <li> 2419 <a 2420 wire:navigate href="https://omroepcastricum.nl/nieuws/de-woude" 2421 2422 class="transition rounded-lg bg-surface-light-2 text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent text-brand-secondary" no-background="no-background" 2423> 2424 De Woude 2425</a> 2426 </li> 2427 <li> 2428 <a 2429 wire:navigate href="https://omroepcastricum.nl/nieuws/limmen" 2430 2431 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2432> 2433 Limmen 2434</a> 2435 </li> 2436 <li> 2437 <a 2438 wire:navigate href="https://omroepcastricum.nl/nieuws/regio" 2439 2440 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2441> 2442 Regio 2443</a> 2444 </li> 2445 <li> 2446 <a 2447 2448 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2449> 2450 2451</a> 2452 </li> 2453 <li> 2454 <a 2455 wire:navigate href="https://omroepcastricum.nl/nieuws/112" 2456 2457 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2458> 2459 112 2460</a> 2461 </li> 2462 <li> 2463 <a 2464 wire:navigate href="https://omroepcastricum.nl/nieuws/cultuur" 2465 2466 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2467> 2468 Cultuur 2469</a> 2470 </li> 2471 <li> 2472 <a 2473 wire:navigate href="https://omroepcastricum.nl/nieuws/economie" 2474 2475 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2476> 2477 Economie 2478</a> 2479 </li> 2480 <li> 2481 <a 2482 wire:navigate href="https://omroepcastricum.nl/nieuws/gemeente" 2483 2484 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2485> 2486 Gemeente 2487</a> 2488 </li> 2489 <li> 2490 <a 2491 wire:navigate href="https://omroepcastricum.nl/nieuws/natuur-en-milieu" 2492 2493 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2494> 2495 Natuur en Milieu 2496</a> 2497 </li> 2498 <li> 2499 <a 2500 wire:navigate href="https://omroepcastricum.nl/nieuws/omroep-castricum" 2501 2502 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2503> 2504 Omroep Castricum
2505</a> 2506 </li> 2507 <li> 2508 <a 2509 wire:navigate href="https://omroepcastricum.nl/nieuws/politiek" 2510 2511 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2512> 2513 Politiek 2514</a> 2515 </li> 2516 <li> 2517 <a 2518 wire:navigate href="https://omroepcastricum.nl/nieuws/sport" 2519 2520 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2521> 2522 Sport 2523</a> 2524 </li> 2525 <li> 2526 <a 2527 wire:navigate href="https://omroepcastricum.nl/nieuws/uitgaan" 2528 2529 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2530> 2531 Uitgaan 2532</a> 2533 </li> 2534 <li> 2535 <a 2536 wire:navigate href="https://omroepcastricum.nl/nieuws/zorg-en-welzijn" 2537 2538 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2539> 2540 Zorg en Welzijn 2541</a> 2542 </li> 2543 </ul> 2544 </li> 2545 <hr class="border-surface-light-3 mt-2"> 2546 <li x-data="{ isOpen: true }"> 2547 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2548 <a wire:navigate href="https://omroepcastricum.nl/televisie/live" class="flex-grow"> 2549 <span class="text-lg font-bold font-roboto-condensed">Televisie</span> 2550 </a> 2551 <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10"> 2552 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2553 </button> 2554 </div> 2555 2556 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2557 <li> 2558 <a 2559 wire:navigate href="https://omroepcastricum.nl/televisie/live" 2560 2561 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2562> 2563 Live 2564</a> 2565 </li> 2566 <li> 2567 <a 2568 wire:navigate href="https://omroepcastricum.nl/televisie/gids" 2569 2570 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2571> 2572 Programmering 2573</a> 2574 </li> 2575 <li> 2576 <a 2577 wire:navigate href="https://omroepcastricum.nl/televisie/gemist" 2578 2579 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2580> 2581 Gemist 2582</a> 2583 </li> 2584 <li> 2585 <a 2586 wire:navigate href="https://omroepcastricum.nl/televisie/frequenties" 2587 2588 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2589> 2590 Frequenties 2591</a> 2592 </li> 2593 </ul> 2594 </li> 2595 <hr class="border-surface-light-3 mt-2"> 2596 <li x-data="{ isOpen: true }"> 2597 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2598 <a wire:navigate href="https://omroepcastricum.nl/radio/live" class="flex-grow">
2599 <span class="text-lg font-bold font-roboto-condensed">Radio</span> 2600 </a> 2601 <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10"> 2602 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2603 </button> 2604 </div> 2605 2606 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2607 <li> 2608 <a 2609 wire:navigate href="https://omroepcastricum.nl/radio/live" 2610 2611 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2612> 2613 Live 2614</a> 2615 </li> 2616 <li> 2617 <a 2618 wire:navigate href="https://omroepcastricum.nl/radio/gids" 2619 2620 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2621> 2622 Programmering 2623</a> 2624 </li> 2625 <li> 2626 <a 2627 wire:navigate href="https://omroepcastricum.nl/radio/gemist" 2628 2629 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2630> 2631 Gemist 2632</a> 2633 </li> 2634 <li> 2635 <a 2636 wire:navigate href="https://omroepcastricum.nl/radio/frequenties" 2637 2638 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2639> 2640 Frequenties 2641</a> 2642 </li> 2643 </ul> 2644 </li> 2645 <hr class="border-surface-light-3 mt-2"> 2646 <li x-data="{ isOpen: true }"> 2647 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2648 <a wire:navigate href="https://omroepcastricum.nl/organisatie" class="flex-grow"> 2649 <span class="text-lg font-bold font-roboto-condensed">Over ons</span> 2650 </a> 2651 <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10"> 2652 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2653 </button> 2654 </div> 2655 2656 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2657 <li> 2658 <a 2659 wire:navigate href="https://omroepcastricum.nl/organisatie" 2660 2661 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2662> 2663 Organisatie 2664</a> 2665 </li> 2666 <li> 2667 <a 2668 wire:navigate href="https://omroepcastricum.nl/samenwerking" 2669 2670 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2671> 2672 Samenwerking 2673</a> 2674 </li> 2675 <li> 2676 <a 2677 wire:navigate href="https://omroepcastricum.nl/vacatures" 2678 2679 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2680> 2681 Vacatures 2682</a> 2683 </li> 2684 <li> 2685 <a 2686 wire:navigate href="https://omroepcastricum.nl/faq" 2687 2688 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2689> 2690 FAQ 2691</a> 2692 </li> 2693 <li> 2694 <a 2695 wire:navigate href="https://omroepcastricum.nl/meer-informatie-over-cookie
2695s" 2696 2697 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2698> 2699 Cookies 2700</a> 2701 </li> 2702 <li> 2703 <a 2704 wire:navigate href="https://omroepcastricum.nl/disclaimer" 2705 2706 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2707> 2708 Disclaimer 2709</a> 2710 </li> 2711 </ul> 2712 </li> 2713 <hr class="border-surface-light-3 mt-2"> 2714 <li x-data="{ isOpen: true }"> 2715 <a 2716 wire:navigate href="https://omroepcastricum.nl/adverteren" 2717 2718 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary w-full flex justify-between items-center p-2 text-left rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2719> 2720 <span class="text-lg font-bold font-roboto-condensed">Adverteren</span> 2721</a> 2722 </li> 2723 <hr class="border-surface-light-3 mt-2"> 2724 <li x-data="{ isOpen: true }"> 2725 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2726 <a wire:navigate href="https://omroepcastricum.nl/contact" class="flex-grow"> 2727 <span class="text-lg font-bold font-roboto-condensed">Contact</span> 2728 </a> 2729 <button @click="isOpen = !isOpen" class="h-8 w-8 min-w-8 min-w-8 rounded-full flex items-center justify-center text-brand-secondary bg-surface-light-1 text-sm flex-shrink-0 ml-2 z-10"> 2730 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2731 </button> 2732 </div> 2733 2734 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2735 <li> 2736 <a 2737 wire:navigate href="https://omroepcastricum.nl/contact" 2738 2739 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2740> 2741 Contact 2742</a> 2743 </li> 2744 <li> 2745 <a 2746 wire:navigate href="https://omroepcastricum.nl/tip-de-redactie" 2747 2748 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-sm font-bold font-roboto-condensed rounded-lg !bg-transparent hover:!bg-transparent" no-background="no-background" 2749> 2750 Tip de redactie 2751</a> 2752 </li> 2753 </ul> 2754 </li> 2755 <hr class="border-surface-light-3 mt-2"> 2756 </ul> 2757 </nav> 2758 </div> 2759 2760 2761 2762 2763 <nav class="lg:hidden fixed bottom-0 left-0 right-0 h-[68px] bg-surface-main-3 flex justify-around items-start px-3 z-61" style="box-shadow: 0 4px 24px 0 rgba(0, 0, 0, 0.15);"> 2764 <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary"> 2765 <a 2766 wire:navigate href="https://omroepcastricum.nl/nieuws" 2767 2768 class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent" 2769> 2770 <i class="fa-solid fa-newspaper text-base h-4"></i>
2771 <span class="text-xs font-bold">Nieuws</span> 2772</a> 2773 </div> 2774 <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary"> 2775 <a 2776 wire:navigate href="https://omroepcastricum.nl/televisie/live" 2777 2778 class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent" 2779> 2780 <i class="fa-solid fa-tv text-base h-4"></i> 2781 <span class="text-xs font-bold">Live TV</span> 2782</a> 2783 </div> 2784 <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary"> 2785 <a 2786 wire:navigate href="https://omroepcastricum.nl/radio/live" 2787 2788 class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent" 2789> 2790 <i class="fa-solid fa-radio text-base h-4"></i> 2791 <span class="text-xs font-bold">Live radio</span> 2792</a> 2793 </div> 2794 <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary"> 2795 <button @click.prevent="isMobileMenuOpen = !isMobileMenuOpen" class="w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 border-t-transparent items-center"> 2796 <i class="fa-solid fa-bars text-base h-4"></i> 2797 <span class="text-xs font-bold">Menu</span> 2798 </button> 2799 </div> 2800 </nav> 2801</div> 2802 2803<div x-persist="radio-player"> 2804 <div wire:key="lw-2254710295-0-5-4-3" wire:snapshot="{"data":[],"memo":{"id":"hcDMeVRNpNCDoPSTerVz","name":"components.radio-player","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"41ea2cde35268b6f2eabbc446571fb301c80086559aae3256189762ea0cae115"}" wire:effects="[]" wire:id="hcDMeVRNpNCDoPSTerVz" wire:name="components.radio-player"> 2805 <div wire:poll.60000ms="getProgramName"> 2806 2807 <div 2808 x-data="{ 2809 volumeBeforeMute: 1, 2810 setupAndPlay() { 2811 // Deze functie wordt alleen de eerste keer uitgevoerd. 2812 if (this.$store.radio.initialized || !'https:\/\/omroepcastricum.ddns.net\/128MP3') return; 2813 2814 let radioStore = this.$store.radio; 2815 2816 // 1. Maak het Audio-object aan en laad de stream. 2817 radioStore.audio = new Audio('https:\/\/omroepcastricum.ddns.net\/128MP3'); 2818 2819 // 2. Stel de watchers in voor TOEKOMSTIGE interacties. 2820 this.$watch('$store.radio.playing', isPlaying => { 2821 if (isPlaying) { 2822 radioStore.audio.play().catch(e => console.error('Audio play failed:', e)); 2823 } else { 2824 radioStore.audio.pause(); 2825 } 2826 }); 2827 2828 this.$watch('$store.radio.volume', newVolume => { 2829 radioStore.audio.volume = newVolume; 2830 localStorage.setItem('radioPlayerVolume', newVolume); 2831 }); 2832 2833 this.$watch('$store.radio.isMinimized', isMinimized => localStorage.setItem('radioPlayerMinimized', isMinimized)); 2834 2835 // 3. Pas de initiële instellingen toe. 2836 radioStore.audio.volume = radioStore.volume; 2837 radioStore.initialized = true; 2838 2839 // AANGEPAST: Speel de audio nu DIRECT af. 2840 // Omdat setupAndPlay() wordt aangeroepen als direct gevolg van een gebruikersklik, is dit toegestaan. 2841 // We controleren of de status 'playing' is, wat het geval is als deze functie wordt aangeroepen. 2842 if (radioStore.playing) { 2843 radioStore.audio.play().catch(e => { 2844 console.error('Initial audio play failed:', e); 2845 // Als het afspelen om een of andere reden toch mislukt, zet de status terug. 2846 radioStore.playing = false;
2847 }); 2848 } 2849 }, 2850 togglePlay() { 2851 if (!this.$store.radio.initialized) { 2852 // playing moet true zijn vóór setupAndPlay(), anders wordt audio.play() 2853 // overgeslagen en werkt pas de tweede klik (wanneer playing wordt getoggled). 2854 this.$store.radio.playing = true; 2855 this.setupAndPlay(); 2856 } else { 2857 this.$store.radio.playing = !this.$store.radio.playing; 2858 } 2859 }, 2860 toggleMute() { 2861 if (this.$store.radio.volume > 0) { 2862 this.volumeBeforeMute = this.$store.radio.volume; 2863 this.$store.radio.volume = 0; 2864 } else { 2865 this.$store.radio.volume = this.volumeBeforeMute > 0 ? this.volumeBeforeMute : 1; 2866 } 2867 } 2868 }" 2869 @setup-radio.window="setupAndPlay()" 2870 > 2871 <div x-effect="document.body.classList.toggle('radio-maximized', !$store.radio.isMinimized && $store.radio.initialized)"></div> 2872 <div x-effect="document.body.classList.toggle('radio-minimized', $store.radio.isMinimized && $store.radio.initialized)"></div> 2873 2874 <div 2875 x-show="'https:\/\/omroepcastricum.ddns.net\/128MP3'" 2876 x-transition:enter="transition ease-out duration-300" 2877 x-transition:enter-start="opacity-0" 2878 x-transition:enter-end="opacity-100" 2879 class="fixed left-1/2 -translate-x-1/2 z-50 transition-all duration-300 ease-in-out bg-surface-light-2 backdrop-blur-sm border border-button-border overflow-hidden" 2880 :class="{ 2881 'rounded-full lg:w-105.5 w-[calc(100%-16px)] h-[50px] shadow-lg bottom-20 lg:bottom-4': !$store.radio.isMinimized, 2882 'rounded-full w-8 h-8 bottom-15 lg:-bottom-2 flex items-center justify-center': $store.radio.isMinimized 2883 }" 2884 > 2885 2886 <div x-show="!$store.radio.isMinimized" x-transition class="flex items-center justify-between gap-4 p-2 w-full"> 2887 <div class="flex items-center gap-4 pl-1"> 2888 <button 2889 @click="togglePlay()" 2890 class="w-8 h-8 rounded-full flex items-center cursor-pointer justify-center transition text-white flex-shrink-0 disabled:opacity-40 disabled:cursor-not-allowed bg-brand-main hover:bg-brand-dark" 2891 :aria-label="$store.radio.playing ? 'Pauzeer radio' : 'Start radio'" 2892 :title="$store.radio.initialized ? ($store.radio.playing ? 'Pauzeren' : 'Afspelen') : 'Afspelen'" 2893 > 2894 <i x-show="!$store.radio.playing" class="fa-solid fa-play"></i> 2895 <i x-show="$store.radio.playing" class="fa-solid fa-pause"></i> 2896 </button> 2897 <div class="flex-shrink-0 font-roboto-condensed"> 2898 <div class="font-bold text-sm text-text-main leading-[normal]">Nu Live</div> 2899 <div class="text-xs text-text-tertiary leading-[normal]">Non-stop muziek</div> 2900 </div> 2901 </div> 2902 <button @click="$store.radio.isMinimized = true" class="flex items-center justify-center h-8 w-8 cursor-pointer rounded-full text-text-tertiary hover:bg-surface-medium-1 hover:text-tertiary" aria-label="Minimaliseer" title="Minimaliseer"> 2903 <i class="fas fa-chevron-down text-sm"></i> 2904 </button> 2905 <div class="flex items-center gap-2 pr-1"> 2906 <button @click="toggleMute()" :title="$store.radio.volume > 0 ? 'Dempen' : 'Dempen opheffen'" class="w-6 flex items-center"> 2907 <i x-show="$store.radio.volume > 0" class="fas fa-volume-high text-base"></i> 2908 <i x-show="$store.radio.volume == 0" class="fas fa-volume-mute text-base"></i> 2909 </button> 2910 <input 2911 aria-label="Radio Player Volume" 2912 type="range" min="0" max="1" step="0.01" 2913 x-model.lazy="$store.radio.volume" 2914 :disabled="!$store.radio.initialized" 2915 class="w-24 h-1 accent-text-main disabled:opacity-40 disabled:cursor-not-allowed" 2916 /> 2917 </div> 2918 </div> 2919 2920 <button 2921 x-show="$store.radio.isMinimized" 2922 x-transition 2923 @click="$store.radio.isMinimized = false" 2924 class="w-8 h-8 cursor-pointer flex items-center justify-center bg-surface-medium-1 text-text-tertiary rounded-full" 2925 aria-label="Open radioplayer" title="Open radioplayer" 2926 > 2927 <i class="fas fa-chevron-up text-sm"></i> 2928 </button> 2929 </div> 2930 </div> 2931 </div> 2932 2933 </div> 2934</div> 2935
2936<div wire:key="lw-2254710295-1-5-4-3" wire:snapshot="{"data":{"showBanner":true,"isOnCookiePage":false},"memo":{"id":"DAl3hXrwIz0Y45WRatia","name":"components.cookie-consent","path":"nieuws\/de-woude","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"1e3e484d43d06ec6c43677e49f9c1dd8767a95973c20f844bb8b88d1d55b0bee"}" wire:effects="[]" wire:id="DAl3hXrwIz0Y45WRatia" wire:name="components.cookie-consent"> 2937 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 2938 <div class="fixed inset-0 z-62 bg-black/50"> 2939 <div 2940 class="absolute bottom-0 left-0 w-full z-50 px-4 py-6 md:p-8 font-roboto-condensed bg-surface-main-3 text-text-main shadow-lg" 2941 x-data="{ 2942 shown: false, 2943 init() { 2944 this.$nextTick(() => { this.shown = true; }); 2945 document.body.classList.add('pb-17', 'md:pb-17'); 2946 }, 2947 destroy() { 2948 document.body.classList.remove('pb-17', 'md:pb-17'); 2949 }, 2950 closeBanner() { 2951 this.shown = false; 2952 setTimeout(() => this.destroy(), 300); 2953 } 2954 }" 2955 x-show="shown" 2956 x-transition:enter="transition ease-out duration-300" 2957 x-transition:enter-start="opacity-0 translate-y-4" 2958 x-transition:enter-end="opacity-100 translate-y-0" 2959 x-transition:leave="transition ease-in duration-200" 2960 x-transition:leave-start="opacity-100 translate-y-0" 2961 x-transition:leave-end="opacity-0 translate-y-4" 2962 > 2963 <div class="container mx-auto flex flex-col md:flex-row md:items-center justify-between"> 2964 <p class="text-sm"> 2965 Omroep Castricum maakt gebruik van Functionele en Analytische cookies voor website optimalisatie en statistieken. 2966 <!--[if BLOCK]><![endif]--> <a wire:navigate href="https://omroepcastricum.nl/meer-informatie-over-cookies" class="underline font-semibold hover:text-text-secondary"> 2967 Lees meer 2968 </a> 2969 <!--[if ENDBLOCK]><![endif]--> </p> 2970 2971 <div class="flex items-center gap-x-6 mt-8 md:mt-0"> 2972 <button 2973 @click="$wire.accept().then(() => closeBanner())" 2974 class="rounded-full flex items-center h-12 py-2.5 px-6 gap-x-3 bg-button-border hover:bg-button-border/80 text-text-main text-base cursor-pointer font-roboto-condensed font-medium" 2975 > 2976 Sluiten 2977 </button> 2978 </div> 2979 </div> 2980 </div> 2981 </div> 2982 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 2983
2984<script src="https://omroepcastricum.nl/vendor/livewire/livewire.min.js?id=8642c1d5" data-csrf="Ove3OPBjQja9etWY2OE0RahNDlvl30dQO83a5pHY" data-module-url="https://omroepcastricum.nl/livewire-1a5019f0" data-update-uri="https://omroepcastricum.nl/livewire-1a5019f0/update" data-navigate-once="true"></script>
2984 2985
2985<script> 2986 document.addEventListener('alpine:init', () => { 2987 if (!Alpine.store('radio')) { 2988 Alpine.store('radio', { 2989 initialized: false, 2990 audio: null, 2991 playing: false, 2992 volume: parseFloat(localStorage.getItem('radioPlayerVolume')) || 1, 2993 isMinimized: localStorage.getItem('radioPlayerMinimized') === 'true', 2994 openAndPlay() { 2995 this.isMinimized = false; 2996 this.playing = true; 2997 } 2998 }); 2999 } 3000 }); 3001 </script>
3001 3002 3003</body> 3004 3005</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.