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-39244144-17');</script>
25 26 <!-- End Google Tag Manager --> 27 <title>Nieuws | BeatFM</title> 28 29 30 31 <meta property="og:site_name" content="BeatFM" /> 32 <meta name="prepr:locale" content="nl-NL"> 33 <link rel="canonical" href="https://beatfm.nl/nieuws"> 34 <meta property="og:url" content="https://beatfm.nl/nieuws" /> 35 <meta property="prepr:id" content="a797e951-7f89-48bb-b719-6a618a9ab547"> 36 <meta name="description" content="Het nieuws uit Heiloo"> 37 38 <meta property="og:title" content="Nieuws" /> 39 <meta property="og:description" content="Het nieuws uit Heiloo" /> 40 41 <meta property="og:type" content="article"> 42 43 <meta name="twitter:title" content="Nieuws"> 44 <meta name="twitter:description" content="Het nieuws uit Heiloo"> 45 46 <link rel="apple-touch-icon" href="https://beatfm.nl/tenants/beatfm/favicons/apple-touch-icon.png?v=1789721948"> 47 <link rel="icon" type="image/png" sizes="96x96" href="https://beatfm.nl/tenants/beatfm/favicons/favicon-96x96.png?v=1789721948"> 48 <link rel="icon" type="image/svg+xml" href="https://beatfm.nl/tenants/beatfm/favicons/favicon.svg?v=1789721948"> 49 <link rel="icon" type="image/x-icon" href="https://beatfm.nl/tenants/beatfm/favicons/favicon.ico?v=1789721948"> 50 <link rel="manifest" href="https://beatfm.nl/tenants/beatfm/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: #003365; 82 --brand-secondary: #2ea9d9; 83 --brand-dark: #00284e; 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: #27272a; 103 --brand-main: #003365; 104 --brand-secondary: #2ea9d9; 105 --brand-dark: #00284e; 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://beatfm.nl/build/assets/app-CBdtcaRl.css" /><link rel="preload" as="style" href="https://beatfm.nl/build/assets/app-BohhYLNy.css" /><link rel="modulepreload" as="script" href="https://beatfm.nl/build/assets/app-Bi0xsek7.js" /><link rel="stylesheet" href="https://beatfm.nl/build/assets/app-CBdtcaRl.css" data-navigate-track="reload" /><link rel="stylesheet" href="https://beatfm.nl/build/assets/app-BohhYLNy.css" data-navigate-track="reload" />
127<script type="module" src="https://beatfm.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": "BeatFM", 135 "url": "https://beatfm.nl", 136 "address": { 137 "@type": "PostalAddress", 138 "streetAddress": "De Spindel 6", 139 "addressLocality": "Heiloo", 140 "addressCountry": "Netherlands", 141 "postalCode": "1851 NR" 142 }, 143 "email": "[email protected]", 144 "logo": "https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948", 145 "sameAs": [ 146 "https://facebook.com/BeatFm1063", 147 "https://twitter.com/TheBigBeatFM", 148 "https://www.youtube.com/channel/UCDhzLQl2lGEJxAFWjH0x7nw", 149 "https://www.instagram.com/beatfmheiloo/?hl=en" 150 ] 151} 152 </script>
152 153 154
154<script> 155 // Dark mode bij eerste paginalaad toepassen op <html> 156 if (localStorage.getItem('dark-mode') === 'true') { 157 document.documentElement.classList.add('dark'); 158 } 159 160 window.__isDarkMode = localStorage.getItem('dark-mode') === 'true'; 161 </script>
161 162 163
163<script> 164 function initializePreprTracker() { 165 if (window.preprInitialized) { 166 return; 167 } 168 window.preprInitialized = true; 169 170 // De Prepr Tracking Code, nu in een functie 171 !function (e, t, p, r, n, a, s) { 172 e[r] || ((n = e[r] = function () { 173 n.process ? n.process.apply(n, arguments) : n.queue.push(arguments) 174 }).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)) 175 }(window, document, "script", "prepr"), prepr("init", "d5fa6d70885bd3f48df85f02bf8a761970235c29a7ad9fe52faa2f6321ee95a4"), prepr("event", "pageload"); 176 } 177 </script>
177 178 179 180
180<script> 181 initializePreprTracker(); 182 </script>
182 183 184 185 186
186<script async src="https://www.instagram.com/embed.js"></script>
186 187</head> 188 189<body 190 x-data="{ 191 isMobileMenuOpen: false, 192 isMobileView: false 193 }" 194 x-init="isMobileView = (window.innerWidth < 1024)" 195 @resize.window="isMobileView = (window.innerWidth < 1024)" 196 :class="{ 'overflow-hidden lg:overflow-auto': isMobileMenuOpen }" 197 :data-flyout-menu-open="isMobileMenuOpen" 198 :data-is-mobile-view="isMobileView" 199 @cookies-accepted.window="initializePreprTracker()" 200 class="font-roboto-condensed bg-surface-background text-text-main transition-colors duration-300" 201> 202 203 204 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=UA-39244144-17" 205 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 206<div id="fb-root"></div>
207<script async defer crossorigin="anonymous" src="https://connect.facebook.net/nl_NL/sdk.js#xfbml=1&version=v19.0" 208 nonce="GjV9R3sf"></script>
208 209 210<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)]"> 211 <div class="lg:container mx-auto px-6"> 212 <div class="flex items-center h-16 md:h-20"> 213 214 <a href="/" wire:navigate> 215 <img 216 :src="$store.ui?.darkMode ? 'https://beatfm.nl/tenants/beatfm/logo-dark.svg?v=1789721948' : 'https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948'" 217 src="https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948" 218 alt="Logo" 219 class="h-10 w-auto" 220 loading="eager" 221 > 222 </a> 223 224 225 <nav class="hidden lg:flex items-center space-x-8 ml-10 text-xl"> 226 <ul class="flex items-center justify-center space-x-1 xl:space-x-8 font-semibold text-text-secondary"> 227 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 228 229 <a 230 wire:navigate href="https://beatfm.nl/nieuws" 231 232 class="transition rounded-lg bg-surface-light-2 text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary flex items-center gap-x-1 cursor-pointer px-[13px] py-[6px]" 233> 234 Nieuws 235 <i class="fa-solid fa-chevron-down text-[11px]"></i> 236</a> 237 238 239 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 240 241 <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)]"> 242 <div class="p-1"> 243 <a 244 wire:navigate href="https://beatfm.nl/nieuws" 245 246 class="transition rounded-lg text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 247> 248 Nieuws 249</a> 250 <a 251 wire:navigate href="https://beatfm.nl/heiloo" 252 253 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 254> 255 Heiloo 256</a> 257 <a 258 wire:navigate href="https://beatfm.nl/regio" 259 260 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 261> 262 Regio 263</a> 264 <a 265 wire:navigate href="https://beatfm.nl/entertainment" 266 267 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 268> 269 Entertainment 270</a> 271 <a 272 wire:navigate href="https://beatfm.nl/agenda" 273 274 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 275> 276 Agenda 277</a> 278 </div> 279 </div> 280 </div> 281 </li> 282 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 283 284 <a 285 wire:navigate href="https://beatfm.nl/info" 286 287 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]" 288> 289 Info 290 <i class="fa-solid fa-chevron-down text-[11px]"></i> 291</a> 292 293 294 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 295 296 <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)]"> 297 <div class="p-1"> 298 <a 299 wire:navigate href="https://beatfm.nl/info" 300 301 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 302> 303 Info 304</a> 305 <a 306 wire:navigate href="https://beatfm.nl/theater" 307 308 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 309> 310 Theater 311</a> 312 <a 313 wire:navigate href="https://beatfm.nl/expositie" 314 315 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 316> 317 Expositie 318</a> 319 <a 320 wire:navigate href="https://beatfm.nl/film" 321 322 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 323> 324 Film 325</a> 326 <a 327 wire:navigate href="https://beatfm.nl/muziek" 328 329 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 330> 331 Muziek 332</a> 333 </div> 334 </div> 335 </div> 336 </li> 337 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 338 339 <a 340 wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist" 341 342 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]" 343> 344 Radio 345 <i class="fa-solid fa-chevron-down text-[11px]"></i> 346</a> 347 348 349 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 350 351 <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)]"> 352 <div class="p-1"> 353 <a 354 wire:navigate href="https://beatfm.nl/radio/gids" 355 356 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 357> 358 Radiogids 359</a> 360 <a 361 wire:navigate href="https://beatfm.nl/be-your-own-dj" 362 363 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 364> 365 Be your own DJ 366</a> 367 <a 368 wire:navigate href="https://beatfm.nl/muziek-beat" 369 370 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 371> 372 Muziek BE@T 373</a> 374 <a 375 wire:navigate href="https://beatfm.nl/jingles" 376 377 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 378> 379 Jingles 380</a> 381 <a 382 wire:navigate href="https://beatfm.nl/roadshow" 383 384 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 385> 386 Roadshow 387</a> 388 <a 389 wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist" 390 391 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 392> 393 Radio gemist 394</a> 395 </div> 396 </div> 397 </div> 398 </li> 399 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 400 401 <a 402 wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist" 403 404 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]" 405> 406 Televisie 407 <i class="fa-solid fa-chevron-down text-[11px]"></i> 408</a> 409 410 411 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 412 413 <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)]"> 414 <div class="p-1"> 415 <a 416 wire:navigate href="https://beatfm.nl/televisie/gids" 417 418 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 419> 420 Televisiegids 421</a> 422 <a 423 wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist" 424 425 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 426> 427 Televisie gemist 428</a> 429 </div> 430 </div> 431 </div> 432 </li> 433 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 434 435 <a 436 wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist" 437 438 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]" 439> 440 Gemist 441</a> 442 443 444 </li> 445 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 446 447 <a 448 wire:navigate href="https://beatfm.nl/a" 449 450 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]" 451> 452 Artiesten 453 <i class="fa-solid fa-chevron-down text-[11px]"></i> 454</a> 455 456 457 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 458 459 <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)]"> 460 <div class="p-1"> 461 <a 462 wire:navigate href="https://beatfm.nl/a" 463 464 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 465> 466 A 467</a> 468
468 <a 469 wire:navigate href="https://beatfm.nl/b" 470 471 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 472> 473 B 474</a> 475 <a 476 wire:navigate href="https://beatfm.nl/c" 477 478 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 479> 480 C 481</a> 482 <a 483 wire:navigate href="https://beatfm.nl/d" 484 485 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 486> 487 D 488</a> 489 <a 490 wire:navigate href="https://beatfm.nl/e" 491 492 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 493> 494 E 495</a> 496 <a 497 wire:navigate href="https://beatfm.nl/f" 498 499 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 500> 501 F 502</a> 503 <a 504 wire:navigate href="https://beatfm.nl/g" 505 506 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 507> 508 G 509</a> 510 <a 511 wire:navigate href="https://beatfm.nl/h" 512 513 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 514> 515 H 516</a> 517 <a 518 wire:navigate href="https://beatfm.nl/i" 519 520 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 521> 522 I 523</a> 524 <a 525 wire:navigate href="https://beatfm.nl/j" 526 527 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 528> 529 J 530</a> 531 <a 532 wire:navigate href="https://beatfm.nl/k" 533 534 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 535> 536 K 537</a> 538 <a 539 wire:navigate href="https://beatfm.nl/l" 540 541 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 542> 543 L 544</a> 545 <a 546 wire:navigate href="https://beatfm.nl/m" 547 548 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 549> 550 M 551</a> 552 <a 553 wire:navigate href="https://beatfm.nl/n" 554 555 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 556> 557 N 558</a> 559 <a 560 wire:navigate href="https://beatfm.nl/o" 561 562 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 563> 564 O 565</a> 566 <a 567 wire:navigate href="https://beatfm.nl/p" 568 569 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 570> 571 P 572</a> 573 <a 574 wire:navigate href="https://beatfm.nl/q" 575 576 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 577> 578 Q 579</a> 580 <a 581 wire:navigate href="https://beatfm.nl/r" 582 583 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 584> 585 R 586</a> 587 <a 588 wire:navigate href="https://beatfm.nl/s" 589 590 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 591> 592 S 593</a> 594 <a 595 wire:navigate href="https://beatfm.nl/t" 596 597 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 598> 599 T 600</a> 601 <a 602 wire:navigate href="https://beatfm.nl/u" 603 604 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 605> 606 U 607</a> 608 <a 609 wire:navigate href="https://beatfm.nl/v" 610 611 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 612> 613 V 614</a> 615 <a 616 wire:navigate href="https://beatfm.nl/w" 617 618 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 619> 620 W 621</a> 622 <a 623 wire:navigate href="https://beatfm.nl/nieuws" 624 625 class="transition rounded-lg text-brand-secondary hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 626> 627 X 628</a> 629 <a 630 wire:navigate href="https://beatfm.nl/y" 631 632 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 633> 634 Y 635</a> 636 <a 637 wire:navigate href="https://beatfm.nl/z" 638 639 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 640> 641 Z 642</a> 643 </div> 644 </div> 645 </div> 646 </li> 647 <li x-data="{ open: false }" @mouseenter="open = true" @mouseleave="open = false" class="relative"> 648 649 <a 650 wire:navigate href="https://beatfm.nl/beat" 651 652 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]" 653> 654 BEAT 655 <i class="fa-solid fa-chevron-down text-[11px]"></i> 656</a> 657 658 659 <div x-show="open" x-transition x-cloak class="absolute left-0 z-10 w-56 pt-1"> 660 661 <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)]"> 662 <div class="p-1"> 663 <a 664 wire:navigate href="https://beatfm.nl/beat/wij" 665 666 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 667> 668 Wij 669</a> 670 <a 671 wire:navigate href="https://beatfm.nl/beat/geschiedenis" 672 673 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 674> 675 Geschiedenis 676</a> 677 <a 678 wire:navigate href="https://beatfm.nl/beat/contact" 679 680 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 681> 682 Contact 683</a> 684 <a 685 wire:navigate href="https://beatfm.nl/beat/informatie" 686 687 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 688> 689 Informatie 690</a> 691 <a 692 wire:navigate href="https://beatfm.nl/beat/adverteren" 693 694 class="transition rounded-lg hover:bg-surface-light-2 hover:text-brand-secondary block px-3 py-2 text-lg" 695> 696 Adverteren 697</a> 698 </div> 699 </div> 700 </div> 701 </li> 702 </ul> 703 </nav> 704 705 706 <div class="flex items-center ml-auto space-x-2" 707 x-data="{ 708 storageKey: 'article-bookmarks-' + window.location.host, 709 bookmarkCount: 0, 710 init() { 711 this.syncCount(); 712 window.addEventListener('bookmark-toggled',
712() => this.syncCount()); 713 window.addEventListener('bookmarks-cleared', () => this.bookmarkCount = 0); 714 window.addEventListener('bookmark-removed', () => this.syncCount()); 715 }, 716 syncCount() { 717 const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]'); 718 this.bookmarkCount = ids.length; 719 }, 720 openDrawer() { 721 const ids = JSON.parse(localStorage.getItem(this.storageKey) || '[]'); 722 $dispatch('bookmarks-open', { ids }); 723 }, 724 }"> 725 726 <a wire:navigate href="https://beatfm.nl/zoeken" title="Zoeken" 727 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"> 728 <i class="fa-solid fa-search"></i> 729 </a> 730 731 732 <div wire:key="lw-1330329823-0-5-4-0" wire:snapshot="{"data":{"selectedTenants":[[],{"s":"arr"}],"tenantNavigation":[[],{"s":"arr"}]},"memo":{"id":"9ev5Zla6hfNN9rASSla2","name":"components.tenant-selector","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"03a3415d423ee03e3af70dfa41e33f3a9f039dc1533a2d5c2d774bbfa7bd9f24"}" wire:effects="[]" wire:id="9ev5Zla6hfNN9rASSla2" wire:name="components.tenant-selector"> 733 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 734 </div> 735 736 </div> 737 </div> 738</header> 739 740 741<div> 742 743 <main wire:key="lw-1662490603-15" wire:snapshot="{"data":{"pageData":[{"__typename":"Pagina","_id":"a797e951-7f89-48bb-b719-6a618a9ab547","_slug":"nieuws","title":"Nieuws","type":"overview","guide_id":null,"tags":[[[{"slug":"nieuws"},{"s":"arr"}]],{"s":"arr"}],"subtitle":null,"all_content":false,"limit":10,"seo":[{"title":"Nieuws","description":"Het nieuws uit Heiloo"},{"s":"arr"}]},{"s":"arr"}],"selectedRegions":[[],{"s":"arr"}],"hasMorePages":true,"page":1},"memo":{"id":"nzdLshvH1TrhKkWChXPB","name":"pages.overview","path":"nieuws","method":"GET","release":"a-a-a","attributes":{"slug":"nieuws","id":"a797e951-7f89-48bb-b719-6a618a9ab547"},"children":{"banner-category_top":["div","otrpiJIkEi6vRBgVva6p"],"banner-category_top_mobile":["div","JMGTtQjZvzmXw78voPZS"],"lw-71422695-2-1":["div","ZGkB7XpfncG3EweJDRFH"],"banner-category_middle":["div","zb2VpEtvElk21X2tk1EO"],"banner-category_middle_mobile":["div","SYhaHQddKP6KYOpX29s0"],"banner-category_bottom":["div","pzSR0TWn8BHHYZ838UTW"],"banner-category_bottom_mobile":["div","GZTc50rQ7PkkjrunjVla"],"banner-sidebar_top":["div","9b3pZWr6tpklzjNFEIKp"],"live-overview-component":["div","N4SHWZsQwmchu2EX3RJu"],"most-read-overview-component":["div","QfFV1TktkwxZIbpnz9C8"],"weather-overview-component":["div","0cRXWjDw4EO8Z9e16dAx"],"banner-sidebar_middle":["div","y68OK1wdzQQgGW4Gl53S"],"banner-sidebar_bottom":["div","f1cY4itHFyMZpS1TxDSU"],"banner-sidebar_bottom_4":["div","56PEvZx6Hvj53o8HsA0e"],"banner-sidebar_bottom_5":["div","n4z8bIc6Xsj1qzBlzwTw"]},"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"801da7095ebffa55433bcc256e6cee1ceaefabcad4d9136cb8bb2e7463c4e3e4"}" wire:effects="{"listeners":["regionsUpdated"]}" wire:id="nzdLshvH1TrhKkWChXPB" wire:name="pages.overview" class="lg:container px-4 w-full md:mx-auto md:px-6 mt-8"> 744 745 <section class="grid grid-cols-1 lg:grid-cols-2 gap-8 mb-14"> 746 <!--[if BLOCK]><![endif]--> <a 747 wire:navigate 748 href="https://beatfm.nl/nieuws/artikel/noord-holland-ziet-nog-steeda-kansen-in-waterstof" 749 data-prepr-item-id="5bfdb1cd-08c9-4a31-bc41-ffd98cb42d66" 750 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"> 751 752 <div class="relative group overflow-hidden"> 753 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 754 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/b61dfd26-5e76-4dde-b53f-3d71cf1c000d.jpg" 755 alt="Noord-Holland ziet nog steeds kansen voor waterstof" 756 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 757 <!--[if ENDBLOCK]><![endif]--> 758 <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/70"></div> 759 760 <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white"> 761 <div class="absolute top-0 flex flex-row gap-x-2"> 762 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 763 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 764 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 765 766 <!--[if BLOCK]><![endif]--> <h2 class="text-lg lg:text-[32px] font-bold line-clamp-2 leading-[normal] group-hover:underline"> 767 Noord-Holland ziet nog steeds kansen voor waterstof 768 </h2> 769 <!--[if ENDBLOCK]><![endif]--> </div> 770 </div> 771 <div class="p-6 flex-grow"> 772 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2"> 773 De provincie Noord-Holland ziet ondanks eerdere tegenvallers nog steeda kansen in het toepassen van waterstofoplossingen. 774 </p> 775 </div> 776</a> 777 <a 778 wire:navigate 779 href="https://beatfm.nl/nieuws/artikel/architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-video" 780 data-prepr-item-id="34a0dd89-e89f-4e2d-baf7-2ec052cfac58" 781 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"> 782 783 <div class="relative group overflow-hidden"> 784 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 785 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/3h4dgd6nblj0/w_728,h_400/roosmarijn-ten-hoopen-1.jpg" 786 alt="Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar [VIDEO]" 787 class="w-full h-[206px] md:h-[400px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 788 <!--[if ENDBLOCK]><![endif]--> 789 <div class="absolute inset-0 bg-gradient-to-t to-transparent from-black/70"></div> 790 791 <div class="absolute bottom-0 w-full px-6 pb-6 pt-10 text-white"> 792 <div class="absolute top-0 flex flex-row gap-x-2"> 793 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 794 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 795 <!--[if BLOCK]><![endif]-->
795 <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"> 796 <i class="fa-solid fa-video"></i> 797</span> 798 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 799 800 <!--[if BLOCK]><![endif]--> <h2 class="text-lg lg:text-[32px] font-bold line-clamp-2 leading-[normal] group-hover:underline"> 801 Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar [VIDEO] 802 </h2> 803 <!--[if ENDBLOCK]><![endif]--> </div> 804 </div> 805 <div class="p-6 flex-grow"> 806 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2"> 807 Een belangrijke inspiratiebron in het werk van Roosmarijn Ten Hoopen is architectuur en de manier waarop menselijke aanwezigheid daarin zichtbaar wordt. 808 </p> 809 </div> 810</a> 811 <!--[if ENDBLOCK]><![endif]--> </section> 812 813 <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6"> 814 <div class="space-y-3 lg:space-y-6 min-w-0"> 815 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 816 817 <!--[if BLOCK]><![endif]--> <section> 818 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 819 <!--[if BLOCK]><![endif]--> <a 820 wire:navigate 821 href="https://beatfm.nl/nieuws/artikel/fietser-botst-met-vrachtwagen-op-koelmaalaan-in-alkmaar-fotos" 822 data-prepr-item-id="cdae93d4-638d-4286-b1e8-467d9b873200" 823 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"> 824 825 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 826 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/1dcg4v0uspfb/w_728,h_400/alkmaar-koelmaalaan-fietser-botst-met-vrachtwagen-1.jpg" 827 alt="Fietser botst met vrachtwagen op Koelmalaan in Alkmaar [FOTO'S]" 828 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 829 <!--[if ENDBLOCK]><![endif]--> 830 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 831 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 832 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 833 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 834 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 835 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 836 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 837 </div> 838 839 <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"> 840 <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"> 841 Fietser botst met vrachtwagen op Koelmalaan in Alkmaar [FOTO'S] 842 </h3> 843 <p class="line-clamp-3 font-montserrat max-md:hidden"> 844 Rond tien voor half drie zijn er op de Koelmalaan in Alkmaar een vrachtwagen en een fietser met elkaar in botsing gekomen. 845 </p> 846 </div> 847</a> 848 <a 849 wire:navigate 850 href="https://beatfm.nl/nieuws/artikel/participatie-herinrichting-stationsplein-in-heiloo-voor-iedereen" 851 data-prepr-item-id="91d778ff-7b6b-43dd-8303-a5e8a3f59422" 852 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"> 853 854 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 855 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/272fb011-336f-4342-ae93-99ababd22c01.jpg"
856 alt="Participatie herinrichting Stationsplein in Heiloo voor iedereen" 857 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 858 <!--[if ENDBLOCK]><![endif]--> 859 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 860 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 861 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 862 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 863 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 864 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 865 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 866 </div> 867 868 <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"> 869 <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"> 870 Participatie herinrichting Stationsplein in Heiloo voor iedereen 871 </h3> 872 <p class="line-clamp-3 font-montserrat max-md:hidden"> 873 Tijdens de behandeling van de Kadernota in Heiloo hebben meerdere fracties aandacht gevraagd voor de herinrichting van het Stationsplein. 874 </p> 875 </div> 876</a> 877 <a 878 wire:navigate 879 href="https://beatfm.nl/nieuws/artikel/traditionele-kranslegging-voor-victorien-weer-in-victoriepark" 880 data-prepr-item-id="b51cd610-c83f-46f9-aab1-90284c380f83" 881 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"> 882 883 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 884 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/21913bed-9ab4-4471-8cd8-31fce6a38da5.jpg" 885 alt="Traditionele kranslegging voor Victorien weer in Victoriepark" 886 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 887 <!--[if ENDBLOCK]><![endif]--> 888 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 889 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 890 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 891 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 892 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 893 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 894 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 895 </div> 896 897 <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"> 898 <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"> 899 Traditionele kranslegging voor Victorien weer in Victoriepark 900 </h3> 901 <p class="line-clamp-3 font-montserrat max-md:hidden"> 902 Aan de vooravond van Alkmaar Ontzet wordt in het Victoriepark een korte voorstelling opgevoerd door leerlingen van de Adelbertusschool met medewerking van het Trompetterkorps Alkmaar. 903 </p> 904 </div> 905</a> 906 <a 907 wire:navigate 908 href="https://beatfm.nl/nieuws/artikel/alkmaar-wil-duidelijkheid-over-stikstofsituatie-in-eilandspolder" 909 data-prepr-item-id="2d357cb4-5197-4323-908a-67293cdb0858" 910 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"> 911 912 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 913 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/310gx3nw6d34-schapen-in-weiland-10.jpg" 914 alt="Alkmaar wil duidelijkheid van provincie over stikstofsituatie in Eilandspolder" 915 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 916 <!--[if ENDBLOCK]><![endif]--> 917 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 918 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 919 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 920 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 921 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 922 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 923 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 924 </div> 925 926 <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"> 927 <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"> 928 Alkmaar wil duidelijkheid van provincie over stikstofsituatie in Eilandspolder 929 </h3> 930 <p class="line-clamp-3 font-montserrat max-md:hidden"> 931 Op 26 juni 2026 heeft het kabinet het maatregelenpakket âWeer ruimte voor boer, natuur en bouwâ gepresenteerd. 932 </p> 933 </div> 934</a> 935 <a 936 wire:navigate 937 href="https://beatfm.nl/nieuws/artikel/oratoriumkoor-brengt-meesterwerken-van-mozart-naar-heiloo" 938 data-prepr-item-id="8cb774db-59e4-49e8-a876-7ef986319d67" 939 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"> 940 941 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 942 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/5dzrymap51m-oratoriumkoor-heiloo-cultuurkoepel-3.jpg" 943 alt="Oratoriumkoor brengt meesterwerken van Mozart naar Heiloo" 944 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 945 <!--[if ENDBLOCK]><![endif]--> 946 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 947 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 948 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 949 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 950 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 951 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 952 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 953 </div> 954 955 <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"> 956 <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"> 957 Oratoriumkoor brengt meesterwerken van Mozart naar Heiloo 958 </h3> 959 <p class="line-clamp-3 font-montserrat max-md:hidden"> 960 Beleef een bijzondere muzikale avond met het Oratoriumkoor Heiloo op zaterdag 31 oktober in de Cultuurkoepel Heiloo. 961 </p> 962 </div> 963</a> 964 <a 965 wire:navigate 966 href="https://beatfm.nl/nieuws/artikel/laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-fotos-video" 967 data-prepr-item-id="0540153e-7205-4448-af30-2a6fb9c14a21" 968 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"> 969 970 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 971 <!--[if BLOCK]><![endif]-->
971 <img src="https://195j60ch0d7d.b-cdn.net/75d36w1esmx7/w_728,h_400/alkmaar-paardenmarkt-platenbeurs-2026-4.jpg" 972 alt="Laatste platenbeurs van het jaar in Alkmaar in open lucht op Paardenmarkt [FOTO'S & VIDEO]" 973 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 974 <!--[if ENDBLOCK]><![endif]--> 975 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 976 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 977 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 978 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 979 <!--[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"> 980 <i class="fa-solid fa-video"></i> 981</span> 982 <!--[if ENDBLOCK]><![endif]--> 983 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 984 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 985 </div> 986 987 <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"> 988 <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"> 989 Laatste platenbeurs van het jaar in Alkmaar in open lucht op Paardenmarkt [FOTO'S & VIDEO] 990 </h3> 991 <p class="line-clamp-3 font-montserrat max-md:hidden"> 992 Op de Paardenmarkt in Alkmaar was zondag de laatste platenbeurs van het jaar in de open lucht. 993 </p> 994 </div> 995</a> 996 <!--[if ENDBLOCK]><![endif]--> </div> 997 </section> 998 999 1000 <div class="hidden lg:block"> 1001 <div wire:key="banner-category_top" wire:snapshot="{"data":{"placeId":"category_top","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"otrpiJIkEi6vRBgVva6p","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"5a3c446d0a6a5a56d8185788360ec281212f6f7aeb1d34b951fa371a5cfe89c4"}" wire:effects="[]" wire:id="otrpiJIkEi6vRBgVva6p" wire:name="components.banner"> 1002<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1003 1004 </div> 1005 <div class="lg:hidden"> 1006 <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":"JMGTtQjZvzmXw78voPZS","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"e56203b8612ce00c59b2ec3cbbf94202679524a0017deaff91726847316cd8a6"}" wire:effects="[]" wire:id="JMGTtQjZvzmXw78voPZS" wire:name="components.banner"> 1007<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1008 1009 </div> 1010 <!--[if ENDBLOCK]><![endif]--> 1011 1012 1013 <div wire:key="lw-71422695-2-1" wire:snapshot="{"data":[],"memo":{"id":"ZGkB7XpfncG3EweJDRFH","name":"components.video-overview","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"b0fa26531b144d2c94aaee6bacf0d9af5f82b27001f1b5111f5b6c383f379f24"}" wire:effects="[]" wire:id="ZGkB7XpfncG3EweJDRFH" wire:name="components.video-overview" x-data="{ 1014 ...videoModalComponent(JSON.parse('[{\u0022title\u0022:\u0022Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar (24 september 2026)\u0022,\u0022short_title\u0022:\u0022Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar (24 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1gn59xkjttxb-architectuur-roosmarijn-ten-hoopen-in-grafisch-atelier-alkmaar-24-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:06\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Architectuur Roosmarijn Ten Hoopen in Grafisch Atelier Alkmaar (24 september 2026)\u0022},{\u0022title\u0022:\u0022Laatste platenbeurs van het jaar in Alkmaar in open lucht pp Paardenmarkt (23 september 2026)\u0022,\u0022short_title\u0022:\u0022Laatste platenbeurs van het jaar in Alkmaar in open lucht pp de Paardenmarkt (22 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2emsqd0w4o9m-laatste-platenbeurs-van-het-jaar-in-alkmaar-in-open-lucht-22-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:27\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Laatste platenbeurs van het jaar in Alkmaar in open lucht pp de Paardenmarkt (22 september 2026)\u0022},{\u0022title\u0022:\u0022Machine in brand in bedrijfspand in Oudkarspel (22 september 2026)\u0022,\u0022short_title\u0022:\u0022Machine in brand in bedrijfspand in Oudkarspel (22 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/462tgmwhdwpz-machine-in-brand-in-bedrijfspand-in-oudkarspel-22-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:40\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Machine in brand in bedrijfspand in Oudkarspel (22 september 2026)\u0022},{\u0022title\u0022:\u0022Verzamelaars en liefhebbers naar munten- en postzegelbeurs (21 september 2026)\u0022,\u0022short_title\u0022:\u0022Verzamelaars en liefhebbers naar munten- en postzegelbeurs (21 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1lf9f2pnhvab-verzamelaars-en-liefhebbers-naar-munten-en-postzegelbeurs-21-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:55\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Verzamelaars en liefhebbers naar munten- en postzegelbeurs (21 september 2026)\u0022},{\u0022title\u0022:\u0022Demolition Day in PEN-dorp in Alkmaar niet alleen slopen, maar ook nieuw begin (26 september 2026)\u0022,\u0022short_title\u0022:\u0022Demolition Day in PEN-dorp niet alleen slopen, maar ook nieuw begin (26 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7afheg5r9ins-demolition-day-in-pen-dorp-niet-alleen-slopen-maar-ook-nieuw-begin-20-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:22\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Demolition Day in PEN-dorp niet alleen slopen, maar ook nieuw begin (26 september 2026)\u0022},{\u0022title\u0022:\u0022Totaal installatie Jacqueline Kooter \\u0026 Tara-Eva Kuijpers Wentink in Kunstuitleen Alkmaar (19 september 2026)\u0022,\u0022short_title\u0022:\u0022Totaal installatie Jacqueline Kooter \\u0026 Tara-Eva Kuijpers Wentink in Kunstuitleen Alkmaar (19 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6j20xsopo4vd-kunstinstallatie-dwaalland-jacqueline-kooter-tara-eva-kuijpers-wentink-in-kunstuitleen-19-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:57\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Totaal installatie Jacqueline Kooter \\u0026 Tara-Eva Kuijpers Wentink in Kunstuitleen Alkmaar (19 september 2026)\u0022},{\u0022title\u0022:\u0022Bibliotheek Heiloo brengt werken Eerlijk \\u0026 Werelds en Heidi Schepers (17 september 2026)\u0022,\u0022short_title\u0022:\u0022Bibliotheek Heiloo brengt werke Eerlijk \\u0026 Werelds en Heidi Schepers (17 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/60aysuvyfu20-bibliotheek-heiloo-brengt-werke-eerlijk-werelds-en-heidi-schepers-17-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:00\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Bibliotheek Heiloo brengt werke Eerlijk \\u0026 Werelds en Heidi Schepers (17 september 2026)\u0022},{\u0022title\u0022:\u0022Wandkleed Draden Nederlandse slavernijverleden in Alkmaar af (16 september 2026)\u0022,\u0022short_title\u0022:\u0022Wandkleed Draden Nederlandse slavernijverleden in Alkmaar af (16 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2fgnu9zm14x4-wandkleed-draden-nederlandse-slavernijverleden-in-alkmaar-af-16-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:09\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Wandkleed Draden Nederlandse slavernijverleden in Alkmaar af (16 september 2026)\u0022},{\u0022title\u0022:\u0022Reizende fototentoonstelling Onderweg te zien in Mare Nostrum in Alkmaar (15 september 2026)\u0022,\u0022short_title\u0022:\u0022Reizende fototentoonstelling Onderweg te zien in Mare Nostrum in Alkmaar (14 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6s97judfg0fh-reizende-fototentoonstelling-onderweg-te-zien-in-mare-nostrum-in-alkmaar-15-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002204:17\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Reizende fototentoonstelling Onderweg te zien in Mare Nostrum in Alkmaar (14 september 2026)\u0022},{\u0022title\u0022:\u0022Drukte tijdens Open Monumentendag Grote Kerk in Alkmaar (14 september 2026)\u0022,\u0022short_title\u0022:\u0022Drukte tijdens Open Monumentendag Grote Kerk in Alkmaar (14 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/34xbm9z2hpgl-drukte-tijdens-open-monumentendag-grote-kerk-in-alkmaar-14-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:14\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Drukte tijdens Open Monumentendag Grote Kerk in Alkmaar (14 september 2026)\u0022},{\u0022title\u0022:\u0022Obstacle Run weer magneet voor sportievelingen uit de wijde omgeving (14 september 2026)\u0022,\u0022short_title\u0022:\u0022Obstacle Run weer magneet voor sportievelingen uit de wijde omgeving (14 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/6q51d9191okr-obstacle-run-weer-magneet-voor-sportievelingen-uit-de-wijde-omgeving-14-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:13\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Obstacle Run weer magneet voor sportievelingen uit de wijde omgeving (14 september 2026)\u0022},{\u0022title\u0022:\u0022Kunstroute voert door heel Sint Pancras (13 september 2026)\u0022,\u0022short_title\u0022:\u0022Kunstroute te zien door heel Sint Pancras (13 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/351ffl4nv83s-kunstroute-te-zien-door-heel-sint-pancras-13-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:17\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Kunstroute te zien door heel Sint Pancras (13 september 2026)\u0022},{\u0022title\u0022:\u0022Open Monumentendag in Alkmaar met middeleeuws kampement en zwaardvechten bij De Nieuwburg [FOTO\\u0027S \\u0026 VIDEO]\u0022,\u0022short_title\u0022:\u0022Open Monumentendag in Alkmaar met middeleeuws kampement en zwaardvechten bij De Nieuwburg [FOTO\\u0027S \\u0026 VIDEO]\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/22du4ng0bwwv-open-monumentendag-in-alkmaar-met-middeleeuws-kampement-en-zwaarvechten-bij-de-nieuwburg-13-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:51\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Open Monumentendag in Alkmaar met middeleeuws kampement en zwaardvechten bij De Nieuwburg [FOTO\\u0027S \\u0026 VIDEO]\u0022},{\u0022title\u0022:\u0022Kanaalkade bij Kaarsemakersgracht afgesloten tijdens laatste werkzaamheden (12 september 2026)\u0022,\u0022short_title\u0022:\u0022Kanaalkade bij Kaarsemakersgracht afgesloten tijdens laatste werkzaamheden (12 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1crnuj0ekv7v-kanaalkade-bij-kaarsemakersgracht-afgesloten-tijdens-laatste-werkzaamheden-12-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:47\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Kanaalkade bij Kaarsemakersgracht afgesloten tijdens laatste werkzaamheden (12 september 2026)\u0022},{\u0022title\u0022:\u0022De Vest in Alkmaar brengt Speelkwartier previews nieuwe theaterseizoen (12 september 2026)\u0022,\u0022short_title\u0022:\u0022De Vest in Alkmaar brengt Speelkwartier previews nieuwe theaterseizoen (12 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3ehs22b857wc-de-vest-in-alkmaar-brengt-speelkwartier-previews-nieuwe-theaterseizoen-12-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002202:58\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022De Vest in Alkmaar brengt Speelkwartier previews nieuwe theaterseizoen (12 september 2026)\u0022},{\u0022title\u0022:\u0022Startsein gegeven voor renovatie en verduurzaming van zwembad Het Baafje (10 september 2026)\u0022,\u0022short_title\u0022:\u0022Startsein gegeven voor renovatie en verduurzaming van zwembad Het Baafje (10 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filter
1014installatie-het-baafje-10-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/27bpmxvjqdwz-startsein-slopen-filterinstallatie-het-baafje-10-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002203:45\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Startsein gegeven voor renovatie en verduurzaming van zwembad Het Baafje (10 september 2026)\u0022},{\u0022title\u0022:\u0022Verkeersoverlast Kanaalkade door wegwerkzaamheden (9 september 2026)\u0022,\u0022short_title\u0022:\u0022Verkeersoverlast Kanaalkade door wegwerkzaamheden (9 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/164igxufuf86-verkeersoverlast-kanaalkade-door-wegwerkzaamheden-9-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:37\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Verkeersoverlast Kanaalkade door wegwerkzaamheden (9 september 2026)\u0022},{\u0022title\u0022:\u0022Kinderen en ouders ontspannen zich tijdens Familiefestival in de Alkmaarderhout (8 september 2026)\u0022,\u0022short_title\u0022:\u0022Kinderen en ouders ontspannen zich tijdens Familiefestival in de Alkmaarderhout (8 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2tk9ur8mphgq-kinderen-en-ouders-ontspannen-zich-tijdens-familiefestival-in-de-hout-8-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:03\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1014,\u0022display_title\u0022:\u0022Kinderen en ouders ontspannen zich tijdens Familiefestival in de Alkmaarderhout (8 september 2026)\u0022},{\u0022title\u0022:\u0022HSV Heiloo in eerste bekerwedstrijd gelijk tegen Always Forward (7 september 2026)\u0022,\u0022short_title\u0022:\u0022HSV Heiloo in eerste bekerwedstrijd gelijk tegen Always Forward (7 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/3rlqvyiqi583-hsv-always-forward-beker_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/3rlqvyiqi583-hsv-always-forward-beker_360.mp4\u0022,\u0022duration\u0022:\u002203:22\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022HSV Heiloo in eerste bekerwedstrijd gelijk tegen Always Forward (7 september 2026)\u0022},{\u0022title\u0022:\u0022Veel meezingers tijdens Popweekend Alkmaar (7 september 2026)\u0022,\u0022short_title\u0022:\u0022Veel meezingers tijdens Popweekend Alkmaar (7 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/74pg3vv620qz-veel-meezingers-tijdens-popweekend-alkmaar-7-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002205:37\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Veel meezingers tijdens Popweekend Alkmaar (7 september 2026)\u0022}]')) 1015}" > 1016 1017 <section> 1018 <div class="border-y border-button-border py-6 relative"> 1019 <div class="flex items-center justify-between text-text-main mb-6"> 1020 <h2 class="font-bold text-xl">Kijken</h2> 1021 <div class="flex items-center space-x-2.5"> 1022 <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> 1023 <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> 1024 </div> 1025 </div> 1026 <div class="relative"> 1027 <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style> 1028 <div x-ref="scrollContainer" 1029 class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6" 1030 style="scrollbar-width: none; -ms-overflow-style: none;" 1031 onwheel="this.scrollLeft += event.deltaY"> 1032 <template x-for="(video, index) in videos" :key="index"> 1033 <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer" 1034 :class="{
1035 '!w-[511px]': video.broadcast.width >= video.broadcast.height, 1036 '!w-[162px]': video.broadcast.width < video.broadcast.height 1037 }" 1038 @click="openModal(index)"> 1039 <div class="flex flex-col overflow-hidden"> 1040 <div 1041 class="w-full relative h-72 mb-3" 1042 :class="{ 1043 'aspect-video': video.broadcast.width >= video.broadcast.height, 1044 'aspect-[9/16]': video.broadcast.width < video.broadcast.height 1045 }" 1046 > 1047 <img 1048 :src="video.broadcast.coverThumbUrl" 1049 alt="" 1050 class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90" 1051 /> 1052 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center"> 1053 <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> 1054 <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span> 1055 </div> 1056 </div> 1057 <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p> 1058 </div> 1059 </div> 1060 </template> 1061 </div> 1062 <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> 1063 </div> 1064 </div> 1065 </section> 1066 1067 1068 <div 1069 x-show="modalOpen" 1070 x-transition.opacity 1071 x-on:keydown.window.escape.prevent="modalOpen && closeModal()" 1072 x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)" 1073 x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)" 1074 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" 1075 style="display: none;" 1076 x-cloak 1077 role="dialog" 1078 aria-modal="true" 1079 > 1080 <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div> 1081 1082 <button 1083 type="button" 1084 x-on:click="closeModal()" 1085 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" 1086 aria-label="Sluiten" 1087 > 1088 <i class="fa-solid fa-close text-sm"></i> 1089 </button> 1090 1091 <div 1092 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" 1093 :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'" 1094 > 1095 <template x-if="activeVideo"> 1096 <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0"> 1097 1098 <div 1099 x-show="!isPlayerReady" 1100 x-transition.opacity 1101 class="absolute inset-0 z-30 flex items-center justify-center" 1102 > 1103 <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div> 1104 </div> 1105 1106 <div 1107 x-show="isPlayerReady" 1108 x-transition.opacity 1109 class="flex min-h-0 w-full flex-col items-center gap-[16px]" 1110 > 1111 <h2 1112 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]" 1113 x-text="activeVideo.display_title" 1114 ></h2> 1115 1116 <template x-if="videos.length > 1 && activeVideoIndex > 0"> 1117 <button 1118 type="button" 1119 x-on:click="prevVideo($event)" 1120 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" 1121 aria-label="Vorige video" 1122 > 1123 <i class="fa-solid fa-chevron-left text-xs"></i> 1124 </button> 1125 </template> 1126 <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1"> 1127 <button 1128 type="button" 1129 x-on:click="nextVideo($event)" 1130 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" 1131 aria-label="Volgende video" 1132 > 1133 <i class="fa-solid fa-chevron-right text-xs"></i> 1134 </button> 1135 </template> 1136 1137 <div class="js-modal-card-container relative w-full min-w-0 max-w-full"> 1138 <div class="relative overflow-hidden rounded-xl"> 1139 <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> 1140 1141 <template x-if="videos.length > 1 && activeVideoIndex > 0"> 1142 <button 1143 type="button" 1144 x-on:click="prevVideo($event)" 1145 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" 1146 aria-label="Vorige video" 1147 > 1148 <i class="fa-solid fa-chevron-left text-xs"></i> 1149 </button> 1150 </template> 1151 <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1"> 1152 <button 1153 type="button" 1154 x-on:click="nextVideo($event)" 1155 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" 1156 aria-label="Volgende video" 1157 > 1158 <i class="fa-solid fa-chevron-right text-xs"></i> 1159 </button> 1160 </template> 1161 </div> 1162 </div> 1163 1164 <template x-if="videos.length > 1"> 1165 <div 1166 class="pointer-events-none flex w-full justify-center" 1167 role="group" 1168 aria-label="Fotonavigatie" 1169 >
1170 <span 1171 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]" 1172 role="status" 1173 x-text="(activeVideoIndex + 1) + ' / ' + videos.length" 1174 ></span> 1175 </div> 1176 </template> 1177 </div> 1178 </div> 1179 </template> 1180 </div> 1181 </div> 1182</div> 1183 1184 1185 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <section wire:key="group-extra-0"> 1186 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1187 <!--[if BLOCK]><![endif]--> <a 1188 wire:navigate 1189 href="https://beatfm.nl/nieuws/artikel/door-spoorvernieuwing-begin-oktober-geen-treinen-tussen-alkmaar-en-hoorn" 1190 data-prepr-item-id="b43d853a-9af7-48f4-8901-81f8778ad8bd" 1191 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"> 1192 1193 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1194 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/2z7vy4ov48rz/w_728,h_400/onderhoud-spoor-heiloo-vanwege-geluidsoverlast-6.jpg" 1195 alt="Door spoorvernieuwing begin oktober geen treinen tussen Alkmaar en Hoorn" 1196 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1197 <!--[if ENDBLOCK]><![endif]--> 1198 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1199 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1200 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1201 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1202 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1203 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1204 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1205 </div> 1206 1207 <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"> 1208 <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"> 1209 Door spoorvernieuwing begin oktober geen treinen tussen Alkmaar en Hoorn 1210 </h3> 1211 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1212 In Hoorn, Heerhugowaard, Obdam, Zuidermeer, Berkhout en Spierdijk vinden binnenkort spoorwerkzaamheden plaats. 1213 </p> 1214 </div> 1215</a> 1216 <a 1217 wire:navigate 1218 href="https://beatfm.nl/nieuws/artikel/asielopvang-in-alkmaar-in-samenhang-met-realisatie-woonplekken-jongeren-en-spoedzoekers" 1219 data-prepr-item-id="30caec12-3679-420c-bb69-fe0f0f14cf49" 1220 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"> 1221 1222 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1223 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/4xmtajri3xgt/w_728,h_400/alkmaar-robonsbosweg-asielzokerscentrum-20.jpg" 1224 alt="Asielopvang in Alkmaar in samenhang met realisatie woonplekken jongeren en spoedzoekers" 1225 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1226 <!--[if ENDBLOCK]><![endif]--> 1227 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1228 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1229 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1230 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1231 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1232 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1233 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1234 </div> 1235 1236 <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"> 1237 <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"> 1238 Asielopvang in Alkmaar in samenhang met realisatie woonplekken jongeren en spoedzoekers 1239 </h3> 1240 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1241 Wat betreft de uitvoering van de Spreidingswet volgens het Nieuw Alkmaars Perspectief was het onduidelijk in hoeverre er sprake is van een resultaatsverplichting ten aanzien van de realisatie van woonplekken voor jongeren en spoedzoekers. 1242 </p> 1243 </div> 1244</a> 1245 <a 1246 wire:navigate 1247 href="https://beatfm.nl/nieuws/artikel/aostaa" 1248 data-prepr-item-id="08098803-00dd-4f0a-971f-94db194d60e7" 1249 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"> 1250 1251 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1252 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/3y4tiipmxtmk/w_728,h_400/img-7220.jpg" 1253 alt="Fietser buiten bewustzijn na val op Aostastraat in Heiloo [FOTO'S]" 1254 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1255 <!--[if ENDBLOCK]><![endif]--> 1256 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1257 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1258 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1259 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1260 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1261 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1262 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1263 </div> 1264 1265 <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"> 1266 <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"> 1267 Fietser buiten bewustzijn na val op Aostastraat in Heiloo [FOTO'S] 1268 </h3> 1269 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1270 Woensdagmorgen rond tien voor acht vond er een ongeval met letsel plaats op de Aostastraat in Heiloo. 1271 </p> 1272 </div> 1273</a> 1274 <!--[if ENDBLOCK]><![endif]--> </div> 1275 </section> 1276 <!--[if ENDBLOCK]><![endif]--> 1277 1278 <!--[if BLOCK]><![endif]--> <div class="hidden lg:block"> 1279 <div wire:key="banner-category_middle" wire:snapsh
1279ot="{"data":{"placeId":"category_middle","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"zb2VpEtvElk21X2tk1EO","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"94a84e082800516eda64b4fe4b6dcb8ea05b7546bee6c619e19399c3298ac1be"}" wire:effects="[]" wire:id="zb2VpEtvElk21X2tk1EO" wire:name="components.banner"> 1280<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1281 1282 </div> 1283 <div class="lg:hidden"> 1284 <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":"SYhaHQddKP6KYOpX29s0","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"57364f2be179817d1dd8b45d4ce2f4aeaae9d82755866d37296f589dc0ddf3bb"}" wire:effects="[]" wire:id="SYhaHQddKP6KYOpX29s0" wire:name="components.banner"> 1285<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1286 1287 </div> 1288 <!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <section wire:key="group-extra-1"> 1289 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1290 <!--[if BLOCK]><![endif]--> <a 1291 wire:navigate 1292 href="https://beatfm.nl/nieuws/artikel/alkmaar-verschaft-inzicht-in-totstandkoming-canonherziening-van-erfpachtrechten" 1293 data-prepr-item-id="10b5ffd4-88f1-4813-a813-01590bd72a57" 1294 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"> 1295 1296 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1297 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/175bhbb0i4ro-alkmaar-kortenaerkade-1.jpg" 1298 alt="Alkmaar verschaft inzicht in totstandkoming canonherziening van erfpachtrechten" 1299 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1300 <!--[if ENDBLOCK]><![endif]--> 1301 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1302 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1303 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1304 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1305 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1306 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1307 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1308 </div> 1309 1310 <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"> 1311 <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"> 1312 Alkmaar verschaft inzicht in totstandkoming canonherziening van erfpachtrechten 1313 </h3> 1314 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1315 De gemeente Alkmaar heeft inzicht verschaft in de totstandkoming van het besluit tot canonherziening ten behoeve van de erfpachtrechten. 1316 </p> 1317 </div> 1318</a> 1319 <a 1320 wire:navigate 1321 href="https://beatfm.nl/nieuws/artikel/ook-teveel-pfas-in-kraanwater-in-heiloo-en-alkmaar" 1322 data-prepr-item-id="27cc40b5-94aa-4840-8cd8-69c08fe2e91b" 1323 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"> 1324 1325 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1326 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/27tez3nq858k/w_728,h_400/pwn-bus-water.jpg" 1327 alt="Ook teveel PFAS in kraanwater in Heiloo en Alkmaar" 1328 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1329 <!--[if ENDBLOCK]><![endif]--> 1330 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1331 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1332 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1333 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1334 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1335 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1336 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1337 </div> 1338 1339 <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"> 1340 <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"> 1341 Ook teveel PFAS in kraanwater in Heiloo en Alkmaar 1342 </h3> 1343 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1344 Het kraanwater in de gemeenten Heiloo en Alkmaar bevat meer PFAS dan volgens het RIVM gezond is. 1345 </p> 1346 </div> 1347</a> 1348 <a 1349 wire:navigate 1350 href="https://beatfm.nl/nieuws/artikel/bert-visscher-viert-65e-verjaardag-in-de-cultuurkoepel-in-heiloo" 1351 data-prepr-item-id="470c9dee-9c27-46fd-8233-1e068f994611" 1352 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"> 1353 1354 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1355 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/2zl
1355c5ke0blew-cultuurkoepel-publiek-3.jpg" 1356 alt="Bert Visscher viert 65e verjaardag in de Cultuurkoepel in Heiloo" 1357 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1358 <!--[if ENDBLOCK]><![endif]--> 1359 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1360 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1361 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1362 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1363 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1364 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1365 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1366 </div> 1367 1368 <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"> 1369 <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"> 1370 Bert Visscher viert 65e verjaardag in de Cultuurkoepel in Heiloo 1371 </h3> 1372 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1373 Bert Visscher is 65 geworden en dat laat hij natuurlijk niet stilletjes voorbijgaan. 1374 </p> 1375 </div> 1376</a> 1377 <!--[if ENDBLOCK]><![endif]--> </div> 1378 </section> 1379 <!--[if ENDBLOCK]><![endif]--> 1380 1381 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <section wire:key="group-extra-2"> 1382 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1383 <!--[if BLOCK]><![endif]--> <a 1384 wire:navigate 1385 href="https://beatfm.nl/nieuws/artikel/zes-schaatsters-van-deen-figure-skatinguit-alkmaar-succesvol-in-actie-tijdens-international-skate-dordrecht" 1386 data-prepr-item-id="3703b422-1bf5-418c-8919-cdd192fb20a5" 1387 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"> 1388 1389 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1390 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/2i19mvaziet8-kunstschaatsen-10.jpg" 1391 alt="Zes schaatssters van Deen Figure Skating uit Alkmaar in actie tijdens International Skate Dordrecht" 1392 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1393 <!--[if ENDBLOCK]><![endif]--> 1394 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1395 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1396 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1397 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1398 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1399 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1400 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1401 </div> 1402 1403 <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"> 1404 <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">
1405 Zes schaatssters van Deen Figure Skating uit Alkmaar in actie tijdens International Skate Dordrecht 1406 </h3> 1407 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1408 Afgelopen weekend vond de vierde editie van International Skate Dordrecht plaats. 1409 </p> 1410 </div> 1411</a> 1412 <a 1413 wire:navigate 1414 href="https://beatfm.nl/nieuws/artikel/traditionele-vlettenroeiwedstrijd-op-zaterdag-3-oktober-video" 1415 data-prepr-item-id="44d65062-d6b6-4cd2-9818-4ecf781b5c8f" 1416 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"> 1417 1418 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1419 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/362nbx4ms7zr-alkmaar-vlettenwedstrijden-2024-2.jpg" 1420 alt="Traditionele vlettenroeiwedstrijd op zaterdag 3 oktober [VIDEO]" 1421 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1422 <!--[if ENDBLOCK]><![endif]--> 1423 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1424 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1425 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1426 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1427 <!--[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"> 1428 <i class="fa-solid fa-video"></i> 1429</span> 1430 <!--[if ENDBLOCK]><![endif]--> 1431 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1432 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1433 </div> 1434 1435 <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"> 1436 <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"> 1437 Traditionele vlettenroeiwedstrijd op zaterdag 3 oktober [VIDEO] 1438 </h3> 1439 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1440 Sinds 1985 wordt traditiegetrouw de zaterdag voor Alkmaar Ontzet de vlettenroeiwedstrijd op het Noordhollandsch Kanaal georganiseerd. In stalen vletten roeien per heat twee ploegen tegen elkaar een vast traject. 1441 </p> 1442 </div> 1443</a> 1444 <a 1445 wire:navigate 1446 href="https://beatfm.nl/nieuws/artikel/automobilist-onwel-en-belandt-in-berm-bij-oprit-n9-schoorl-fotos" 1447 data-prepr-item-id="f05bc874-8b7c-4241-b31a-bf76759b992e" 1448 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"> 1449 1450 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1451 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/79rcleaybbbp/w_728,h_400/schoorl-n9-automobilist-onwel-2.jpg" 1452 alt="Automobilist onwel en belandt in berm bij oprit N9 Schoorl [FOTO'S]" 1453 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1454 <!--[if ENDBLOCK]><![endif]--> 1455 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1456 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1457 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1458 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1459 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1460 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1461 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1462 </div> 1463 1464 <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"> 1465 <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"> 1466 Automobilist onwel en belandt in berm bij oprit N9 Schoorl [FOTO'S] 1467 </h3> 1468 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1469 Een automobilist is dinsdagochtend rond 09.50 uur met zijn auto van de weg geraakt bij de oprit naar de N9 bij Schoorl. 1470 </p> 1471 </div> 1472</a> 1473 <a 1474 wire:navigate 1475 href="https://beatfm.nl/nieuws/artikel/heiloo-verzoekt-landbouworganisaties-kavb-en-lto-te-stoppen-met-het-gebruik-van-glyfosaat" 1476 data-prepr-item-id="7a11ee9b-ca0e-428d-8b43-d66eed5f5547" 1477 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"> 1478 1479 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1480 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/5ckq0f8suqdb-az-stadion-weiland-koeien-1.jpg" 1481 alt="Heiloo verzoekt landbouworganisaties KAVB en LTO te stoppen met het gebruik van glyfosaat" 1482 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1483 <!--[if ENDBLOCK]><![endif]--> 1484 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1485 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1486 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1487 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1488 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1489 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1490 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1491 </div> 1492 1493 <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"> 1494 <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"> 1495 Heiloo verzoekt landbouworganisaties KAVB en LTO te stoppen met het gebruik van glyfosaat 1496 </h3> 1497 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1498 De gemeente Heiloo heeft landbouworganisaties KAVB en LTO verzocht te stoppen met het gebruik van glyfosaat 1499 </p> 1500 </div> 1501</a> 1502 <a 1503 wire:navigate 1504 href="https://beatfm.nl/nieuws/artikel/nederlandse-singer-songwriter-dotan-naar-alkmaar" 1505 data-prepr-item-id="ead0e1be-6021-4f0b-8f1f-0e108daaf3d7" 1506 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"> 1507 1508 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1509 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/247hdsxo7k7f-dotan-2.jpg" 1510 alt="Nederlandse singer-songwriter Dotan naar Alkmaar" 1511 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1512 <!--[if ENDBLOCK]><![endif]--> 1513 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1514 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1515 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1516 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1517 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1518 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1519 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1520 </div> 1521 1522 <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"> 1523 <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"> 1524 Nederlandse singer-songwriter Dotan naar Alkmaar 1525 </h3> 1526 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1527 Woensdag 21 oktober komt de Nederlandse singer-songwriter Dotan naar Alkmaar. 1528 </p> 1529 </div> 1530</a> 1531 <a 1532 wire:navigate 1533 href="https://beatfm.nl/nieuws/artikel/machine-in-brand-in-bedrijfspand-in-oudkarspel-fotos-video" 1534 data-prepr-item-id="596a8b94-b3c5-4562-99bf-c2c9520c500e" 1535 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"> 1536 1537 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1538 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/2ep3bnqwbl8w/w_728,h_400/oudkarspel-machine-in-brand-in-bedrijfspand-5.jpg" 1539 alt="Machine in brand in bedrijfspand in Oudkarspel [FOTO'S & VIDEO]" 1540 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1541 <!--[if ENDBLOCK]><![endif]--> 1542 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1543 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1544 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1545 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1546 <!--[if BLOCK]><![endif]-->
1546 <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"> 1547 <i class="fa-solid fa-video"></i> 1548</span> 1549 <!--[if ENDBLOCK]><![endif]--> 1550 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1551 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1552 </div> 1553 1554 <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"> 1555 <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"> 1556 Machine in brand in bedrijfspand in Oudkarspel [FOTO'S & VIDEO] 1557 </h3> 1558 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1559 Vanaf De Schuit in Oudkarspel is maandagavond rond 22.45 uur een melding binnengekomen van een grote brand. 1560 </p> 1561 </div> 1562</a> 1563 <!--[if ENDBLOCK]><![endif]--> </div> 1564 </section> 1565 <!--[if ENDBLOCK]><![endif]--> 1566 1567 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--> 1568 <!--[if BLOCK]><![endif]--> <section> 1569 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1570 <!--[if BLOCK]><![endif]--> <a 1571 wire:navigate 1572 href="https://beatfm.nl/nieuws/artikel/hsv-heiloo-verslaat-amateurs-van-afc-ajax" 1573 data-prepr-item-id="e4547c49-9261-4aaf-9c0f-0c1fed2fbec8" 1574 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"> 1575 1576 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1577 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/uam7gieekpy-hsv-ajax-2.jpg" 1578 alt="HSV Heiloo verslaat amateurs van AFC Ajax" 1579 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1580 <!--[if ENDBLOCK]><![endif]--> 1581 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1582 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1583 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1584 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1585 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1586 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1587 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1588 </div> 1589 1590 <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"> 1591 <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"> 1592 HSV Heiloo verslaat amateurs van AFC Ajax 1593 </h3> 1594 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1595 Voetbalclub HSV heeft zaterdag de amateurs van AFC Ajax verslagen. 1596 </p> 1597 </div> 1598</a> 1599 <a 1600 wire:navigate 1601 href="https://beatfm.nl/nieuws/artikel/paul-haenen-op-16-oktober-met-zijn-jubileumvoorstelling-50-jaar-margreet-dolman-naar-de-beun-in-heiloo" 1602 data-prepr-item-id="496ed4b2-96a3-41f5-a8cb-a917981447c4" 1603 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"> 1604 1605 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1606 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/4v5gh2askhty/w_728,h_400/de-beun-logo-11.jpg" 1607 alt="Paul Haenen op 16 oktober met zijn jubileumvoorstelling 50 jaar Margreet Dolman naar De Beun in Heiloo" 1608 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1609 <!--[if ENDBLOCK]><![endif]--> 1610 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1611 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1612 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1613 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1614 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1615 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1616 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1617 </div> 1618 1619 <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"> 1620 <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"> 1621 Paul Haenen op 16 oktober met zijn jubileumvoorstelling 50 jaar Margreet Dolman naar De Beun in Heiloo 1622 </h3> 1623 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1624 Paul Haenen brengt op 16 oktober zijn jubileumvoorstelling 50 jaar Margreet Dolman naar De Beun in Heiloo. 1625 </p> 1626 </div> 1627</a> 1628 <a 1629 wire:navigate 1630 href="https://beatfm.nl/nieuws/artikel/30-september-121e-editie-landbouwdag-alkmaar-video" 1631 data-prepr-item-id="72369036-75f1-41c0-a429-fa6be1ca6815" 1632 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"> 1633 1634 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1635 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/5tvatkuewksf-landbouw-en-lappendag-2022-1.jpg" 1636 alt="30 september 121e editie Landbouwdag Alkmaar [VIDEO]" 1637 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1638 <!--[if ENDBLOCK]><![endif]--> 1639 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1640 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1641 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1642 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1643 <!--[if BLOCK]><![endif]-->
1643 <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"> 1644 <i class="fa-solid fa-video"></i> 1645</span> 1646 <!--[if ENDBLOCK]><![endif]--> 1647 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1648 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1649 </div> 1650 1651 <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"> 1652 <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"> 1653 30 september 121e editie Landbouwdag Alkmaar [VIDEO] 1654 </h3> 1655 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1656 Op 30 september wordt er in Alkmaar stilgestaan bij de 121e editie van Landbouwdag Alkmaar. 1657 </p> 1658 </div> 1659</a> 1660 <a 1661 wire:navigate 1662 href="https://beatfm.nl/nieuws/artikel/vrouw-gewond-naar-ziekenhuis-na-botsing-met-fatbike-in-alkmaar" 1663 data-prepr-item-id="b7495498-8b62-4fc9-af8f-8ee1b32f65d6" 1664 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"> 1665 1666 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1667 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/3ughfjy5co0d/w_728,h_400/img-7207.jpg" 1668 alt="Fietsster gewond naar ziekenhuis na botsing met fatbike in Alkmaar [FOTO'S]" 1669 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1670 <!--[if ENDBLOCK]><![endif]--> 1671 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1672 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1673 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1674 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1675 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1676 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1677 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1678 </div> 1679 1680 <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"> 1681 <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"> 1682 Fietsster gewond naar ziekenhuis na botsing met fatbike in Alkmaar [FOTO'S] 1683 </h3> 1684 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1685 Een vrouw op een elektrische fiets is maandagochtendgewond geraakt bij een aanrijding met een fatbike op de Zijperstraat in Alkmaar. 1686 </p> 1687 </div> 1688</a> 1689 <a 1690 wire:navigate 1691 href="https://beatfm.nl/nieuws/artikel/tijdens-burendag-koffie-repair-cafe-en-boekenmarkt-in-trefpunt-heiloo" 1692 data-prepr-item-id="139e5e22-cdd0-49e9-9f11-3436f2c38627" 1693 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"> 1694 1695 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1696 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/5j5y9moj6sv3/w_728,h_400/trefpunt-heiloo-spelmiddag-2025-5-23-maart-2025.jpg" 1697 alt="Tijdens Burendag koffie, Repair Café en boekenmarkt in Trefpunt Heiloo" 1698 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1699 <!--[if ENDBLOCK]><![endif]--> 1700 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1701 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1702 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1703 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1704 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1705 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1706 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1707 </div> 1708 1709 <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"> 1710 <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"> 1711 Tijdens Burendag koffie, Repair Café en boekenmarkt in Trefpunt Heiloo 1712 </h3> 1713 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1714 Op 26 september wort er ook in Het Trefpunt in Heiloo Burendag gevierd. Inwoners van Heiloo zijn die ochtend van 10.00 tot 12.30 uur welkom voor een gezellige ochtend vol ontmoeting, activiteiten en kennismaking. 1715 </p> 1716 </div> 1717</a> 1718 <a 1719 wire:navigate 1720 href="https://beatfm.nl/nieuws/artikel/periodiek-onderzoek-naar-gevoerde-bestuur-in-alkmaar-vereist-vebetering" 1721 data-prepr-item-id="35b14699-9d32-418d-bdf0-5d1d2827926c" 1722 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"> 1723 1724 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1725 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/fc8fdfc7-a7c6-485a-9ea7-d36201bda01d.jpg" 1726 alt="Periodiek onderzoek naar gevoerde bestuur in Alkmaar vereist verbetering" 1727 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1728 <!--[if ENDBLOCK]><![endif]--> 1729 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1730 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1731 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1732 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1733 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1734 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1735 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1736 </div> 1737 1738 <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"> 1739 <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">
1740 Periodiek onderzoek naar gevoerde bestuur in Alkmaar vereist verbetering 1741 </h3> 1742 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1743 Gemeenten moeten in lijn met artikel 213a van de Gemeentewet periodiek onderzoek uitvoeren naar de doelmatigheid en de doeltreffendheid van het gevoerde bestuur. 1744 </p> 1745 </div> 1746</a> 1747 <!--[if ENDBLOCK]><![endif]--> </div> 1748 </section> 1749 <!--[if ENDBLOCK]><![endif]--> 1750 <!--[if BLOCK]><![endif]--> <section> 1751 <div class="w-full flex justify-center"> 1752 <button 1753 wire:click="loadMore" 1754 wire:loading.attr="disabled" 1755 wire:loading.class="opacity-70 cursor-not-allowed" 1756 wire:target="loadMore" 1757 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" 1758 > 1759 <svg wire:loading wire:target="loadMore" class="animate-spin h-4 w-4 text-text-main" fill="none" viewBox="0 0 24 24"> 1760 <circle class="opacity-25" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="4"></circle> 1761 <path class="opacity-75" fill="currentColor" d="M4 12a8 8 0 018-8v8H4z"></path> 1762 </svg> 1763 <span>Toon meer</span> 1764 </button> 1765 </div> 1766 </section> 1767 <!--[if ENDBLOCK]><![endif]--> 1768 <div class="hidden lg:block"> 1769 <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":"pzSR0TWn8BHHYZ838UTW","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"1c3afff6898d8878c8f3d0429c2fde85bbab4996a27b371b250485ca5d8b317f"}" wire:effects="[]" wire:id="pzSR0TWn8BHHYZ838UTW" wire:name="components.banner"> 1770<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1771 1772 </div> 1773 <div class="lg:hidden"> 1774 <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":"GZTc50rQ7PkkjrunjVla","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"de701038046d56d13fec64acd3ec99cd6d04ee2d6948cc0b40731787a5c4566a"}" wire:effects="[]" wire:id="GZTc50rQ7PkkjrunjVla" wire:name="components.banner"> 1775<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1776 1777 </div> 1778 </div> 1779 1780 1781 <div class="space-y-8 shrink-0"> 1782 <div wire:key="banner-sidebar_top" wire:snapshot="{"data":{"placeId":"sidebar_top","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":5000,"slidesToShow":1,"items":[[[{"_id":"
1782689f4b6b-2203-4d73-a0b4-49bdc5cdb4d4","url":"https:\/\/tv.beatfm.nl\/player\/","image":"https:\/\/195j60ch0d7d.b-cdn.net\/w_1280\/cf9cb870-f926-497a-a5cb-c42b0a0faec1.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"9b3pZWr6tpklzjNFEIKp","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"6b7f424888209aa1b9e12f54ea54aa7921199c643da095a060f4f311a36db4c7"}" wire:effects="[]" wire:id="9b3pZWr6tpklzjNFEIKp" wire:name="components.banner"> 1783<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 1784 <div 1785 x-data="{ 1786 items: JSON.parse('[{\u0022_id\u0022:\u0022689f4b6b-2203-4d73-a0b4-49bdc5cdb4d4\u0022,\u0022url\u0022:\u0022https:\\\/\\\/tv.beatfm.nl\\\/player\\\/\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1280\\\/cf9cb870-f926-497a-a5cb-c42b0a0faec1.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'), 1787 duration: 5000, 1788 current: 0, 1789 interval: null, 1790 containerHeight: 0, 1791 1792 recordImpression(item) { 1793 if (item?._id) { 1794 $wire.recordImpression(item._id); 1795 } 1796 }, 1797 1798 startAutoplay() { 1799 this.stopAutoplay(); 1800 if (this.items.length <= 1) return; 1801 1802 this.interval = setInterval(() => { 1803 this.current = (this.current + 1) % this.items.length; 1804 }, this.duration); 1805 }, 1806 1807 stopAutoplay() { 1808 clearInterval(this.interval); 1809 this.interval = null; 1810 }, 1811 1812 trackClick(item) { 1813 if (typeof prepr !== 'undefined') { 1814 prepr('event', 'Click', { 'id': item._id }); 1815 } 1816 window.open(item.url, '_blank'); 1817 }, 1818 1819 updateHeight(img) { 1820 if (img && img.complete) { 1821 this.containerHeight = img.offsetHeight; 1822 } 1823 }, 1824 1825 init() { 1826 if (this.items.length === 0) return; 1827 1828 this.recordImpression(this.items[this.current]); 1829 this.$watch('current', (index) => this.recordImpression(this.items[index])); 1830 1831 this.$nextTick(() => { 1832 const firstImg = this.$el.querySelector('img'); 1833 if (firstImg) { 1834 if (firstImg.complete) { 1835 this.updateHeight(firstImg); 1836 } else { 1837 firstImg.addEventListener('load', () => this.updateHeight(firstImg)); 1838 } 1839 } 1840 }); 1841 1842 this.startAutoplay(); 1843 } 1844 }" 1845 x-init="init()" 1846 x-on:mouseenter="stopAutoplay()" 1847 x-on:mouseleave="startAutoplay()" 1848 x-show="items.length > 0" 1849 > 1850 <!--[if BLOCK]><![endif]--> <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary"> 1851 Advertentie 1852 </h3> 1853 <!--[if ENDBLOCK]><![endif]--> 1854 <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''"> 1855 <template x-for="(item, index) in items" :key="item._id || index"> 1856 <a 1857 x-show="current === index" 1858 x-transition:enter="transition ease-out duration-500" 1859 x-transition:enter-start="opacity-0" 1860 x-transition:enter-end="opacity-100" 1861 x-transition:leave="transition ease-in duration-400" 1862 x-transition:leave-start="opacity-100" 1863 x-transition:leave-end="opacity-0" 1864 :href="item.url" 1865 @click.prevent="trackClick(item)" 1866 target="_blank" 1867 rel="noopener noreferrer" 1868 class="absolute top-0 left-0 w-full" 1869 > 1870 <template x-if="item.image"> 1871 <img 1872 :src="item.image" 1873 :alt="item.alt" 1874 class="w-full h-auto rounded-lg" 1875 @load="if (current === index) updateHeight($el)" 1876 > 1877 </template> 1878 </a> 1879 </template> 1880 </div> 1881 </div> 1882 <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1883 1884
1885 <div wire:key="live-overview-component" wire:snapshot="{"data":{"config":[{"menu":[{"_id":"761e1209-f66b-4a41-9e6b-5c028f09d8d1"},{"s":"arr"}],"website_title":"{title} | BeatFM","copyright":"BeatFM","email":"[email protected]","phone":null,"default_page":[{"__typename":"Pagina","_slug":"nieuws"},{"s":"arr"}],"search_page":[{"_slug":"zoeken"},{"s":"arr"}],"weather_place":"Heiloo","live":[[[{"title":"Live TV","page":[{"_slug":"televisie\/live"},{"s":"arr"}],"guide_id":"1aa301d5-fcfb-44b9-be44-db956e88c54b","icon":"fa-tv-retro"},{"s":"arr"}],[{"title":"Live Radio","page":[{"_slug":"radio\/live"},{"s":"arr"}],"guide_id":"bc1475f3-6d72-41dc-af5c-5cb25832ceb4","icon":"fa-radio-tuner"},{"s":"arr"}]],{"s":"arr"}],"cookie_page":[{"_slug":"meer-informatie-over-cookies"},{"s":"arr"}],"cookie_consent":true,"gtm_code":"UA-39244144-17","title_under_photo":false,"tolkie_token":null,"radio_player_stream_url":"https:\/\/radioheiloo.nl:7443\/bfm1","radio_player_guide_id":"bc1475f3-6d72-41dc-af5c-5cb25832ceb4","tracking_code":"d5fa6d70885bd3f48df85f02bf8a761970235c29a7ad9fe52faa2f6321ee95a4","openweather_app_id":"91479e6e983b8c052b49193853a2f58e","street":"De Spindel 6","place":"Heiloo","zip_code":"1851 NR","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":"#27272a","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":"#00284e","dark_brand_dark":"#00284e","light_brand_main":"#003365","dark_brand_main":"#003365","light_brand_secondary":"#2ea9d9","dark_brand_secondary":"#2ea9d9","light_brand_light":"#eef2ff","dark_brand_light":"#1E1A4D","locale":"nl-NL","tenant":"beatfm"},{"s":"arr"}]},"memo":{"id":"N4SHWZsQwmchu2EX3RJu","name":"components.live-overview","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"b30a675d32f1f792597a6e5164d60178ff3209109164ebb4c5fff08f48aa3482"}" wire:effects="[]" wire:id="N4SHWZsQwmchu2EX3RJu" wire:name="components.live-overview" wire:poll.60s="getLiveItems" > 1886 1887 <!--[if BLOCK]><![endif]--> <div class="bg-surface-light-3 p-4 rounded-lg"> 1888 <h3 class="font-bold mb-3">Nu Live</h3> 1889 <div class="space-y-3"> 1890 <!--[if BLOCK]><![endif]--> <div wire:key="live-6ab596cb2c29c"> 1891 1892 1893 <!--[if BLOCK]><![endif]--> <a 1894 href="https://beatfm.nl/televisie/live" 1895 class="bg-surface-main-4 p-4 flex flex-row gap-x-4 roun
1895ded-lg justify-between items-center group" 1896 > 1897 <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary"> 1898 <i class="fa-solid text-xl fa-tv-retro"></i> 1899 <div class="flex flex-col leading-[24px]"> 1900 <span class="text-lg font-bold group-hover:underline">Live TV</span> 1901 <!--[if BLOCK]><![endif]--> <span class="text-sm font-montserrat">BE@TTV lokaal en regionaal nieuws</span> 1902 <!--[if ENDBLOCK]><![endif]--> </div> 1903 </div> 1904 <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"> 1905 <i class="fa-solid fa-play"></i> 1906 </div> 1907 </a> 1908 1909 <!--[if ENDBLOCK]><![endif]--> </div> 1910 <div wire:key="live-6ab596cb2c2a0"> 1911 1912 1913 <!--[if BLOCK]><![endif]--> <a 1914 href="https://beatfm.nl/radio/live" 1915 class="bg-surface-main-4 p-4 flex flex-row gap-x-4 rounded-lg justify-between items-center group" 1916 > 1917 <div class="flex flex-row gap-x-4 group-hover:text-brand-secondary"> 1918 <i class="fa-solid text-xl fa-radio-tuner"></i> 1919 <div class="flex flex-col leading-[24px]"> 1920 <span class="text-lg font-bold group-hover:underline">Live Radio</span> 1921 <!--[if BLOCK]><![endif]--> <span class="text-sm font-montserrat">Night Beats</span> 1922 <!--[if ENDBLOCK]><![endif]--> </div> 1923 </div> 1924 <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"> 1925 <i class="fa-solid fa-play"></i> 1926 </div> 1927 </a> 1928 1929 <!--[if ENDBLOCK]><![endif]--> </div> 1930 <!--[if ENDBLOCK]><![endif]--> </div> 1931 </div> 1932 <!--[if ENDBLOCK]><![endif]--></div> 1933 <div wire:key="most-read-overview-component" wire:snapshot="{"data":[],"memo":{"id":"QfFV1TktkwxZIbpnz9C8","name":"components.most-read-overview","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"f06776adedb3c9374890416f02ccec96af82bbb0dbed0962854360479416bfb7"}" wire:effects="[]" wire:id="QfFV1TktkwxZIbpnz9C8" wire:name="components.most-read-overview" class="bg-surface-light-3 p-4 rounded-lg" > 1934 <h3 class="font-bold mb-3">Meest gelezen</h3> 1935 <div class="space-y-3"> 1936 1937 <!--[if BLOCK]><![endif]--> <a wire:key="most-read-5417d4f5-630f-4107-bd05-3640f1e0cf78" 1938 wire:navigate 1939 href="https://beatfm.nl/nieuws/artikel/auto-inbrekers-actief-in-heiloo" 1940 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1941 data-prepr-item-id="5417d4f5-630f-4107-bd05-3640f1e0cf78"> 1942 1943
1944 <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"> 1945 Auto-inbrekers actief in Heiloo 1946 </span> 1947 1948 <img 1949 src="https://195j60ch0d7d.b-cdn.net/w_100,h_70/210mu9b6dcxw-.jpg" 1950 alt="Auto-inbrekers actief in Heiloo" 1951 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1952 </a> 1953 <a wire:key="most-read-a15fd145-6098-457b-b391-a77e6e97195d" 1954 wire:navigate 1955 href="https://beatfm.nl/nieuws/artikel/geen-treinen-tussen-alkmaar-en-uitgeest-na-aanrijding-met-persoon-bij-heiloo" 1956 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1957 data-prepr-item-id="a15fd145-6098-457b-b391-a77e6e97195d"> 1958 1959 1960 <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"> 1961 Geen treinen tussen Alkmaar en Uitgeest na aanrijding met persoon bij Heiloo 1962 </span> 1963 1964 <img 1965 src="https://195j60ch0d7d.b-cdn.net/5z11wm9cvv7n/w_100,h_70/trein-spoor-heiloo-10.jpg" 1966 alt="Geen treinen tussen Alkmaar en Uitgeest na aanrijding met persoon bij Heiloo" 1967 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1968 </a> 1969 <a wire:key="most-read-9437c495-c518-411e-a857-3202a3880ab3" 1970 wire:navigate 1971 href="https://beatfm.nl/nieuws/artikel/zeven" 1972 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1973 data-prepr-item-id="9437c495-c518-411e-a857-3202a3880ab3"> 1974 1975 1976 <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"> 1977 Rijbewijs ingevorderd na aanrijding Zevenhuizerlaan in Heiloo [FOTO'S] 1978 </span> 1979 1980 <img 1981 src="https://195j60ch0d7d.b-cdn.net/2qikp6husdxx/w_100,h_70/img-7158.jpg" 1982 alt="Rijbewijs ingevorderd na aanrijding Zevenhuizerlaan in Heiloo [FOTO'S]" 1983 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1984 </a> 1985 <a wire:key="most-read-882b33fa-1db7-4325-8e78-efd6b5a7c3a7" 1986 wire:navigate 1987 href="https://beatfm.nl/nieuws/artikel/meerdere-autos-aangereden-in-schoorl-door-beschonken-automobilist-fotos" 1988 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1989 data-prepr-item-id="882b33fa-1db7-4325-8e78-efd6b5a7c3a7"> 1990 1991 1992 <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"> 1993 Meerdere autoâs aangereden in Schoorl door beschonken automobilist [FOTO'S] 1994 </span> 1995 1996 <img 1997 src="https://195j60ch0d7d.b-cdn.net/414urhxdc63v/w_100,h_70/schoorl-laanweg-meerdere-autos-aangereden-2.jpg" 1998 alt="Meerdere autoâs aangereden in Schoorl door beschonken automobilist [FOTO'S]" 1999 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 2000 </a> 2001 <a wire:key="most-read-20487b9b-ac36-4321-a0b9-647432519c85" 2002 wire:navigate 2003 href="https://beatfm.nl/nieuws/artikel/aanrijding-op-n245-bij-alkmaar-richting-schagen-fotos" 2004 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 2005 data-prepr-item-id="20487b9b-ac36-4321-a0b9-647432519c85"> 2006 2007
2008 <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"> 2009 Aanrijding op N245 bij Alkmaar richting Schagen [FOTO´S] 2010 </span> 2011 2012 <img 2013 src="https://195j60ch0d7d.b-cdn.net/3elv5uohjn00/w_100,h_70/alkmaar-n245-aanrijding-richting-schagen-5.jpg" 2014 alt="Aanrijding op N245 bij Alkmaar richting Schagen [FOTO´S]" 2015 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 2016 </a> 2017 <!--[if ENDBLOCK]><![endif]--> 2018 </div> 2019</div> 2020 <div wire:key="weather-overview-component" wire:snapshot="{"data":{"config":[{"menu":[{"_id":"761e1209-f66b-4a41-9e6b-5c028f09d8d1"},{"s":"arr"}],"website_title":"{title} | BeatFM","copyright":"BeatFM","email":"[email protected]","phone":null,"default_page":[{"__typename":"Pagina","_slug":"nieuws"},{"s":"arr"}],"search_page":[{"_slug":"zoeken"},{"s":"arr"}],"weather_place":"Heiloo","live":[[[{"title":"Live TV","page":[{"_slug":"televisie\/live"},{"s":"arr"}],"guide_id":"1aa301d5-fcfb-44b9-be44-db956e88c54b","icon":"fa-tv-retro"},{"s":"arr"}],[{"title":"Live Radio","page":[{"_slug":"radio\/live"},{"s":"arr"}],"guide_id":"bc1475f3-6d72-41dc-af5c-5cb25832ceb4","icon":"fa-radio-tuner"},{"s":"arr"}]],{"s":"arr"}],"cookie_page":[{"_slug":"meer-informatie-over-cookies"},{"s":"arr"}],"cookie_consent":true,"gtm_code":"UA-39244144-17","title_under_photo":false,"tolkie_token":null,"radio_player_stream_url":"https:\/\/radioheiloo.nl:7443\/bfm1","radio_player_guide_id":"bc1475f3-6d72-41dc-af5c-5cb25832ceb4","tracking_code":"d5fa6d70885bd3f48df85f02bf8a761970235c29a7ad9fe52faa2f6321ee95a4","openweather_app_id":"91479e6e983b8c052b49193853a2f58e","street":"De Spindel 6","place":"Heiloo","zip_code":"1851 NR","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":"#27272a","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":"#00284e","dark_brand_dark":"#00284e","light_brand_main":"#003365","dark_brand_main":"#003365","light_brand_secondary":"#2ea9d9","dark_brand_secondary":"#2ea9d9","light_brand_light":"#eef2ff","dark_brand_light":"#1E1A4D","locale":"nl-NL","tenant":"beatfm"},{"s":"arr"}]},"memo":{"id":"0cRXWjDw4EO8Z9e16dAx","name":"components.weather-overview","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"91cf7ce4457718f9b17d05550732016b12bd0e613995efe95b04a47343ccd4cd"}" wire:effects="[]" wire:id="0cRXWjDw4EO8Z9e16dAx" wire:name="components.weather-overview"> 2021 <!--[if BLOCK]><![endif]--> <div class="bg-surface-light-3 p-4 rounded-xl"> 2022 <h3 class="font-bold mb-3">Weersverwachting</h3> 2023 <div class="grid gap-2 grid-cols-4"> 2024 <!--[if BLOCK]><![endif]--> <div wire:key="weather-vr" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg">
2025 <span class="font-bold text-lg text-text-main"> 2026 vr 2027 </span> 2028 <img src="https://beatfm.nl/images/weather/01d.svg" width="32" height="32" alt="icon" /> 2029 <span class="text-lg font-bold text-text-main"> 2030 22° 2031 </span> 2032 <span class="text-xs text-text-main"> 2033 11° 2034 </span> 2035 <span class="text-xs text-text-main"> 2036 0.0 mm 2037 </span> 2038 </div> 2039 <div wire:key="weather-za" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg"> 2040 <span class="font-bold text-lg text-text-main"> 2041 za 2042 </span> 2043 <img src="https://beatfm.nl/images/weather/04d.svg" width="32" height="32" alt="icon" /> 2044 <span class="text-lg font-bold text-text-main"> 2045 20° 2046 </span> 2047 <span class="text-xs text-text-main"> 2048 13° 2049 </span> 2050 <span class="text-xs text-text-main"> 2051 0.0 mm 2052 </span> 2053 </div> 2054 <div wire:key="weather-zo" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg"> 2055 <span class="font-bold text-lg text-text-main"> 2056 zo 2057 </span> 2058 <img src="https://beatfm.nl/images/weather/04d.svg" width="32" height="32" alt="icon" /> 2059 <span class="text-lg font-bold text-text-main"> 2060 19° 2061 </span> 2062 <span class="text-xs text-text-main"> 2063 13° 2064 </span> 2065 <span class="text-xs text-text-main"> 2066 0.0 mm 2067 </span> 2068 </div> 2069 <div wire:key="weather-ma" class="p-3 bg-surface-main-4 flex flex-col gap-3 items-center rounded-lg"> 2070 <span class="font-bold text-lg text-text-main"> 2071 ma 2072 </span> 2073 <img src="https://beatfm.nl/images/weather/10d.svg" width="32" height="32" alt="icon" /> 2074 <span class="text-lg font-bold text-text-main"> 2075 18° 2076 </span> 2077 <span class="text-xs text-text-main"> 2078 15° 2079 </span> 2080 <span class="text-xs text-text-main"> 2081 0.2 mm 2082 </span> 2083 </div> 2084 <!--[if ENDBLOCK]><![endif]--> </div> 2085 </div> 2086 <!--[if ENDBLOCK]><![endif]--></div> 2087 2088 <div wire:key="banner-sidebar_middle" wire:snapshot="{"data":{"placeId":"sidebar_middle","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":5000,"slidesToShow":1,"items":[[[{"_id":"8264c52c-b292-48a7-89a9-be67113c87ad","url":"https:\/\/www.aluminiumplafond.nl","image":"https:\/\/195j60ch0d7d.b-cdn.net\/w_1635\/015e8ece-d7d2-41a2-9674-d239aafa3a7b.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"5bd98ca5-e24b-46cd-b095-680a064d69fc","url":"radio\/playlist","image":"https:\/\/195j60ch0d7d.b-cdn.net\/1j2srrw11l27\/w_1076\/nummer-gemist-1.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"f4ea43cd-c07e-4f58-8f95-4dc2ac29e4ec","url":"http:\/\/beatfm.nl\/beat\/adverteren","image":"https:\/\/195j60ch0d7d.b-cdn.net\/w_1280\/a4b30f6d-bdb2-4ca2-a704-e218505d6382.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"y68OK1wdzQQgGW4Gl53S","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"
208885e2b4948d986b028385e6e58c14434c91f7354f1d69213d59d197a11580bcfc"}" wire:effects="[]" wire:id="y68OK1wdzQQgGW4Gl53S" wire:name="components.banner"> 2089<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 2090 <div 2091 x-data="{ 2092 items: JSON.parse('[{\u0022_id\u0022:\u00228264c52c-b292-48a7-89a9-be67113c87ad\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.aluminiumplafond.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1635\\\/015e8ece-d7d2-41a2-9674-d239aafa3a7b.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00225bd98ca5-e24b-46cd-b095-680a064d69fc\u0022,\u0022url\u0022:\u0022radio\\\/playlist\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/1j2srrw11l27\\\/w_1076\\\/nummer-gemist-1.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022f4ea43cd-c07e-4f58-8f95-4dc2ac29e4ec\u0022,\u0022url\u0022:\u0022http:\\\/\\\/beatfm.nl\\\/beat\\\/adverteren\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1280\\\/a4b30f6d-bdb2-4ca2-a704-e218505d6382.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'), 2093 duration: 5000, 2094 current: 0, 2095 interval: null, 2096 containerHeight: 0, 2097 2098 recordImpression(item) { 2099 if (item?._id) { 2100 $wire.recordImpression(item._id); 2101 } 2102 }, 2103 2104 startAutoplay() { 2105 this.stopAutoplay(); 2106 if (this.items.length <= 1) return; 2107 2108 this.interval = setInterval(() => { 2109 this.current = (this.current + 1) % this.items.length; 2110 }, this.duration); 2111 }, 2112 2113 stopAutoplay() { 2114 clearInterval(this.interval); 2115 this.interval = null; 2116 }, 2117 2118 trackClick(item) { 2119 if (typeof prepr !== 'undefined') { 2120 prepr('event', 'Click', { 'id': item._id }); 2121 } 2122 window.open(item.url, '_blank'); 2123 }, 2124 2125 updateHeight(img) { 2126 if (img && img.complete) { 2127 this.containerHeight = img.offsetHeight; 2128 } 2129 }, 2130 2131 init() { 2132 if (this.items.length === 0) return; 2133 2134 this.recordImpression(this.items[this.current]); 2135 this.$watch('current', (index) => this.recordImpression(this.items[index])); 2136 2137 this.$nextTick(() => { 2138 const firstImg = this.$el.querySelector('img'); 2139 if (firstImg) { 2140 if (firstImg.complete) { 2141 this.updateHeight(firstImg); 2142 } else { 2143 firstImg.addEventListener('load', () => this.updateHeight(firstImg)); 2144 } 2145 } 2146 }); 2147 2148 this.startAutoplay(); 2149 } 2150 }" 2151 x-init="init()" 2152 x-on:mouseenter="stopAutoplay()" 2153 x-on:mouseleave="startAutoplay()" 2154 x-show="items.length > 0" 2155 > 2156 <!--[if BLOCK]><![endif]--> <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary"> 2157 Advertentie 2158 </h3> 2159 <!--[if ENDBLOCK]><![endif]--> 2160 <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''"> 2161 <template x-for="(item, index) in items" :key="item._id || index"> 2162 <a 2163 x-show="current === index" 2164 x-transition:enter="transition ease-out duration-500" 2165 x-transition:enter-start="opacity-0" 2166 x-transition:enter-end="opacity-100" 2167 x-transition:leave="transition ease-in duration-400" 2168 x-transition:leave-start="opacity-100" 2169 x-transition:leave-end="opacity-0" 2170 :href="item.url" 2171 @click.prevent="trackClick(item)" 2172 target="_blank" 2173 rel="noopener noreferrer" 2174 class="absolute top-0 left-0 w-full" 2175 > 2176 <template x-if="item.image"> 2177 <img 2178 :src="item.image" 2179 :alt="item.alt" 2180 class="w-full h-auto rounded-lg" 2181 @load="if (current === index) updateHeight($el)" 2182 > 2183 </template> 2184 </a> 2185 </template> 2186 </div> 2187 </div> 2188 <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 2189
2190 <div wire:key="banner-sidebar_bottom" wire:snapshot="{"data":{"placeId":"sidebar_bottom","shouldRender":true,"title":"Advertentie","isSlider":true,"duration":5000,"slidesToShow":1,"items":[[[{"_id":"3e28fa51-2ce4-4e82-9387-e92f3f8093e0","url":"https:\/\/beatfm.nl\/be-your-own-dj","image":"https:\/\/195j60ch0d7d.b-cdn.net\/w_1121\/672ddd00-fecf-4c58-8d10-0dcd6ee1edae.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"2a8ef3a8-9e57-42c4-a313-163a2b59cf3a","url":"https:\/\/beatfm.nl\/nieuws\/artikel\/dagelijks-nieuws-in-makkelijke-taal-bij-bettv","image":"https:\/\/195j60ch0d7d.b-cdn.net\/w_943\/4jn3amz7gap2-nieuws-van-de-week-iris-de-graaf-1.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}],[{"_id":"861e3249-873f-4c17-a769-6ef32606b1e4","url":"https:\/\/www.radiodeblauwetegel.nl","image":"https:\/\/195j60ch0d7d.b-cdn.net\/w_1172\/d11e384a-be7f-4a1f-a104-bcf82f3dbf17.jpg","alt":null,"type":"image","slot_id":null},{"s":"arr"}]],{"s":"arr"}]},"memo":{"id":"f1cY4itHFyMZpS1TxDSU","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"7f28ded8a208bfd9b517aa018958b4b71e33561e19441f1e868895779dc6f62b"}" wire:effects="[]" wire:id="f1cY4itHFyMZpS1TxDSU" wire:name="components.banner"> 2191<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 2192 <div 2193 x-data="{ 2194 items: JSON.parse('[{\u0022_id\u0022:\u00223e28fa51-2ce4-4e82-9387-e92f3f8093e0\u0022,\u0022url\u0022:\u0022https:\\\/\\\/beatfm.nl\\\/be-your-own-dj\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1121\\\/672ddd00-fecf-4c58-8d10-0dcd6ee1edae.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u00222a8ef3a8-9e57-42c4-a313-163a2b59cf3a\u0022,\u0022url\u0022:\u0022https:\\\/\\\/beatfm.nl\\\/nieuws\\\/artikel\\\/dagelijks-nieuws-in-makkelijke-taal-bij-bettv\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_943\\\/4jn3amz7gap2-nieuws-van-de-week-iris-de-graaf-1.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null},{\u0022_id\u0022:\u0022861e3249-873f-4c17-a769-6ef32606b1e4\u0022,\u0022url\u0022:\u0022https:\\\/\\\/www.radiodeblauwetegel.nl\u0022,\u0022image\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/w_1172\\\/d11e384a-be7f-4a1f-a104-bcf82f3dbf17.jpg\u0022,\u0022alt\u0022:null,\u0022type\u0022:\u0022image\u0022,\u0022slot_id\u0022:null}]'), 2195 duration: 5000, 2196 current: 0, 2197 interval: null, 2198 containerHeight: 0, 2199 2200 recordImpression(item) { 2201 if (item?._id) { 2202 $wire.recordImpression(item._id); 2203 } 2204 }, 2205 2206 startAutoplay() { 2207 this.stopAutoplay(); 2208 if (this.items.length <= 1) return; 2209 2210 this.interval = setInterval(() => { 2211 this.current = (this.current + 1) % this.items.length; 2212 }, this.duration); 2213 }, 2214 2215 stopAutoplay() { 2216 clearInterval(this.interval); 2217 this.interval = null; 2218 }, 2219 2220 trackClick(item) { 2221 if (typeof prepr !== 'undefined') { 2222 prepr('event', 'Click', { 'id': item._id }); 2223 } 2224 window.open(item.url, '_blank'); 2225 }, 2226 2227 updateHeight(img) { 2228 if (img && img.complete) { 2229 this.containerHeight = img.offsetHeight; 2230 } 2231 }, 2232 2233 init() { 2234 if (this.items.length === 0) return; 2235 2236 this.recordImpression(this.items[this.current]); 2237 this.$watch('current', (index) => this.recordImpression(this.items[index])); 2238 2239 this.$nextTick(() => { 2240 const firstImg = this.$el.querySelector('img'); 2241 if (firstImg) { 2242 if (firstImg.complete) { 2243 this.updateHeight(firstImg); 2244 } else { 2245 firstImg.addEventListener('load', () => this.updateHeight(firstImg)); 2246 } 2247 } 2248 }); 2249 2250 this.startAutoplay(); 2251 } 2252 }" 2253 x-init="init()" 2254 x-on:mouseenter="stopAutoplay()" 2255 x-on:mouseleave="startAutoplay()" 2256 x-show="items.length > 0" 2257 > 2258 <!--[if BLOCK]><![endif]--> <h3 class="mb-2 text-sm font-montserrat text-center font-normal text-text-secondary"> 2259 Advertentie 2260 </h3> 2261 <!--[if ENDBLOCK]><![endif]--> 2262 <div class="relative w-full overflow-hidden" :style="containerHeight > 0 ? `height: ${containerHeight}px` : ''"> 2263 <template x-for="(item, index) in items" :key="item._id || index"> 2264 <a 2265 x-show="current === index" 2266 x-transition:enter="transition ease-out duration-500" 2267 x-transition:enter-start="opacity-0" 2268 x-transition:enter-end="opacity-100" 2269 x-transition:leave="transition ease-in duration-400" 2270 x-transition:leave-start="opacity-100" 2271 x-transition:leave-end="opacity-0" 2272 :href="item.url" 2273 @click.prevent="trackClick(item)" 2274 target="_blank" 2275 rel="noopener noreferrer" 2276 class="absolute top-0 left-0 w-full" 2277 > 2278 <template x-if="item.image"> 2279 <img 2280 :src="item.image" 2281 :alt="item.alt" 2282 class="w-full h-auto rounded-lg" 2283 @load="if (current === index) updateHeight($el)" 2284 > 2285 </template> 2286 </a> 2287 </template> 2288 </div> 2289 </div> 2290 <!--[if ENDBLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 2291
2292 <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":"56PEvZx6Hvj53o8HsA0e","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"775fb558441d75a11eeba986dc8fde8c065846b1f21ce5bd065dfc86b88e46af"}" wire:effects="[]" wire:id="56PEvZx6Hvj53o8HsA0e" wire:name="components.banner"> 2293<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 2294 2295 <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":"n4z8bIc6Xsj1qzBlzwTw","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"ceb2fb3f91b49d65a86a02e069ef4f2a298fb713eed22e24a991d3b1261e5ceb"}" wire:effects="[]" wire:id="n4z8bIc6Xsj1qzBlzwTw" wire:name="components.banner"> 2296<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 2297 2298 </div> 2299 </div> 2300</main> 2301 2302 </div> 2303 2304<div> 2305 2306 2307 2308 <footer class="bg-surface-main-3 mt-16 pt-10 pb-[68px] lg:pb-0"> 2309 <div class="lg:container mx-auto px-6 pb-8"> 2310 <div class="grid grid-cols-1 md:grid-cols-4 xl:grid-cols-8 gap-8"> 2311 2312 2313 <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-6"> 2314 <img 2315 :src="$store.ui?.darkMode ? 'https://beatfm.nl/tenants/beatfm/logo-dark.svg?v=1789721948' : 'https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948'" 2316 src="https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1789721948" 2317 alt="Logo" 2318 class="h-10 w-auto" 2319 loading="eager" 2320 > 2321 2322 2323 2324 <div class="flex flex-row gap-3"> 2325 <a href="https://facebook.com/BeatFm1063" 2326 title="fa-facebook-f" 2327 aria-label="Volg ons op fa-facebook-f" 2328 target="_blank" 2329 rel="noopener noreferrer" 2330 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"> 2331 <i class="fa-brands fa-facebook-f" aria-hidden="true"></i> 2332 </a> 2333 <a href="https://twitter.com/TheBigBeatFM" 2334 title="fa-x-twitter" 2335 aria-label="Volg ons op fa-x-twitter" 2336 target="_blank" 2337 rel="noopener noreferrer" 2338 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"> 2339 <i class="fa-brands fa-x-twitter" aria-hidden="true"></i> 2340 </a> 2341 <a href="https://www.youtube.com/channel/UCDhzLQl2lGEJxAFWjH0x7nw" 2342 title="fa-youtube" 2343 aria-label="Volg ons op fa-youtube" 2344 target="_blank" 2345 rel="noopener noreferrer" 2346 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"> 2347 <i class="fa-brands fa-youtube" aria-hidden="true"></i> 2348 </a> 2349 <a href="https://www.instagram.com/beatfmheiloo/?hl=en" 2350 title="fa-instagram" 2351 aria-label="Volg ons op fa-instagram" 2352 target="_blank" 2353 rel="noopener noreferrer" 2354 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"> 2355 <i class="fa-brands fa-instagram" aria-hidden="true"></i> 2356 </a> 2357 </div> 2358 </div> 2359 2360 2361 <div class="col-span-1 md:col-span-4 xl:col-span-4"> 2362 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-16"> 2363 <div> 2364 <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed"> 2365 Nieuws 2366 </h4> 2367 <div class="space-y-4 text-lg font-bold flex flex-col"> 2368 <a 2369 wire:navigate href="https://beatfm.nl/nieuws" 2370 2371 class="transition hover:underline" 2372> 2373 Nieuws 2374</a> 2375 <a 2376 wire:navigate href="https://beatfm.nl/heiloo" 2377 2378 class="transition hover:underline" 2379> 2380 Heiloo 2381</a> 2382 <a 2383 wire:navigate href="https://beatfm.nl/regio" 2384 2385 class="transition hover:underline" 2386> 2387 Regio 2388</a> 2389 <a 2390 wire:navigate href="https://beatfm.nl/entertainment" 2391 2392 class="transition hover:underline" 2393> 2394 Entertainment 2395</a> 2396 <a 2397 wire:navigate href="https://beatfm.nl/agenda" 2398 2399 class="transition hover:underline" 2400> 2401 Agenda 2402</a> 2403 </div> 2404 </div> 2405 <div> 2406 <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed"> 2407 Radio 2408 </h4> 2409 <div class="space-y-4 text-lg font-bold flex flex-col"> 2410 <a 2411 wire:navigate href="https://beatfm.nl/radio/live" 2412 2413 class="transition hover:underline" 2414> 2415 Livestream 2416</a> 2417 <a 2418 wire:navigate href="https://beatfm.nl/radio/gids" 2419 2420 class="transition hover:underline" 2421> 2422 Radiogids 2423</a> 2424 <a 2425 wire:navigate href="https://beatfm.nl/be-your-own-dj" 2426 2427 class="transition hover:underline" 2428> 2429 Be your own DJ 2430</a> 2431 <a 2432 wire:navigate href="https://beatfm.nl/a" 2433 2434 class="transition hover:underline" 2435> 2436 Artiesten 2437</a> 2438 <a 2439 wire:navigate href="https://beatfm.nl/radio/gemist" 2440 2441 class="transition hover:underline" 2442> 2443 Radio gemist 2444</a> 2445 </div> 2446 </div> 2447 <div> 2448 <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed"> 2449 Televisie 2450 </h4> 2451 <div class="space-y-4 text-lg font-bold flex flex-col"> 2452 <a 2453 wire:navigate href="https://beatfm.nl/televisie/live" 2454 2455 class="transition hover:underline" 2456> 2457 Live TV 2458</a> 2459 <a 2460 wire:navigate href="https://beatfm.nl/televisie/gids" 2461 2462 class="transition hover:underline" 2463> 2464 Televisiegids 2465</a> 2466 <a 2467 wire:navigate href="https://beatfm.nl/televisie/gemist" 2468 2469 class="transition hover:underline" 2470> 2471 Televisie gemist 2472</a> 2473 </div> 2474 </div> 2475 <div> 2476 <h4 class="text-xs font-bold text-text-tertiary mb-4 font-roboto-condensed"> 2477 BEAT 2478 </h4> 2479 <div class="space-y-4 text-lg font-bold flex flex-col"> 2480 <a 2481 wire:navigate href="https://beatfm.nl/beat/contact" 2482 2483 class="transition hover:underline" 2484> 2485 Contact 2486</a> 2487 <a 2488 wire:navigate href="https://beatfm.nl/beat/geschiedenis" 2489 2490 class="transition hover:underline" 2491> 2492 Geschiedenis 2493</a> 2494 <a 2495 wire:navigate href="https://beatfm.nl/beat/wij" 2496 2497 class="transition hover:underline" 2498> 2499 Wij 2500</a> 2501 <a 2502 wire:navigate href="https://beatfm.nl/beat/adverteren" 2503 2504 class="transition hover:underline" 2505> 2506 Adverteren 2507</a> 2508 </div> 2509 </div> 2510 </div> 2511 </div> 2512 2513 2514 <div class="col-span-1 md:col-span-2 xl:col-span-2 space-y-4 xl:pl-16"> 2515 2516 2517 <h4 class="text-xs font-bold text-text-tertiary"> 2518 Neem contact met ons op 2519 </h4> 2520 <a wire:navigate 2521 href="https://beatfm.nl/tip-de-redactie" 2522 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"> 2523 Neem contact met ons op 2524 <i class="fa-solid fa-chevron-right text-xs"></i> 2525 </a> 2526 2527 <h4 class="text-xs font-bold text-text-tertiary">Weergaveopties</h4> 2528 <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">
2529 <span class="sr-only">Gebruik lichte of donkere modus</span> 2530 <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> 2531 <span class="absolute inset-0 flex items-center"> 2532 <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> 2533 <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> 2534 </span> 2535 </button> 2536 </div> 2537 </div> 2538 </div> 2539 2540 2541 <div class="py-3 text-sm font-medium font-montserrat text-text-tertiary bg-surface-background"> 2542 <div class="lg:container mx-auto px-6 justify-between flex items-center"> 2543 <p>© 2026</p> 2544 <div class="flex flex-row gap-8 text-xs"> 2545 <a 2546 wire:navigate href="https://beatfm.nl/meer-informatie-over-cookies" 2547 2548 class="transition text-text-tertiary underline" 2549> 2550 Cookies 2551</a> 2552 </div> 2553 </div> 2554 </div> 2555 </footer> 2556 2557 2558 2559 2560 <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"> 2561 <nav class="w-full"> 2562 <ul class="space-y-2 pb-6"> 2563 <li x-data="{ isOpen: true }"> 2564 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent text-brand-secondary"> 2565 <a wire:navigate href="https://beatfm.nl/nieuws" class="flex-grow"> 2566 <span class="text-lg font-bold font-roboto-condensed">Nieuws</span> 2567 </a> 2568 <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"> 2569 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2570 </button> 2571 </div> 2572 2573 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2574 <li> 2575 <a 2576 wire:navigate href="https://beatfm.nl/nieuws" 2577 2578 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" 2579> 2580 Nieuws 2581</a> 2582 </li> 2583 <li> 2584 <a 2585 wire:navigate href="https://beatfm.nl/heiloo" 2586 2587 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" 2588> 2589 Heiloo 2590</a> 2591 </li> 2592 <li> 2593 <a 2594 wire:navigate href="https://beatfm.nl/regio" 2595 2596 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" 2597> 2598 Regio 2599</a> 2600 </li> 2601 <li> 2602 <a 2603 wire:navigate href="https://beatfm.nl/entertainment" 2604 2605 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" 2606> 2607 Entertainment 2608</a> 2609 </li> 2610 <li> 2611 <a 2612 wire:navigate href="https://beatfm.nl/agenda" 2613 2614 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" 2615> 2616 Agenda 2617</a> 2618 </li> 2619 </ul> 2620 </li> 2621 <hr class="border-surface-light-3 mt-2"> 2622 <li x-data="{ isOpen: true }"> 2623 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2624 <a wire:navigate href="https://beatfm.nl/info" class="flex-grow">
2625 <span class="text-lg font-bold font-roboto-condensed">Info</span> 2626 </a> 2627 <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"> 2628 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2629 </button> 2630 </div> 2631 2632 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2633 <li> 2634 <a 2635 wire:navigate href="https://beatfm.nl/info" 2636 2637 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" 2638> 2639 Info 2640</a> 2641 </li> 2642 <li> 2643 <a 2644 wire:navigate href="https://beatfm.nl/theater" 2645 2646 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" 2647> 2648 Theater 2649</a> 2650 </li> 2651 <li> 2652 <a 2653 wire:navigate href="https://beatfm.nl/expositie" 2654 2655 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" 2656> 2657 Expositie 2658</a> 2659 </li> 2660 <li> 2661 <a 2662 wire:navigate href="https://beatfm.nl/film" 2663 2664 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" 2665> 2666 Film 2667</a> 2668 </li> 2669 <li> 2670 <a 2671 wire:navigate href="https://beatfm.nl/muziek" 2672 2673 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" 2674> 2675 Muziek 2676</a> 2677 </li> 2678 </ul> 2679 </li> 2680 <hr class="border-surface-light-3 mt-2"> 2681 <li x-data="{ isOpen: true }"> 2682 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2683 <a wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist" class="flex-grow"> 2684 <span class="text-lg font-bold font-roboto-condensed">Radio</span> 2685 </a> 2686 <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"> 2687 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2688 </button> 2689 </div> 2690 2691 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2692 <li> 2693 <a 2694 wire:navigate href="https://beatfm.nl/radio/gids" 2695 2696 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" 2697> 2698 Radiogids 2699</a> 2700 </li> 2701 <li> 2702 <a 2703 wire:navigate href="https://beatfm.nl/be-your-own-dj" 2704 2705 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" 2706> 2707 Be your own DJ 2708</a> 2709 </li> 2710 <li> 2711 <a 2712 wire:navigate href="https://beatfm.nl/muziek-beat" 2713 2714 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" 2715> 2716 Muziek BE@T 2717</a> 2718 </li> 2719 <li> 2720 <a 2721 wire:navigate href="https://beatfm.nl/jingles" 2722 2723 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" 2724> 2725 Jingles 2726</a> 2727 </li> 2728 <li> 2729 <a 2730 wire:navigate href="https://beatfm.nl/roadshow" 2731 2732 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" 2733> 2734 Roadshow 2735</a> 2736 </li> 2737 <li> 2738 <a 2739 wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist" 2740 2741 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" 2742> 2743 Radio gemist 2744</a> 2745 </li> 2746 </ul> 2747 </li> 2748 <hr class="border-surface-light-3 mt-2"> 2749 <li x-data="{ isOpen: true }"> 2750 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2751 <a wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist" class="flex-grow">
2752 <span class="text-lg font-bold font-roboto-condensed">Televisie</span> 2753 </a> 2754 <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"> 2755 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2756 </button> 2757 </div> 2758 2759 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2760 <li> 2761 <a 2762 wire:navigate href="https://beatfm.nl/televisie/gids" 2763 2764 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" 2765> 2766 Televisiegids 2767</a> 2768 </li> 2769 <li> 2770 <a 2771 wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist" 2772 2773 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" 2774> 2775 Televisie gemist 2776</a> 2777 </li> 2778 </ul> 2779 </li> 2780 <hr class="border-surface-light-3 mt-2"> 2781 <li x-data="{ isOpen: true }"> 2782 <a 2783 wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist" 2784 2785 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" 2786> 2787 <span class="text-lg font-bold font-roboto-condensed">Gemist</span> 2788</a> 2789 </li> 2790 <hr class="border-surface-light-3 mt-2"> 2791 <li x-data="{ isOpen: true }"> 2792 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 2793 <a wire:navigate href="https://beatfm.nl/a" class="flex-grow"> 2794 <span class="text-lg font-bold font-roboto-condensed">Artiesten</span> 2795 </a> 2796 <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"> 2797 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 2798 </button> 2799 </div> 2800 2801 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 2802 <li> 2803 <a 2804 wire:navigate href="https://beatfm.nl/a" 2805 2806 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" 2807> 2808 A 2809</a> 2810 </li> 2811 <li> 2812 <a 2813 wire:navigate href="https://beatfm.nl/b" 2814 2815 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" 2816> 2817 B 2818</a> 2819 </li> 2820 <li> 2821 <a 2822 wire:navigate href="https://beatfm.nl/c" 2823 2824 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" 2825> 2826 C 2827</a> 2828 </li> 2829 <li> 2830 <a 2831 wire:navigate href="https://beatfm.nl/d" 2832 2833 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" 2834> 2835 D 2836</a> 2837 </li> 2838 <li> 2839 <a 2840 wire:navigate href="https://beatfm.nl/e" 2841 2842 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" 2843> 2844 E 2845</a> 2846 </li> 2847 <li> 2848 <a 2849 wire:navigate href="https://beatfm.nl/f" 2850 2851 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" 2852> 2853 F 2854</a> 2855 </li> 2856 <li> 2857 <a 2858 wire:navigate href="https://beatfm.nl/g" 2859 2860 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" 2861> 2862 G 2863</a> 2864 </li> 2865 <li> 2866 <a 2867 wire:navigate href="https://beatfm.nl/h" 2868 2869 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" 2870> 2871 H 2872</a> 2873 </li> 2874 <li> 2875 <a 2876 wire:navigate href="https://beatfm.nl/i" 2877 2878 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" 2879> 2880 I 2881</a> 2882 </li> 2883 <li> 2884 <a 2885 wire:navigate href="https://beatfm.nl/j" 2886 2887 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" 2888> 2889 J 2890</a> 2891 </li> 2892 <li> 2893 <a 2894 wire:navigate href="https://beatfm.nl/k" 2895 2896 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" 2897> 2898 K 2899</a> 2900 </li> 2901 <li> 2902 <a 2903 wire:navigate href="https://beatfm.nl/l" 2904 2905 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" 2906> 2907 L 2908</a> 2909 </li> 2910 <li> 2911 <a 2912 wire:navigate href="https://beatfm.nl/m" 2913 2914 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" 2915> 2916 M 2917</a> 2918 </li> 2919 <li> 2920 <a 2921 wire:navigate href="https://beatfm.nl/n" 2922 2923 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" 2924> 2925 N 2926</a> 2927 </li> 2928 <li> 2929 <a 2930 wire:navigate href="https://beatfm.nl/o" 2931 2932 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" 2933> 2934 O 2935</a> 2936 </li> 2937 <li> 2938 <a 2939 wire:navigate href="https://beatfm.nl/p" 2940 2941 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" 2942> 2943 P 2944</a> 2945 </li> 2946 <li> 2947 <a 2948 wire:navigate href="https://beatfm.nl/q" 2949 2950 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" 2951> 2952 Q 2953</a> 2954 </li> 2955 <li> 2956 <a 2957 wire:navigate href="https://beatfm.nl/r" 2958 2959 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" 2960> 2961 R 2962</a> 2963 </li> 2964 <li> 2965 <a 2966 wire:navigate href="https://beatfm.nl/s" 2967 2968 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" 2969> 2970 S 2971</a> 2972 </li> 2973 <li> 2974 <a 2975 wire:navigate href="https://beatfm.nl/t" 2976 2977 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" 2978> 2979 T 2980</a> 2981 </li> 2982 <li> 2983 <a 2984 wire:navigate href="https://beatfm.nl/u" 2985 2986 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" 2987> 2988 U 2989</a> 2990 </li> 2991 <li> 2992 <a 2993 wire:navigate href="https://beatfm.nl/v" 2994 2995 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" 2996> 2997 V 2998</a> 2999 </li> 3000 <li> 3001 <a 3002 wire:navigate href="https://beatfm.nl/w" 3003 3004 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" 3005> 3006 W 3007</a> 3008 </li> 3009 <li> 3010 <a 3011 wire:navigate href="https://beatfm.nl/nieuws" 3012 3013 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" 3014> 3015 X 3016</a> 3017 </li> 3018 <li> 3019 <a 3020 wire:navigate href="https://beatfm.nl/y" 3021 3022 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" 3023> 3024 Y 3025</a> 3026 </li> 3027 <li> 3028 <a 3029 wire:navigate href="https://beatfm.nl/z" 3030 3031 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-backgro
3031und="no-background" 3032> 3033 Z 3034</a> 3035 </li> 3036 </ul> 3037 </li> 3038 <hr class="border-surface-light-3 mt-2"> 3039 <li x-data="{ isOpen: true }"> 3040 <div class="w-full flex justify-between items-center p-2 rounded-lg transition !bg-transparent hover:!bg-transparent hover:text-brand-secondary"> 3041 <a wire:navigate href="https://beatfm.nl/beat" class="flex-grow"> 3042 <span class="text-lg font-bold font-roboto-condensed">BEAT</span> 3043 </a> 3044 <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"> 3045 <i class="fa-solid fa-chevron-up transition-transform duration-200" :class="{ 'rotate-180': !isOpen }"></i> 3046 </button> 3047 </div> 3048 3049 <ul x-show="isOpen" x-transition class="px-3 pt-2 space-y-2"> 3050 <li> 3051 <a 3052 wire:navigate href="https://beatfm.nl/beat/wij" 3053 3054 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" 3055> 3056 Wij 3057</a> 3058 </li> 3059 <li> 3060 <a 3061 wire:navigate href="https://beatfm.nl/beat/geschiedenis" 3062 3063 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" 3064> 3065 Geschiedenis 3066</a> 3067 </li> 3068 <li> 3069 <a 3070 wire:navigate href="https://beatfm.nl/beat/contact" 3071 3072 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" 3073> 3074 Contact 3075</a> 3076 </li> 3077 <li> 3078 <a 3079 wire:navigate href="https://beatfm.nl/beat/informatie" 3080 3081 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" 3082> 3083 Informatie 3084</a> 3085 </li> 3086 <li> 3087 <a 3088 wire:navigate href="https://beatfm.nl/beat/adverteren" 3089 3090 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" 3091> 3092 Adverteren 3093</a> 3094 </li> 3095 </ul> 3096 </li> 3097 <hr class="border-surface-light-3 mt-2"> 3098 </ul> 3099 </nav> 3100 </div> 3101 3102 3103 3104 3105 <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);"> 3106 <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary"> 3107 <a 3108 wire:navigate href="https://beatfm.nl/nieuws" 3109 3110 class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-brand-secondary text-brand-secondary" 3111> 3112 <i class="fa-solid fa-newspaper text-base h-4"></i>
3113 <span class="text-xs font-bold">Nieuws</span> 3114</a> 3115 </div> 3116 <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary"> 3117 <a 3118 wire:navigate href="https://beatfm.nl/radio/gemist/radio-gemist" 3119 3120 class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent" 3121> 3122 <i class="fa-solid fa-radio text-base h-4"></i> 3123 <span class="text-xs font-bold">Radio gemist</span> 3124</a> 3125 </div> 3126 <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary"> 3127 <a 3128 wire:navigate href="https://beatfm.nl/televisie/gemist/televisie-gemist" 3129 3130 class="transition w-full h-full flex flex-col gap-y-2.5 justify-center border-t-2 items-center border-t-transparent" 3131> 3132 <i class="fa-solid fa-tv text-base h-4"></i> 3133 <span class="text-xs font-bold">TV gemist</span> 3134</a> 3135 </div> 3136 <div class="flex items-center h-[68px] justify-center text-center w-1/5 text-text-secondary relative hover:text-brand-secondary"> 3137 <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"> 3138 <i class="fa-solid fa-bars text-base h-4"></i> 3139 <span class="text-xs font-bold">Menu</span> 3140 </button> 3141 </div> 3142 </nav> 3143</div> 3144 3145<div x-persist="radio-player"> 3146 <div wire:key="lw-2254710295-0-5-4-0" wire:snapshot="{"data":[],"memo":{"id":"wgOvxykVQRm4UtRJYvaN","name":"components.radio-player","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"6d0f0b60406ffbc035ca1df061bf2571dc3eafc421f6301bee493cbd982b9b78"}" wire:effects="[]" wire:id="wgOvxykVQRm4UtRJYvaN" wire:name="components.radio-player"> 3147 <div wire:poll.60000ms="getProgramName"> 3148 3149 <div 3150 x-data="{ 3151 volumeBeforeMute: 1, 3152 setupAndPlay() { 3153 // Deze functie wordt alleen de eerste keer uitgevoerd. 3154 if (this.$store.radio.initialized || !'https:\/\/radioheiloo.nl:7443\/bfm1') return; 3155 3156 let radioStore = this.$store.radio; 3157 3158 // 1. Maak het Audio-object aan en laad de stream. 3159 radioStore.audio = new Audio('https:\/\/radioheiloo.nl:7443\/bfm1'); 3160 3161 // 2. Stel de watchers in voor TOEKOMSTIGE interacties. 3162 this.$watch('$store.radio.playing', isPlaying => { 3163 if (isPlaying) { 3164 radioStore.audio.play().catch(e => console.error('Audio play failed:', e)); 3165 } else { 3166 radioStore.audio.pause(); 3167 } 3168 }); 3169 3170 this.$watch('$store.radio.volume', newVolume => { 3171 radioStore.audio.volume = newVolume; 3172 localStorage.setItem('radioPlayerVolume', newVolume); 3173 }); 3174 3175 this.$watch('$store.radio.isMinimized', isMinimized => localStorage.setItem('radioPlayerMinimized', isMinimized)); 3176 3177 // 3. Pas de initiële instellingen toe. 3178 radioStore.audio.volume = radioStore.volume; 3179 radioStore.initialized = true; 3180 3181 // AANGEPAST: Speel de audio nu DIRECT af. 3182 // Omdat setupAndPlay() wordt aangeroepen als direct gevolg van een gebruikersklik, is dit toegestaan. 3183 // We controleren of de status 'playing' is, wat het geval is als deze functie wordt aangeroepen. 3184 if (radioStore.playing) { 3185 radioStore.audio.play().catch(e => { 3186 console.error('Initial audio play failed:', e); 3187 // Als het afspelen om een of andere reden toch mislukt, zet de status terug. 3188 radioStore.playing = false;
3189 }); 3190 } 3191 }, 3192 togglePlay() { 3193 if (!this.$store.radio.initialized) { 3194 // playing moet true zijn vóór setupAndPlay(), anders wordt audio.play() 3195 // overgeslagen en werkt pas de tweede klik (wanneer playing wordt getoggled). 3196 this.$store.radio.playing = true; 3197 this.setupAndPlay(); 3198 } else { 3199 this.$store.radio.playing = !this.$store.radio.playing; 3200 } 3201 }, 3202 toggleMute() { 3203 if (this.$store.radio.volume > 0) { 3204 this.volumeBeforeMute = this.$store.radio.volume; 3205 this.$store.radio.volume = 0; 3206 } else { 3207 this.$store.radio.volume = this.volumeBeforeMute > 0 ? this.volumeBeforeMute : 1; 3208 } 3209 } 3210 }" 3211 @setup-radio.window="setupAndPlay()" 3212 > 3213 <div x-effect="document.body.classList.toggle('radio-maximized', !$store.radio.isMinimized && $store.radio.initialized)"></div> 3214 <div x-effect="document.body.classList.toggle('radio-minimized', $store.radio.isMinimized && $store.radio.initialized)"></div> 3215 3216 <div 3217 x-show="'https:\/\/radioheiloo.nl:7443\/bfm1'" 3218 x-transition:enter="transition ease-out duration-300" 3219 x-transition:enter-start="opacity-0" 3220 x-transition:enter-end="opacity-100" 3221 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" 3222 :class="{ 3223 'rounded-full lg:w-105.5 w-[calc(100%-16px)] h-[50px] shadow-lg bottom-20 lg:bottom-4': !$store.radio.isMinimized, 3224 'rounded-full w-8 h-8 bottom-15 lg:-bottom-2 flex items-center justify-center': $store.radio.isMinimized 3225 }" 3226 > 3227 3228 <div x-show="!$store.radio.isMinimized" x-transition class="flex items-center justify-between gap-4 p-2 w-full"> 3229 <div class="flex items-center gap-4 pl-1"> 3230 <button 3231 @click="togglePlay()" 3232 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" 3233 :aria-label="$store.radio.playing ? 'Pauzeer radio' : 'Start radio'" 3234 :title="$store.radio.initialized ? ($store.radio.playing ? 'Pauzeren' : 'Afspelen') : 'Afspelen'" 3235 > 3236 <i x-show="!$store.radio.playing" class="fa-solid fa-play"></i> 3237 <i x-show="$store.radio.playing" class="fa-solid fa-pause"></i> 3238 </button> 3239 <div class="flex-shrink-0 font-roboto-condensed"> 3240 <div class="font-bold text-sm text-text-main leading-[normal]">Nu Live</div> 3241 <div class="text-xs text-text-tertiary leading-[normal]">Night Beats</div> 3242 </div> 3243 </div> 3244 <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"> 3245 <i class="fas fa-chevron-down text-sm"></i> 3246 </button> 3247 <div class="flex items-center gap-2 pr-1"> 3248 <button @click="toggleMute()" :title="$store.radio.volume > 0 ? 'Dempen' : 'Dempen opheffen'" class="w-6 flex items-center"> 3249 <i x-show="$store.radio.volume > 0" class="fas fa-volume-high text-base"></i> 3250 <i x-show="$store.radio.volume == 0" class="fas fa-volume-mute text-base"></i> 3251 </button> 3252 <input 3253 aria-label="Radio Player Volume" 3254 type="range" min="0" max="1" step="0.01" 3255 x-model.lazy="$store.radio.volume" 3256 :disabled="!$store.radio.initialized" 3257 class="w-24 h-1 accent-text-main disabled:opacity-40 disabled:cursor-not-allowed" 3258 /> 3259 </div> 3260 </div> 3261 3262 <button 3263 x-show="$store.radio.isMinimized" 3264 x-transition 3265 @click="$store.radio.isMinimized = false" 3266 class="w-8 h-8 cursor-pointer flex items-center justify-center bg-surface-medium-1 text-text-tertiary rounded-full" 3267 aria-label="Open radioplayer" title="Open radioplayer" 3268 > 3269 <i class="fas fa-chevron-up text-sm"></i> 3270 </button> 3271 </div> 3272 </div> 3273 </div> 3274 3275 </div> 3276</div> 3277
3278<div wire:key="lw-2254710295-1-5-4-0" wire:snapshot="{"data":{"showBanner":true,"isOnCookiePage":false},"memo":{"id":"K2p5qTHEcxVPJVMn7epp","name":"components.cookie-consent","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"c04042e0506e70b508dc99e1a8fb3528ad2f17a06d09d0981e6092193668aecf"}" wire:effects="[]" wire:id="K2p5qTHEcxVPJVMn7epp" wire:name="components.cookie-consent"> 3279 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 3280 <div class="fixed inset-0 z-62 bg-black/50"> 3281 <div 3282 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" 3283 x-data="{ 3284 shown: false, 3285 init() { 3286 this.$nextTick(() => { this.shown = true; }); 3287 document.body.classList.add('pb-17', 'md:pb-17'); 3288 }, 3289 destroy() { 3290 document.body.classList.remove('pb-17', 'md:pb-17'); 3291 }, 3292 closeBanner() { 3293 this.shown = false; 3294 setTimeout(() => this.destroy(), 300); 3295 } 3296 }" 3297 x-show="shown" 3298 x-transition:enter="transition ease-out duration-300" 3299 x-transition:enter-start="opacity-0 translate-y-4" 3300 x-transition:enter-end="opacity-100 translate-y-0" 3301 x-transition:leave="transition ease-in duration-200" 3302 x-transition:leave-start="opacity-100 translate-y-0" 3303 x-transition:leave-end="opacity-0 translate-y-4" 3304 > 3305 <div class="container mx-auto flex flex-col md:flex-row md:items-center justify-between"> 3306 <p class="text-sm"> 3307 BeatFM maakt gebruik van Functionele en Analytische cookies voor website optimalisatie en statistieken. 3308 <!--[if BLOCK]><![endif]--> <a wire:navigate href="https://beatfm.nl/meer-informatie-over-cookies" class="underline font-semibold hover:text-text-secondary"> 3309 Lees meer 3310 </a> 3311 <!--[if ENDBLOCK]><![endif]--> </p> 3312 3313 <div class="flex items-center gap-x-6 mt-8 md:mt-0"> 3314 <button 3315 @click="$wire.accept().then(() => closeBanner())" 3316 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" 3317 > 3318 Sluiten 3319 </button> 3320 </div> 3321 </div> 3322 </div> 3323 </div> 3324 <!--[if ENDBLOCK]><![endif]--> <!--[if ENDBLOCK]><![endif]--></div> 3325
3326<script src="https://beatfm.nl/vendor/livewire/livewire.min.js?id=8642c1d5" data-csrf="WlSIMEBRnkkE1RxU7FxAer4R40Gu4xMXBAnUhAYZ" data-module-url="https://beatfm.nl/livewire-1a5019f0" data-update-uri="https://beatfm.nl/livewire-1a5019f0/update" data-navigate-once="true"></script>
3326 3327
3327<script> 3328 document.addEventListener('alpine:init', () => { 3329 if (!Alpine.store('radio')) { 3330 Alpine.store('radio', { 3331 initialized: false, 3332 audio: null, 3333 playing: false, 3334 volume: parseFloat(localStorage.getItem('radioPlayerVolume')) || 1, 3335 isMinimized: localStorage.getItem('radioPlayerMinimized') === 'true', 3336 openAndPlay() { 3337 this.isMinimized = false; 3338 this.playing = true; 3339 } 3340 }); 3341 } 3342 }); 3343 </script>
3343 3344 3345</body> 3346 3347</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.