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=1790850667"> 47 <link rel="icon" type="image/png" sizes="96x96" href="https://beatfm.nl/tenants/beatfm/favicons/favicon-96x96.png?v=1790850667"> 48 <link rel="icon" type="image/svg+xml" href="https://beatfm.nl/tenants/beatfm/favicons/favicon.svg?v=1790850667"> 49 <link rel="icon" type="image/x-icon" href="https://beatfm.nl/tenants/beatfm/favicons/favicon.ico?v=1790850667"> 50 <link rel="manifest" href="https://beatfm.nl/tenants/beatfm/favicons/site.webmanifest?v=1790850667"> 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="x-cloak"],[x-cloak=""] {display: none !important;}[wire\:cloak="wire:cloak"],[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=1790850667", 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=1790850667' : 'https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1790850667'" 217 src="https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1790850667" 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":"ILZ5kOTH7WD2cJNQpk2n","name":"components.tenant-selector","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"5ab3eed763ecaedff35515bf7b9bf263752c730e5ff8374aa55781a7a565356b"}" wire:effects="[]" wire:id="ILZ5kOTH7WD2cJNQpk2n" 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":"cO2BmfNq7vBpIYhH6amV","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","tAEPhqDWjPQiyxFlWta9"],"banner-category_top_mobile":["div","G0ros3zc95qklkeea2QC"],"lw-71422695-2-1":["div","5hyN20EwYLxsGwzAXuUL"],"banner-category_middle":["div","9jYnbw64xqIW4ivPNHwM"],"banner-category_middle_mobile":["div","bhnspCqnaIUia2wSpkbo"],"banner-category_bottom":["div","t4C8fwvKwXGP4SybIFxl"],"banner-category_bottom_mobile":["div","5weyFKj4BYorTNm9PNly"],"banner-sidebar_top":["div","985jB7hDl4VIqMugmnq3"],"live-overview-component":["div","JaDnfDQXimXR4ow8kKdi"],"most-read-overview-component":["div","TKjoQaOw84Ev9kuXp4DR"],"weather-overview-component":["div","f8tz1ZdhLY0tAVftiXHX"],"banner-sidebar_middle":["div","9HqahHdtYQQwE2O7Ct07"],"banner-sidebar_bottom":["div","h1YuIeQfIEFvySmybBJA"],"banner-sidebar_bottom_4":["div","KlnGBIKHrPbAz5jbh4zz"],"banner-sidebar_bottom_5":["div","Zby8J1pV8pbnMOutHthy"]},"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"5ee51a307e0a966750dec09c72747b1842afffecb57d6fccf3d1e5202f2cbdf5"}" wire:effects="{"listeners":["regionsUpdated"]}" wire:id="cO2BmfNq7vBpIYhH6amV" 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/zondagmiddag-4-oktober-uitreiking-victoriefonds-cultuurprijzen-in-de-vest-in-alkmaar" 749 data-prepr-item-id="1571a446-9259-43c5-b889-ec2b9e34064f" 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/21nc8z337qnw-.jpg" 755 alt="Zondagmiddag 4 oktober uitreiking Victoriefonds Cultuurprijzen in De Vest in Alkmaar" 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 Zondagmiddag 4 oktober uitreiking Victoriefonds Cultuurprijzen in De Vest in Alkmaar 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 Zondagmiddag 4 oktober worden de Victoriefonds Cultuurprijzen uitgereikt! 774 </p> 775 </div> 776</a> 777 <a 778 wire:navigate 779 href="https://beatfm.nl/nieuws/artikel/vragen-gemeentebelangen-heiloo-over-voorstel-uitbreiding-ypehove-met-20-nieuwe-koopappartementen" 780 data-prepr-item-id="c0153a5a-b981-4e3b-9d13-00c3a56ce5fb" 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/5qycvj9u5g4b/w_728,h_400/ypehove-12.jpg" 786 alt="Vragen Gemeentebelangen Heiloo over voorstel uitbreiding Ypehove met 20 nieuwe koopappartementen" 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]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 796 797 <!--[if BLOCK]><![endif]--> <h2 class="text-lg lg:text-[32px] font-bold line-clamp-2 leading-[normal] group-hover:underline"> 798 Vragen Gemeentebelangen Heiloo over voorstel uitbreiding Ypehove met 20 nieuwe koopappartementen 799 </h2> 800 <!--[if ENDBLOCK]><![endif]--> </div> 801 </div> 802 <div class="p-6 flex-grow"> 803 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> <p class="text-text-main text-sm md:text-base font-montserrat line-clamp-2"> 804 Gemeentebelangen Heiloo heeft naar aanleiding van het verzoek van het college om advies over het voorstel over uitbreiding van Ypehove met 20 nieuwe koopappartementen een aantal vragen gesteld. 805 </p> 806 </div> 807</a> 808 <!--[if ENDBLOCK]><![endif]--> </section> 809 810 <div class="grid grid-cols-1 lg:grid-cols-[1fr_320px] gap-6"> 811 <div class="space-y-3 lg:space-y-6 min-w-0"> 812 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 813 814 <!--[if BLOCK]><![endif]--> <section> 815 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 816 <!--[if BLOCK]><![endif]--> <a 817 wire:navigate 818 href="https://beatfm.nl/nieuws/artikel/comeback-louise-korthals-in-het-theater-in-alkmaar" 819 data-prepr-item-id="c62f5ba5-51fa-45db-aafe-5090092ed34e" 820 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"> 821 822 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 823 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/210i8d6y0rw0-.jpg" 824 alt="Comeback Louise Korthals in het theater in Alkmaar" 825 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 826 <!--[if ENDBLOCK]><![endif]--> 827 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 828 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 829 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 830 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 831 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 832 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 833 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 834 </div> 835 836 <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"> 837 <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"> 838 Comeback Louise Korthals in het theater in Alkmaar 839 </h3> 840 <p class="line-clamp-3 font-montserrat max-md:hidden"> 841 Met âKorthals in stukkenâ maakte Louise Korthals afgelopen seizoen een geweldige comeback. 842 </p> 843 </div> 844</a> 845 <a 846 wire:navigate 847 href="https://beatfm.nl/nieuws/artikel/alkmaar-deelt-gratis-vleermuizenkasten-uit" 848 data-prepr-item-id="f9f02567-1445-4f7f-89fe-ccadc1cdd0cb" 849 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"> 850 851 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 852 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/2acwppinv1g
8520-.jpg" 853 alt="Alkmaar deelt gratis vleermuizenkasten uit" 854 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 855 <!--[if ENDBLOCK]><![endif]--> 856 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 857 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 858 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 859 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 860 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 861 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 862 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 863 </div> 864 865 <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"> 866 <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"> 867 Alkmaar deelt gratis vleermuizenkasten uit 868 </h3> 869 <p class="line-clamp-3 font-montserrat max-md:hidden"> 870 Alkmaar deelt 100 vleermuizenkasten uit rond Dierendag. 871 </p> 872 </div> 873</a> 874 <a 875 wire:navigate 876 href="https://beatfm.nl/nieuws/artikel/lange-file-op-a9-vanaf-knooppunt-kooimeer-in-alkmaar-door-ongeluk" 877 data-prepr-item-id="34d1a3ee-7065-4814-8772-07cfd4f3b644" 878 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"> 879 880 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 881 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/buq1f5al6uk-.jpg" 882 alt="Lange file op A9 vanaf knooppunt Kooimeer in Alkmaar door ongeluk" 883 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 884 <!--[if ENDBLOCK]><![endif]--> 885 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 886 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 887 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 888 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 889 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 890 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 891 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 892 </div> 893 894 <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"> 895 <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"> 896 Lange file op A9 vanaf knooppunt Kooimeer in Alkmaar door ongeluk 897 </h3> 898 <p class="line-clamp-3 font-montserrat max-md:hidden"> 899 Op de A9 richting Amsterdam staat er donderdagmorgen tussen knooppunt Kooimeer en knooppunt Rottepolderplein rond 9.00 uur 21 kilometer file. 900 </p> 901 </div> 902</a> 903 <a 904 wire:navigate 905 href="https://beatfm.nl/nieuws/artikel/basisschool-meander-in-heiloo-bakt-1400-bij-elkaar" 906 data-prepr-item-id="89386667-6d58-405f-b737-08be6927b636" 907 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"> 908 909 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 910 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/6069pw35dqbp-.jpg" 911 alt="Basisschool Meander in Heiloo bakt ⬠1.400 bij elkaar voor goed doel" 912 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 913 <!--[if ENDBLOCK]><![endif]--> 914 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 915 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 916 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 917 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 918 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 919 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 920 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 921 </div> 922 923 <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"> 924 <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"> 925 Basisschool Meander in Heiloo bakt ⬠1.400 bij elkaar voor goed doel 926 </h3> 927 <p class="line-clamp-3 font-montserrat max-md:hidden"> 928 Leerlingen van basisschool Meander in Heiloo hebben meegedaan aan KlasBakken met Dr. Oetker voor Stichting Jarige Job. 929 </p> 930 </div> 931</a> 932 <a 933 wire:navigate 934 href="https://beatfm.nl/nieuws/artikel/alle-evenementen-en-voorstellingen-in-heiloo-en-de-regio-alkmaar-in-online-agenda-betfm2"
935 data-prepr-item-id="e68d5de0-449d-4423-b908-dc82847f43f8" 936 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"> 937 938 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 939 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/1bcf6meyu9lo/w_728,h_400/agenda-okt.jpg" 940 alt="Alle evenementen en voorstellingen in Heiloo en de regio Alkmaar in online agenda BE@TFM" 941 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 942 <!--[if ENDBLOCK]><![endif]--> 943 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 944 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 945 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 946 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 947 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 948 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 949 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 950 </div> 951 952 <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"> 953 <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"> 954 Alle evenementen en voorstellingen in Heiloo en de regio Alkmaar in online agenda BE@TFM 955 </h3> 956 <p class="line-clamp-3 font-montserrat max-md:hidden"> 957 In de online agenda van BE@TFM zijn alle evenementen en voorstellingen in Heiloo en de regio Alkmaar terug te vinden. 958 </p> 959 </div> 960</a> 961 <a 962 wire:navigate 963 href="https://beatfm.nl/nieuws/artikel/overal-in-de-stad-muziek-tijdens-alkmaar-live-fotos-video" 964 data-prepr-item-id="1b5ef6d1-f394-48ee-ac20-5c719bcf64b1" 965 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"> 966 967 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 968 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/7blzneky46cd/w_728,h_400/alkmaar-live-2026-2-ringersplein.jpg" 969 alt="Overal in de stad muziek tijdens Alkmaar Live [FOTO'S & VIDEO]" 970 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 971 <!--[if ENDBLOCK]><![endif]--> 972 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 973 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 974 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 975 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 976 <!--[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"> 977 <i class="fa-solid fa-video"></i> 978</span> 979 <!--[if ENDBLOCK]><![endif]--> 980 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 981 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 982 </div> 983 984 <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"> 985 <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"> 986 Overal in de stad muziek tijdens Alkmaar Live [FOTO'S & VIDEO] 987 </h3> 988 <p class="line-clamp-3 font-montserrat max-md:hidden"> 989 In het lange weekend van 25, 26 en 27 september 2026 was er Alkmaar Live. Overal in de stad waren er live optredens, waaronder Ju Ju Junction, Dewi en Anna, Efvy, Carousel en H!er!. 990 </p> 991 </div> 992</a> 993 <!--[if ENDBLOCK]><![endif]--> </div> 994 </section> 995 996 997 <div class="hidden lg:block"> 998 <div wire:key="banner-category_top" wire:snapsh
998ot="{"data":{"placeId":"category_top","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"tAEPhqDWjPQiyxFlWta9","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"83a64615800b4a4560bdd858cfb9afe21a2baafa3c47b8ad37643a1df7fa5060"}" wire:effects="[]" wire:id="tAEPhqDWjPQiyxFlWta9" wire:name="components.banner"> 999<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1000 1001 </div> 1002 <div class="lg:hidden"> 1003 <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":"G0ros3zc95qklkeea2QC","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"c092f84ae49fef082a8cae6d60405f25369ba7aaff65e8b7a70072d37ba4d24e"}" wire:effects="[]" wire:id="G0ros3zc95qklkeea2QC" wire:name="components.banner"> 1004<!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--></div> 1005 1006 </div> 1007 <!--[if ENDBLOCK]><![endif]--> 1008 1009 1010 <div wire:key="lw-71422695-2-1" wire:snapshot="{"data":[],"memo":{"id":"5hyN20EwYLxsGwzAXuUL","name":"components.video-overview","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"3cd7910cf670584a0838bd887ba61ee3a8681acc68cccce48bb1eb025c0ce6f7"}" wire:effects="[]" wire:id="5hyN20EwYLxsGwzAXuUL" wire:name="components.video-overview" x-data="{ 1011 ...videoModalComponent(JSON.parse('[{\u0022title\u0022:\u0022Overal in de stad muziek tijdens Alkmaar Live (1 oktober 2026)\u0022,\u0022short_title\u0022:\u0022Overal in de stad muziek tijdens Alkmaar Live (1 oktober 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/5a00bgm8fnm8-overal-in-de-stad-muziek-tijdens-alkmaar-live-1-oktober-2026_360.mp4\u0022,\u0022duration\u0022:\u002204:19\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Overal in de stad muziek tijdens Alkmaar Live (1 oktober 2026)\u0022},{\u0022title\u0022:\u0022CrossTown festival in Alkmaar trekt veel publiek (30 september 2026)\u0022,\u0022short_title\u0022:\u0022CrossTown festival in Alkmaar trekt veel publiek (29 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/7a28a8aoe14m-crosstown-festival-in-alkmaar-trekt-veel-publiek-29-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002202:04\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1011,\u0022display_title\u0022:\u0022CrossTown festival in Alkmaar trekt veel publiek (29 september 2026)\u0022},{\u0022title\u0022:\u0022Veel deelnemers zonnige 9e editie Bergermeerrun 2026 (29 september 2026)\u0022,\u0022short_title\u0022:\u0022Veel deelnemers zonnige 9e editie Bergermeerrun 2026 (30 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/18xkeeyi6rnx-veel-deelnemers-zonnige-negende-editie-bergermeerrun-2026-29-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002202:56\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1011,\u0022display_title\u0022:\u0022Veel deelnemers zonnige 9e editie Bergermeerrun 2026 (30 september 2026)\u0022},{\u0022title\u0022:\u0022Buitenbad Zwembad Hoornse Vaart voor allerlaatste keer open (28 september 2026)\u0022,\u0022short_title\u0022:\u0022Buitenbad Zwembad Hoornse Vaart voor allerlaatste keer open (28 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2vioo7aedv2f-buitenbad-zwembad-hoornse-vaart-voor-allerlaatste-keer-open-28-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:39\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Buitenbad Zwembad Hoornse Vaart voor allerlaatste keer open (28 september 2026)\u0022},{\u0022title\u0022:\u0022Afsluiting Vredesweken in Grote Kerk Alkmaar met zangworkshop en burgemeester (28 september 2026)\u0022,\u0022short_title\u0022:\u0022Afsluiting Vredesweken in Grote Kerk Alkmaar met zangworkshop en burgemeester (28 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/26fvzlkoe9hw-afsluiting-vredesweken-in-grote-kerk-alkmaar-met-zangworkshop-en-burgemeester-28-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002207:18\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Afsluiting Vredesweken in Grote Kerk Alkmaar met zangworkshop en burgemeester (28 september 2026)\u0022},{\u0022title\u0022:\u0022Volle Museumnacht Alkmaar mix van kunst, muziek en onverwachte ontmoetingen (27 september 2026)\u0022,\u0022short_title\u0022:\u0022Volle Museumnacht Alkmaar mix van kunst, muziek en onverwachte ontmoetingen (27 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/79ahdwyux4qz-volle-museumnacht-alkmaar-mix-van-kunst-muziek-en-onverwachte-ontmoetingen-27-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002206:04\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022}
1011,\u0022display_title\u0022:\u0022Volle Museumnacht Alkmaar mix van kunst, muziek en onverwachte ontmoetingen (27 september 2026)\u0022},{\u0022title\u0022:\u0022Drukte in Langestraat vanwege 100 jaar HEMA en Week tegen Eenzaamheid\u0022,\u0022short_title\u0022:\u0022Drukte in Langestraat vanwege 100 jaar HEMA en Week tegen Eenzaamheid\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/vub3b3cgob8-drukte-in-langestraat-vanwege-100-jaar-hema-en-week-tegen-eenzaamheid-26-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:15\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Drukte in Langestraat vanwege 100 jaar HEMA en Week tegen Eenzaamheid\u0022},{\u0022title\u0022:\u0022KNUS markten breiden uit naar Heiloo met succesvolle editie bij winkelcentrum Het Loo (26 september 2026)\u0022,\u0022short_title\u0022:\u0022KNUS markten breiden uit naar Heiloo met succesvolle editie bij winkelcentrum Het loo (26 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/2n9a8x8qhg90-knus-vintagemarkt-het-loo-heiloo-26-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002201:34\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022KNUS markten breiden uit naar Heiloo met succesvolle editie bij winkelcentrum Het loo (26 september 2026)\u0022},{\u0022title\u0022:\u0022Persoon zwaargewond bij brand in appartementencomplex Broek op Langedijk (26 september 2026)\u0022,\u0022short_title\u0022:\u0022Persoon zwaargewond bij brand in appartementencomplex Broek op Langedijk (26 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/1d355s0m23n6-persoon-zwaargewond-bij-brand-in-appartementencomplex-broek-op-langedijk-26-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}
1011,\u0022display_title\u0022:\u0022Persoon zwaargewond bij brand in appartementencomplex Broek op Langedijk (26 september 2026)\u0022},{\u0022title\u0022:\u0022Drie mensen gewond bij ernstig verkeersongeval op Hoeverweg bij Egmond (25 september 2026)\u0022,\u0022short_title\u0022:\u0022Drie mensen gewond bij ernstig verkeersongeval op Hoeverweg bij Egmond (25 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/13vund000cdz-drie-mensen-gewond-bij-ernstig-verkeersongeval-op-hoeverweg-bij-egmond-25-september-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:42\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Drie mensen gewond bij ernstig verkeersongeval op Hoeverweg bij Egmond (25 september 2026)\u0022},{\u0022title\u0022:\u0022Zwembad De Hoornse Vaart ontruimd na brandmelding (25 september 2026)\u0022,\u0022short_title\u0022:\u0022Zwembad De Hoornse Vaart ontruimd na brandmelding (25 september 2026)\u0022,\u0022broadcast\u0022:{\u0022coverThumbUrl\u0022:\u0022https:\\\/\\\/195j60ch0d7d.b-cdn.net\\\/h_600\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_thumbnail.0000009.jpg\u0022,\u0022url\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_1080.mp4\u0022,\u0022url_hls\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_1080.mp4\u0022,\u0022url_mp4_high\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_1080.mp4\u0022,\u0022url_mp4_medium\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_720.mp4\u0022,\u0022url_mp4_low\u0022:\u0022https:\\\/\\\/5uot63m4ej15.b-cdn.net\\\/30nned5jxn83-zwembad-de-hoornse-vaart-ontruimd-na-brandmelding-25-setember-2026_360.mp4\u0022,\u0022duration\u0022:\u002200:49\u0022,\u0022mime_type\u0022:\u0022video\\\/mp4\u0022,\u0022height\u0022:1080,\u0022width\u0022:1920,\u0022aspect_ratio\u0022:\u002216:9\u0022},\u0022display_title\u0022:\u0022Zwembad De Hoornse Vaart ontruimd na brandmelding (25 september 2026)\u0022},{\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}
1011,\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}
1011,\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}
1011,\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}]')) 1012}" > 1013 1014 <section> 1015 <div class="border-y border-button-border py-6 relative"> 1016 <div class="flex items-center justify-between text-text-main mb-6"> 1017 <h2 class="font-bold text-xl">Kijken</h2> 1018 <div class="flex items-center space-x-2.5"> 1019 <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> 1020 <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> 1021 </div> 1022 </div> 1023 <div class="relative"> 1024 <style> [x-ref="scrollContainer"]::-webkit-scrollbar { display: none; } </style> 1025 <div x-ref="scrollContainer" 1026 class="flex items-center gap-6 overflow-x-auto scroll-smooth snap-x snap-mandatory pr-6" 1027 style="scrollbar-width: none; -ms-overflow-style: none;" 1028 onwheel="this.scrollLeft += event.deltaY"> 1029 <template x-for="(video, index) in videos" :key="index"> 1030 <div class="snap-start flex-shrink-0 group text-left focus:outline-none cursor-pointer" 1031 :class="{
1032 '!w-[511px]': video.broadcast.width >= video.broadcast.height, 1033 '!w-[162px]': video.broadcast.width < video.broadcast.height 1034 }" 1035 @click="openModal(index)"> 1036 <div class="flex flex-col overflow-hidden"> 1037 <div 1038 class="w-full relative h-72 mb-3" 1039 :class="{ 1040 'aspect-video': video.broadcast.width >= video.broadcast.height, 1041 'aspect-[9/16]': video.broadcast.width < video.broadcast.height 1042 }" 1043 > 1044 <img 1045 :src="video.broadcast.coverThumbUrl" 1046 alt="" 1047 class="object-cover w-auto h-72 rounded-xl group-hover:opacity-90" 1048 /> 1049 <div class="absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 text-center"> 1050 <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> 1051 <span class="mt-2 font-bold text-white text-xs" x-text="video.broadcast.duration"></span> 1052 </div> 1053 </div> 1054 <p x-text="video.display_title" class="text-lg font-bold truncate leading-[normal] group-hover:underline group-hover:text-brand-secondary"></p> 1055 </div> 1056 </div> 1057 </template> 1058 </div> 1059 <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> 1060 </div> 1061 </div> 1062 </section> 1063 1064 1065 <div 1066 x-show="modalOpen" 1067 x-transition.opacity 1068 x-on:keydown.window.escape.prevent="modalOpen && closeModal()" 1069 x-on:keydown.window.arrow-right.prevent="modalOpen && nextVideo($event)" 1070 x-on:keydown.window.arrow-left.prevent="modalOpen && prevVideo($event)" 1071 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" 1072 style="display: none;" 1073 x-cloak 1074 role="dialog" 1075 aria-modal="true" 1076 > 1077 <div x-on:click="closeModal()" class="absolute inset-0 bg-text-main/10 dark:bg-black/40" aria-hidden="true"></div> 1078 1079 <button 1080 type="button" 1081 x-on:click="closeModal()" 1082 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" 1083 aria-label="Sluiten" 1084 > 1085 <i class="fa-solid fa-close text-sm"></i> 1086 </button> 1087 1088 <div 1089 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" 1090 :class="(modalOpen && !isPlayerReady) ? 'overflow-hidden' : 'overflow-y-auto md:overflow-hidden'" 1091 > 1092 <template x-if="activeVideo"> 1093 <div class="relative flex min-h-[45dvh] w-full flex-1 flex-col items-center justify-center md:min-h-0"> 1094 1095 <div 1096 x-show="!isPlayerReady" 1097 x-transition.opacity 1098 class="absolute inset-0 z-30 flex items-center justify-center" 1099 > 1100 <div class="h-10 w-10 animate-spin rounded-full border-2 border-text-main/20 border-t-text-main"></div> 1101 </div> 1102 1103 <div 1104 x-show="isPlayerReady" 1105 x-transition.opacity 1106 class="flex min-h-0 w-full flex-col items-center gap-[16px]" 1107 > 1108 <h2 1109 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]" 1110 x-text="activeVideo.display_title" 1111 ></h2> 1112 1113 <template x-if="videos.length > 1 && activeVideoIndex > 0"> 1114 <button 1115 type="button" 1116 x-on:click="prevVideo($event)" 1117 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" 1118 aria-label="Vorige video" 1119 > 1120 <i class="fa-solid fa-chevron-left text-xs"></i> 1121 </button> 1122 </template> 1123 <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1"> 1124 <button 1125 type="button" 1126 x-on:click="nextVideo($event)" 1127 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" 1128 aria-label="Volgende video" 1129 > 1130 <i class="fa-solid fa-chevron-right text-xs"></i> 1131 </button> 1132 </template> 1133 1134 <div class="js-modal-card-container relative w-full min-w-0 max-w-full"> 1135 <div class="relative overflow-hidden rounded-xl"> 1136 <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> 1137 1138 <template x-if="videos.length > 1 && activeVideoIndex > 0"> 1139 <button 1140 type="button" 1141 x-on:click="prevVideo($event)" 1142 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" 1143 aria-label="Vorige video" 1144 > 1145 <i class="fa-solid fa-chevron-left text-xs"></i> 1146 </button> 1147 </template> 1148 <template x-if="videos.length > 1 && activeVideoIndex < videos.length - 1"> 1149 <button 1150 type="button" 1151 x-on:click="nextVideo($event)" 1152 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" 1153 aria-label="Volgende video" 1154 > 1155 <i class="fa-solid fa-chevron-right text-xs"></i> 1156 </button> 1157 </template> 1158 </div> 1159 </div> 1160 1161 <template x-if="videos.length > 1"> 1162 <div 1163 class="pointer-events-none flex w-full justify-center" 1164 role="group" 1165 aria-label="Fotonavigatie" 1166 >
1167 <span 1168 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]" 1169 role="status" 1170 x-text="(activeVideoIndex + 1) + ' / ' + videos.length" 1171 ></span> 1172 </div> 1173 </template> 1174 </div> 1175 </div> 1176 </template> 1177 </div> 1178 </div> 1179</div> 1180 1181 1182 <!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> <section wire:key="group-extra-0"> 1183 <div class="grid grid-cols-1 md:grid-cols-2 xl:grid-cols-3 gap-6"> 1184 <!--[if BLOCK]><![endif]--> <a 1185 wire:navigate 1186 href="https://beatfm.nl/nieuws/artikel/afscheid-in-heiloo-van-cees-rootjes" 1187 data-prepr-item-id="2e93e228-5285-46f3-8672-89100015662b" 1188 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"> 1189 1190 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1191 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/35pigu0mxypc/w_728,h_400/cees-rootjes-1.jpg" 1192 alt="Afscheid in Heiloo van Cees Rootjes" 1193 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1194 <!--[if ENDBLOCK]><![endif]--> 1195 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1196 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1197 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1198 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1199 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1200 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1201 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1202 </div> 1203 1204 <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"> 1205 <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"> 1206 Afscheid in Heiloo van Cees Rootjes 1207 </h3> 1208 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1209 Ook in Heiloo zijn de PvdA en GroenLinks gefuseerd in PRO Heiloo. 1210 </p> 1211 </div> 1212</a> 1213 <a 1214 wire:navigate 1215 href="https://beatfm.nl/nieuws/artikel/podcast-op-je-eigen-tempo-met-terugblik-op-halve-marathon-van-antwerpen" 1216 data-prepr-item-id="859e1787-0409-41fe-a104-3694ab0849d5" 1217 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"> 1218 1219 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1220 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/4qrcdyyi51ut/w_728,h_400/op-je-eigen-tempo-88.jpg" 1221 alt="Podcast 'Op je eigen tempo' met terugblik op halve marathon van Antwerpen" 1222 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1223 <!--[if ENDBLOCK]><![endif]--> 1224 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1225 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1226 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1227 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1228 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1229 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1230 <!--[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"> 1231 <i class="fa-solid fa-music"></i> 1232</span> 1233 <!--[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 Podcast 'Op je eigen tempo' met terugblik op halve marathon van Antwerpen 1239 </h3> 1240 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1241 In de podcast 'Op je eigen tempo' is een terugblik te horen op de halve marathon van Antwerpen. 1242 </p> 1243 </div> 1244</a> 1245 <a 1246 wire:navigate 1247 href="https://beatfm.nl/nieuws/artikel/een-aanhouding-na-steekpartij-robonsbosweg-in-alkmaar-fotos" 1248 data-prepr-item-id="c07e4ad3-d91e-4967-975d-c7bc900d4b0c" 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/4x3yu4axdpa9/w_728,h_400/alkmaar-robonsbosweg-in-steekpartij-gemeld-6.jpg"
1253 alt="Eén aanhouding na steekpartij Robonsbosweg in Alkmaar [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 Eén aanhouding na steekpartij Robonsbosweg in Alkmaar [FOTO'S] 1268 </h3> 1269 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1270 Rond 17.38 uur kwam bij de was er een melding van een mogelijke steekpartij aan de Robonsbosweg. 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:snapshot="{"data":{"placeId":"category_middle","shouldRender":false,"title":null,"isSlider":null,"duration":null,"slidesToShow":null,"items":[[],{"s":"arr"}]},"memo":{"id":"9jYnbw64xqIW4ivPNHwM","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"67bb60d87eb9a1abb69abe6a734b712c8f7494d38f7ab8e8115772cf18e1e085"}" wire:effects="[]" wire:id="9jYnbw64xqIW4ivPNHwM" 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":"bhnspCqnaIUia2wSpkbo","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"10ca3905dc93fdff199f00ff881700bfa618f0d690cffec8c23db4a213e6c688"}" wire:effects="[]" wire:id="bhnspCqnaIUia2wSpkbo" 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/uitsupporters-israelische-hapoel-beer-sheva-niet-welkom-bij-wedstrijd-tegen-az" 1293 data-prepr-item-id="74730e06-2e92-4802-910b-288913fe45ac" 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/2tc7kce6f5s/w_728,h_400/alkmaar-az-stadion-bekerfinale-2026-1.jpg" 1298 alt="Uitsupporters Israëlische Hapoel Beâer Sheva niet welkom bij wedstrijd tegen AZ" 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 Uitsupporters Israëlische Hapoel Beâer Sheva niet welkom bij wedstrijd tegen AZ 1313 </h3> 1314 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1315 De burgemeester van Alkmaar en de veiligheidsdriehoek hebben besloten dat de wedstrijd AZâHapoel Beâer Sheva op 15 oktober in Alkmaar wordt gespeeld zonder Israëlische uitsupporters. 1316 </p> 1317 </div> 1318</a> 1319 <a 1320 wire:navigate 1321 href="https://beatfm.nl/nieuws/artikel/zondag-4-oktober-is-weer-rommelmarkt-op-wielerbaan-in-alkmaar" 1322 data-prepr-item-id="bad939d6-5d38-45e3-8438-1a723b22a56e" 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/w_728,h_400/3x0w4xefiprr-alkmaar-grote-rommelmarkt-wielerbaan-1.jpg" 1327 alt="Zondag 4 oktober weer rommelmarkt op Wielerbaan in 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 Zondag 4 oktober weer rommelmarkt op Wielerbaan in Alkmaar 1342 </h3> 1343 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1344 Zondag 4 oktober is er van 10.00 tot 16.00 uur weer een rommelmarkt op de Wielerbaan in Alkmaar. 1345 </p> 1346 </div> 1347</a> 1348 <a 1349 wire:navigate 1350 href="https://beatfm.nl/nieuws/artikel/incident-aan-stationsweg-bij-ns-station-in-alkmaar-fotos" 1351 data-prepr-item-id="73a75263-26b5-453c-acee-bbcb35cf7c31" 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/5d2408i1rs0t/w_728,h_400/alkmaar-station-ambulance-3.jpg" 1356 alt="Incident aan Stationsweg bij NS Station in Alkmaar [FOTO'S]" 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 Incident aan Stationsweg bij NS Station in Alkmaar [FOTO'S] 1371 </h3> 1372 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1373 Een ambulance dinsdagavond rond 18.30 uur met spoed opgeroepen voor een melding aan de Stationsweg in Alkmaar. 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/crosstown-festival-in-alkmaar-trekt-veel-publiek-fotos-video"
1386 data-prepr-item-id="ad0535a8-4b4c-425f-b240-240f7ec4963e" 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/2eib3dim41ms/w_728,h_400/alkmaar-crosston-hal25-graffiti-2.jpg" 1391 alt="CrossTown festival in Alkmaar trekt veel publiek [FOTO'S & VIDEO]" 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]--> <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"> 1399 <i class="fa-solid fa-video"></i> 1400</span> 1401 <!--[if ENDBLOCK]><![endif]--> 1402 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1403 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> </div> 1404 </div> 1405 1406 <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"> 1407 <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"> 1408 CrossTown festival in Alkmaar trekt veel publiek [FOTO'S & VIDEO] 1409 </h3> 1410 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1411 Zaterdag 26 en zondag 27 september 2026 was in en rond Hal 25 het CrossTown festival. 1412 </p> 1413 </div> 1414</a> 1415 <a 1416 wire:navigate 1417 href="https://beatfm.nl/nieuws/artikel/verdachte-situatie-in-omgeving-heilooer-bos-verdachten-na-bijna-uur-zoeken-niet-aangetroffen" 1418 data-prepr-item-id="9a5aeff1-46c1-4c90-89c6-389f28210090" 1419 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"> 1420 1421 <div class="relative overflow-hidden w-[120px] md:w-full shrink-0"> 1422 <!--[if BLOCK]><![endif]--> <img src="https://195j60ch0d7d.b-cdn.net/w_728,h_400/1fngbjj9cygb-.jpg" 1423 alt="Verdachte situatie In omgeving Heilooër Bos; verdachten na bijna uur zoeken niet aangetroffen" 1424 class="w-full h-[75px] md:h-[200px] object-cover md:group-hover:scale-105 md:ease-in md:duration-200"> 1425 <!--[if ENDBLOCK]><![endif]--> 1426 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1427 <div class="absolute bottom-2 left-2 flex flex-row gap-x-2 z-20"> 1428 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1429 <!--[if BLOCK]><![endif]--><!--[if ENDBLOCK]><![endif]--> 1430 <!--[if BLOCK]><![endif]--><!--[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 Verdachte situatie In omgeving Heilooër Bos; verdachten na bijna uur zoeken niet aangetroffen 1438 </h3> 1439 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1440 In de omgeving van het Heilooër Bos heeft zich dinsdagmiddag rond 16.13 uur een verdachte situatie voorgedaan. Het ging daarbij om twee jongens van 14 tot 15 jaar oud met donkere huidskleur. 1441 </p> 1442 </div> 1443</a> 1444 <a 1445 wire:navigate 1446 href="https://beatfm.nl/nieuws/artikel/puzzelruilbeurs-in-het-trefpunt" 1447 data-prepr-item-id="66330ac1-1453-4648-8a2d-56bb7982f5c6" 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/5qslidzf9qqn/w_728,h_400/trefpunt-heiloo-spelmiddag-2025-23-maart-2025.jpg" 1452 alt="Puzzelruilbeurs in het Trefpunt" 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 Puzzelruilbeurs in het Trefpunt 1467 </h3> 1468 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1469 Puzzelfans die thuis puzzels hebben liggen die je al eens gemaakt zijn, kunnen die tijdens de Puzzelruilbeurs op zaterdag 10 oktober in het Trefpunt ruilen voor een nieuwe uitdaging. 1470 </p> 1471 </div> 1472</a> 1473 <a 1474 wire:navigate 1475 href="https://beatfm.nl/nieuws/artikel/start-werkzaamheden-bergerhoutrotonde-op-2-november" 1476 data-prepr-item-id="09eecd25-6081-4908-99e7-976e3b03652a" 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/17p02f941kv7/w_728,h_400/alkmaar-geesterweg-bomenkap-5.jpg" 1481 alt="Start werkzaamheden Bergerhoutrotonde op 2 november; bypass voor doorgaand verkeer" 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 Start werkzaamheden Bergerhoutrotonde op 2 november; bypass voor doorgaand verkeer 1496 </h3> 1497 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1498 Voor het project âherinrichting Bergerhoutrotonde Scharloâ is na de definitieve gunning aan aannemer Ballast Nedam bepaald dat de werkzaamheden op 2 november zullen starten. 1499 </p> 1500 </div> 1501</a> 1502 <a 1503 wire:navigate 1504 href="https://beatfm.nl/nieuws/artikel/persoon-met-scootmobiel-te-water-in-koedijk-fotos" 1505 data-prepr-item-id="4fc2c0dd-57a1-4ef6-9824-0d5c74f3a60d" 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/4ukh3iflnfj0/w_728,h_400/koedik-persoon-op-scootmobiel-te-water-4.jpg" 1510 alt="Persoon met scootmobiel te water in Koedijk [FOTO'S]" 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 Persoon met scootmobiel te water in Koedijk [FOTO'S] 1525 </h3> 1526 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1527 Rond 13:50 uur is er in Koedijk een persoon te water geraakt. Deze zat op een scootmobiel. 1528 </p> 1529 </div> 1530</a> 1531 <a 1532 wire:navigate 1533 href="https://beatfm.nl/nieuws/artikel/lampionoptocht-in-alkmaar-met-meer-dan-2000-lichtjes" 1534 data-prepr-item-id="f0db714c-e803-4ef8-baf4-e2045de03ce1" 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/2w9o9xahlqc3/w_728,h_400/alkmaar-lampionnenoptocht-2025-1.jpg" 1539 alt="Lampionoptocht in Alkmaar met meer dan 2000 lichtjes [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 Lampionoptocht in Alkmaar met meer dan 2000 lichtjes [VIDEO] 1557 </h3> 1558 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1559 Op de avond voorafgaand aan Alkmaar Ontzet, rond 19.00 uur, verzamelen honderden kinderen zich met hun zelfgemaakte lampions in de Langestraat. 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-gelijk-tegen-legmeervogels-volgende-week-dorpsderby-tegen-foresters" 1573 data-prepr-item-id="1f371348-2f63-4cf1-b86e-be3dc9cefc11" 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/9qtfdgi3crk/w_728,h_400/hsv-kampioen-2026-4.jpg" 1578 alt="HSV Heiloo gelijk tegen Legmeervogels; zaterdag dorpsderby tegen Foresters" 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 gelijk tegen Legmeervogels; zaterdag dorpsderby tegen Foresters 1593 </h3> 1594 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1595 Voetbalclub HSV heeft zondag gelijk gespeeld tegen Legmeervogels. 1596 </p> 1597 </div> 1598</a> 1599 <a 1600 wire:navigate 1601 href="https://beatfm.nl/nieuws/artikel/oud-vuurwerk-inleveren-zonder-gevolgen-in-alkmaar-op-zaterdag-3-oktober" 1602 data-prepr-item-id="55858887-838d-493e-ac3a-4695e0beac4e" 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/64htadpuhtbh/w_728,h_400/vuurwerk-62.jpg" 1607 alt="Oud vuurwerk inleveren zonder gevolgen in Alkmaar op zaterdag 3 oktober" 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 Oud vuurwerk inleveren zonder gevolgen in Alkmaar op zaterdag 3 oktober 1622 </h3> 1623 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1624 Sinds 1 augustus gelden in Nederland nieuwe regels voor vuurwerk. Vuurwerk kopen, afsteken maar ook in bezit hebben is verboden. 1625 </p> 1626 </div> 1627</a> 1628 <a 1629 wire:navigate
1630 href="https://beatfm.nl/nieuws/artikel/veel-deelnemers-zonnige-9e-editie-bergermeerrun-2026-fotos-video" 1631 data-prepr-item-id="fd2f37dd-e8c4-426e-97c0-58fd0686f229" 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/5t2pftpx4io3/w_728,h_400/bergermeerrun-2026-4.jpg" 1636 alt="Veel deelnemers zonnige 9e editie Bergermeerrun 2026 [FOTO'S & 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]--> <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 Veel deelnemers zonnige 9e editie Bergermeerrun 2026 [FOTO'S & VIDEO] 1654 </h3> 1655 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1656 In Alkmaar vond zaterdag 26 september de Bergermeerrun 2026 plaats. Het was de negende editie van deze sportieve en gezellige dag in de wijk, voor jong en oud. 1657 </p> 1658 </div> 1659</a> 1660 <a 1661 wire:navigate 1662 href="https://beatfm.nl/nieuws/artikel/nog-steeds-verbetering-nodig-bestuurlijke-informatievoorziening-en-opvolging-aanbevelingen-in-heiloo" 1663 data-prepr-item-id="a801680d-1be3-4618-b141-20dd60f32aed" 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/w_728,h_400/6ji20liuogfx-gemeentehuis-toegang-2.jpg" 1668 alt="Nog steeds verbetering nodig bestuurlijke informatievoorziening en opvolging aanbevelingen in Heiloo" 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 Nog steeds verbetering nodig bestuurlijke informatievoorziening en opvolging aanbevelingen in Heiloo 1683 </h3> 1684 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1685 De colleges van Bergen, Uitgeest, Castricum en Heiloo onderschrijven de strekking van het rekenkameronderzoek naar de controlemechanismen binnen de BUCH-gemeenten. 1686 </p> 1687 </div> 1688</a> 1689 <a 1690 wire:navigate 1691 href="https://beatfm.nl/nieuws/artikel/drie-autos-op-elkaar-bij-ongeval-op-nollenweg-n508-in-alkmaar-fotos" 1692 data-prepr-item-id="1cd9379d-6c63-4647-a630-f85dc1d525f1" 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/3enipotceexh/w_728,h_400/alkmaar-nollenweg-n508-drie-autos-op-elkaar-7.jpg" 1697 alt="Drie auto's op elkaar bij ongeval op Nollenweg N508 in Alkmaar [FOTO'S[" 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 Drie auto's op elkaar bij ongeval op Nollenweg N508 in Alkmaar [FOTO'S[ 1712 </h3> 1713 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1714 Op de N508 bij Alkmaar zijn maandagavond drie auto's betrokken geraakt bij een ongeval. 1715 </p> 1716 </div> 1717</a> 1718 <a 1719 wire:navigate 1720 href="https://beatfm.nl/nieuws/artikel/zaterdag-3-oktober-nationale-kringloopdag-bij-kringloopboulevard-alkmaar" 1721 data-prepr-item-id="7bd50856-be79-47e8-af56-736d6f3cf1f5" 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/2kgqe96j4s2w-.jpg" 1726 alt="Zaterdag 3 oktober Nationale Kringloopdag bij Kringloopboulevard Alkmaar" 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 Zaterdag 3 oktober Nationale Kringloopdag bij Kringloopboulevard Alkmaar 1741 </h3> 1742 <p class="line-clamp-3 font-montserrat max-md:hidden"> 1743 Tijdens Nationale Kringloopdag op zaterdag 3 oktober is ook de Kringloopboulevard in Alkmaar geopend 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":"t4C8fwvKwXGP4SybIFxl","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"6428c29654b5524e361dfadaf6c9527e9dbf28ca2efdfc417c958ec478825a37"}" wire:effects="[]" wire:id="t4C8fwvKwXGP4SybIFxl" 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":"5weyFKj4BYorTNm9PNly","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"304255244995c3a55f9f5b53efc67caaa6d8a14aef8b825edf6d194246e8a51b"}" wire:effects="[]" wire:id="5weyFKj4BYorTNm9PNly" 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":"689f4b6b-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":"985jB7hDl4VIqMugmnq3","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"78086e5ae7fcd09396f9bf863d4d6ac6515fa32f7f466b56d48ecf130363cc79"}" wire:effects="[]" wire:id="985jB7hDl4VIqMugmnq3" 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-49bdc
17865cdb4d4\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":"JaDnfDQXimXR4ow8kKdi","name":"components.live-overview","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"60fe38e008266ceb7df6050a01c04a14cdfcdd94780e192a655d6c3ec2f27a66"}" wire:effects="[]" wire:id="JaDnfDQXimXR4ow8kKdi" 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-6abf6ac95a61a"> 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-6abf6ac95a61e"> 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">BE@T Classics</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":"TKjoQaOw84Ev9kuXp4DR","name":"components.most-read-overview","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"cda5b5865cf96a1fd389e49127472447d38748bcefe4a56779dce215e071ac15"}" wire:effects="[]" wire:id="TKjoQaOw84Ev9kuXp4DR" 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-b07ba5c5-0b7e-468f-bd68-9825d209e0a9" 1938 wire:navigate 1939 href="https://beatfm.nl/nieuws/artikel/grote-politie-inval-bij-woonwagenkamp-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="b07ba5c5-0b7e-468f-bd68-9825d209e0a9"> 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 Grote politie-inval bij woonwagenkamp in Heiloo 1946 </span> 1947 1948 <img 1949 src="https://195j60ch0d7d.b-cdn.net/3rrghaucaniz/w_100,h_70/heiloo-politie-inval-woonwagenkamp1.jpg" 1950 alt="Grote politie-inval bij woonwagenkamp in Heiloo" 1951 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1952 </a> 1953 <a wire:key="most-read-5417d4f5-630f-4107-bd05-3640f1e0cf78" 1954 wire:navigate 1955 href="https://beatfm.nl/nieuws/artikel/auto-inbrekers-actief-in-heiloo" 1956 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1957 data-prepr-item-id="5417d4f5-630f-4107-bd05-3640f1e0cf78"> 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 Auto-inbrekers actief in Heiloo 1962 </span> 1963 1964 <img 1965 src="https://195j60ch0d7d.b-cdn.net/w_100,h_70/210mu9b6dcxw-.jpg" 1966 alt="Auto-inbrekers actief in Heiloo" 1967 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1968 </a> 1969 <a wire:key="most-read-73a75263-26b5-453c-acee-bbcb35cf7c31" 1970 wire:navigate 1971 href="https://beatfm.nl/nieuws/artikel/incident-aan-stationsweg-bij-ns-station-in-alkmaar-fotos" 1972 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1973 data-prepr-item-id="73a75263-26b5-453c-acee-bbcb35cf7c31"> 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 Incident aan Stationsweg bij NS Station in Alkmaar [FOTO'S] 1978 </span> 1979 1980 <img 1981 src="https://195j60ch0d7d.b-cdn.net/5d2408i1rs0t/w_100,h_70/alkmaar-station-ambulance-3.jpg" 1982 alt="Incident aan Stationsweg bij NS Station in Alkmaar [FOTO'S]" 1983 class="w-[91px] h-[64px] object-cover rounded shrink-0"> 1984 </a> 1985 <a wire:key="most-read-f05bc874-8b7c-4241-b31a-bf76759b992e" 1986 wire:navigate 1987 href="https://beatfm.nl/nieuws/artikel/automobilist-onwel-en-belandt-in-berm-bij-oprit-n9-schoorl-fotos" 1988 class="group flex items-start gap-2 rounded-lg bg-surface-main-4 p-4 cursor-pointer" 1989 data-prepr-item-id="f05bc874-8b7c-4241-b31a-bf76759b992e"> 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 Automobilist onwel en belandt in berm bij oprit N9 Schoorl [FOTO'S] 1994 </span> 1995 1996 <img 1997 src="https://195j60ch0d7d.b-cdn.net/79rcleaybbbp/w_100,h_70/schoorl-n9-automobilist-onwel-2.jpg" 1998 alt="Automobilist onwel en belandt in berm bij oprit N9 Schoorl [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":"f8tz1ZdhLY0tAVftiXHX","name":"components.weather-overview","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"3c2190333c43022bd3a5ea4fea46160a293df035a4814863ae132acd1d766369"}" wire:effects="[]" wire:id="f8tz1ZdhLY0tAVftiXHX" 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/10d.svg" width="32" height="32" alt="icon" /> 2029 <span class="text-lg font-bold text-text-main"> 2030 20° 2031 </span> 2032 <span class="text-xs text-text-main"> 2033 14° 2034 </span> 2035 <span class="text-xs text-text-main"> 2036 0.4 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/01d.svg" width="32" height="32" alt="icon" /> 2059 <span class="text-lg font-bold text-text-main"> 2060 16° 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/03d.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 16° 2079 </span> 2080 <span class="text-xs text-text-main"> 2081 0.0 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":"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":"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":"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":"9HqahHdtYQQwE2O7Ct07","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"f6600944af9e4cb3d9bf4d241632e1c3349038364eadbcfcff2106f4bb4f49b4"}" wire:effects="[]" wire:id="9HqahHdtYQQwE2O7Ct07" wire:name="components.banner"> 2089<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 2090 <div 2091 x-data="{ 2092 items: JSON.parse('[{\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:\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-d239aafa3a
20927b.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":"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":"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":"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":"h1YuIeQfIEFvySmybBJA","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"56dbda8ee7cbfe99f1d7bc120e9929e1f58eff21924def238416f11876bc8327"}" wire:effects="[]" wire:id="h1YuIeQfIEFvySmybBJA" wire:name="components.banner"> 2191<!--[if BLOCK]><![endif]--> <!--[if BLOCK]><![endif]--> 2192 <div 2193 x-data="{ 2194 items: JSON.parse('[{\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:\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:\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":"KlnGBIKHrPbAz5jbh4zz","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"a31fba34caf149f6bea9fc961ea0e999cab10583d54f8b30d8c365d83ac30677"}" wire:effects="[]" wire:id="KlnGBIKHrPbAz5jbh4zz" 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":"Zby8J1pV8pbnMOutHthy","name":"components.banner","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"4605f0bed8eda965e8c8992265a23f5a4e8452c890499e7bc349f13810ef8f21"}" wire:effects="[]" wire:id="Zby8J1pV8pbnMOutHthy" 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=1790850667' : 'https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1790850667'" 2316 src="https://beatfm.nl/tenants/beatfm/logo-light.svg?v=1790850667" 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":"qmN5MYAVMuuPWVhu7v4O","name":"components.radio-player","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"3f77f842f4651a2f4516e83867ac270aa16a5e6bf2eb0deb3e2d5da6c82115a4"}" wire:effects="[]" wire:id="qmN5MYAVMuuPWVhu7v4O" 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]">BE@T Classics</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":"K0SnMxdKONt95LegzUc5","name":"components.cookie-consent","path":"nieuws","method":"GET","release":"a-a-a","children":[],"scripts":[],"assets":[],"errors":[],"locale":"nl","islands":[]},"checksum":"eb8a3f720e86508d9c0b063b6cfd337605e7fd7e43d047ebe6ea973963f2e7e7"}" wire:effects="[]" wire:id="K0SnMxdKONt95LegzUc5" 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=8ea5922c" data-csrf="I85a6oyOu0e2q3q1CYorZZoxI1Gphxj50SIdAISk" 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.