1<!DOCTYPE html> 2<html lang="nl"> 3<head> 4 <meta charset="utf-8"/> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0"/> 6 <title>bonaire.nu - Het nieuws van Bonaire</title> 7 8 9
10<script type="module" src="https://cdn.jsdelivr.net/npm/@hotwired/turbo@latest/dist/turbo.es2017-esm.min.js"></script>
10 11
11<script> 12 document.addEventListener('turbo:before-visit', function() { 13 if (typeof engagement !== 'undefined') engagement.stop(); 14 }); 15 document.addEventListener('turbo:load', function() { 16 if (typeof engagement !== 'undefined') { 17 engagement.stopped = false; 18 engagement.maximumScrollDepth = 0; 19 if (!engagement.listenersAttached) { 20 engagement.listenersAttached = true; 21 } 22 engagement.initalize(); 23 } 24 }); 25 </script>
vendor: 1 bytes, line 25
25
26<script type="text/javascript"> 27 (function(c,l,a,r,i,t,y){ 28 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 29 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 30 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 31 })(window, document, "clarity", "script", "xmuoewwive"); 32</script>
32 33 34 <style type="text/css"> 35 :root { 36 --color-primary: 255, 0, 130; 37 --color-secondary: 0, 0, 0; 38 --color-premium: 255, 238, 247; 39 --color-black: 0, 0, 0; 40 --color-white: 255, 255, 255; 41 --color-gray: 128, 128, 128; 42 } 43 44 @media (prefers-color-scheme: dark) { 45 .dark\:bg-dark { 46 background-color: #121212 47 } 48 } 49 </style> 50 51<meta name="description" 52 content=" Op Bonaire.nu leest u het laatste nieuws over het eiland en vindt u onder andere vacatures."/> 53 54 <link rel="icon" type="image/png" 55 href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon-48x48.png?v=AIpW" 56 sizes="48x48"/> 57 <link rel="icon" type="image/svg+xml" 58 href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.svg?v=AIpW"/> 59 <link rel="shortcut icon" 60 href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.ico?v=AIpW"/> 61 <link rel="apple-touch-icon" sizes="180x180" 62 href="https://storage.pubble.nl/assets/favicons/www/bonaire/apple-touch-icon.png?v=AIpW"/> 63 <link rel="shortcut icon" 64 href="https://storage.pubble.nl/assets/favicons/www/bonaire/favicon.ico?v=AIpW"> 65 <meta name="apple-mobile-web-app-capable" content="yes"> 66 67 <style type="text/css"> 68 :root { 69 --cookiewall-accept: 61 197 60; 70 --cookiewall-accept-hover: 74 222 128; 71 --cookiewall-accept-text: 255 255 255; 72 --cookiewall-neutral-bg: 255 255 255; 73 --cookiewall-neutral-text: 0 0 0; 74 /* Follows the site's brand colour from head.cshtml (a "r, g, b" triplet), and falls back 75 to the old grey for websites that have no Colors configured */ 76 --cookiewall-neutral-border: var(--color-primary, 93 88 88); 77 --cookiewall-link: var(--color-primary, 61 66 74); 78 --cookiewall-backdrop: 0 0 0; 79 --cookiewall-backdrop-alpha: 55%; 80 --cookiewall-placeholder-bg: 232 229 229; 81 --cookiewall-placeholder-link: 0 113 160; 82 } 83 84 /* Primary action: only used where the choice is the visitor's own (saving custom settings) */ 85 .cookiewall-btn-accept { 86 background-color: rgb(var(--cookiewall-accept)); 87 border: 2px solid rgb(var(--cookiewall-accept)) !important; 88 color: rgb(var(--cookiewall-accept-text)); 89 } 90 91 .cookiewall-btn-accept:hover { 92 background-color: rgb(var(--cookiewall-accept-hover)); 93 } 94 95 /* 96 Consent choices. Accept and reject deliberately share ONE style, so no colour nudges the 97 visitor either way. Keep it that way -- equal prominence is a legal requirement here, 98 not a preference, and a coloured "accept" is the textbook dark pattern regulators look for. 99 */ 100 .cookiewall-btn-neutral { 101 background-color: rgb(var(--cookiewall-neutral-bg)); 102 border: 2px solid rgb(var(--cookiewall-neutral-border)) !important; 103 color: rgb(var(--cookiewall-neutral-text)); 104 } 105 106 /* 107 Dialog mode. Banner mode adds no rules at all, so .cookiewall-surface and .cookiewall-panel 108 are inert there and the original layout is untouched. The !important flags are needed to 109 beat the Tailwind utilities and the inline border-bottom-width on the section element. 110 */ 111 .cookiewall-mode-dialog .cookiewall-surface { 112 position: fixed !important; 113 inset: 0 !important; 114 width: auto !important; 115 max-height: none !important; 116 display: flex; 117 align-items: center; 118 justify-content: center; 119 padding: 1rem !important; 120 background-color: rgb(var(--cookiewall-backdrop) / var(--cookiewall-backdrop-alpha)) !important; 121 border-bottom-width: 0 !important; 122 } 123 124 .cookiewall-mode-dialog .cookiewall-panel { 125 background-color: rgb(var(--cookiewall-neutral-bg)); 126 width: 100%; 127 max-width: 42rem; 128 max-height: 90vh; 129 overflow-y: auto; 130 border-radius: 0.5rem; 131 box-shadow: 0 25px 50px -12px rgb(0 0 0 / 45%); 132 padding: 1.5rem; 133 } 134 135 /* One style for every text link in the wall, whether it is an <a> or a bare button */ 136 .cookiewall-link, 137 .cookiewall-btn-link { 138 color: rgb(var(--cookiewall-link)); 139 text-decoration: none; 140 } 141 142 .cookiewall-btn-link { 143 background-color: transparent; 144 border: 0 !important; 145 box-shadow: none !important; 146 } 147 148 .cookiewall-link:hover, 149 .cookiewall-btn-link:hover { 150 text-decoration: underline; 151 } 152 153 .consentframe { 154 background-color: rgb(var(--cookiewall-placeholder-bg)); 155 } 156 157 .consentframe a { 158 color: rgb(var(--cookiewall-placeholder-link)) !important; 159 } 160 </style> 161
161<script type="text/javascript"> 162 let CookieManagerConfig = { 163 DefaultConsent: '', 164 SecureCookie: true, 165 DefaultHosts: [ 166 /pubble.cloud/, 167/pubblestorage.blob.core.windows.net/ 168 169 ], 170 Consents: ['functional', 'analytics', 'socialmedia', 'advertisements'], 171 AnalyticsMode: 'whitelist', 172 ConsentRequiredAfter: 0, 173 PageReloadAfterConsent: false 174 }; 175 </script>
175 176
176<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/Pubble.CookieManager.js?v=260910-1"></script>
176 177 178 179 <link rel="dcterms.rights" href="https://www.bonaire.nu/privacy" /> 180 181 <meta name="twitter:site" content="ABCOnlineMedia" /> 182 183 <meta property="og:site_name" content="bonaire.nu" /> 184 185 <meta property="og:locale" content="nl_NL" /> 186
187<script type="application/ld+json"> 188 { 189 "@context": "https://schema.org", 190 "@type": "WebSite", 191 "name": "bonaire.nu", 192 "url": "https://bonaire.nu/", 193 "potentialAction": { 194 "@type": "SearchAction", 195 "target": { 196 "@type": "EntryPoint", 197 "urlTemplate": "https://bonaire.nu/search?q={search_term_string}" 198 }, 199 "queryInput": "required name=search_term_string" 200 } 201} 202</script>
202 203 204 205
206<script type="text/javascript"> 207 var exports = {}; 208 var pubbleEnv = { 209 pubbleContentApiKey: 'WPjd0qn2lcI0z8qJkLzMhA==', 210 pubbleContentApiHash: 'YWJjZGF0YXwyMnxib25haXJlLm51', 211 domain: 'bonaire.nu', 212 language: 'nl', 213 commonDomain: '', 214 userId: typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : null, 215 subscriptions: null, 216 pushEnabled: false, 217 regionPages: false, 218 regionPagesAutoRedirect: false, 219 isAuthenticated: false, 220 hasPrivileges: false, 221 region: '', 222 }; 223 var lureArticle = { 224 articleAccessLevel: 'null', 225 userAccessLevel: 'Visitor', 226 articlesLeft: -1, 227 articleId: null, 228 hasAccess: false, 229 giftToken: '', 230 articleHeadline: '', 231 articleType: 'null', 232 authorIds: [], 233 articleContentType: 'null', 234 articleIsLiveBlog: false, 235 articleCategory: '', 236 articleSubcategory: '', 237 articleStatus: 'inactive', 238 articleSource: '', 239 articleAuthors: '', 240 articleDate: '' 241 } 242 243 var pubbleStatsContext = null; 244 245 window.dataLayer = window.dataLayer || []; 246 247 window.dataLayer.push({ 248 'articleId': null, 249 'userId': typeof ConsentGiven !== "function" || ConsentGiven('marketing') ? '0' : 'n.a.', 250 'pageType': 'home', 251 'region': '' 252 }); 253</script>
253 254 255 <link rel="canonical" href="/app"/> 256 257
257<script type="application/ld+json"> 258 { 259 "@context": "https://schema.org", 260 "@type": "NewsMediaOrganization", 261 "name": "bonaire.nu", 262 "url": "https://bonaire.nu/", 263 "logo": { 264 "@type": "ImageObject", 265 "url": "https://storage.pubble.nl/assets/favicons/www/bonaire/apple-touch-icon.png?v=AIpW" 266 }, 267 "sameAs": [ 268 "https://www.facebook.com/bonaire.nu", 269 "https://twitter.com/ABCOnlineMedia", 270 "https://www.instagram.com/bonaire.nu" 271 ], 272 "alternateName": [], 273 "address": { 274 "@type": "PostalAddress", 275 "addressLocality": "bonaire", 276 "addressCountry": "NL" 277 }, 278 "contactPoint": [ 279 { 280 "@type": "ContactPoint", 281 "contactType": "customer service", 282 "email": "[email protected]" 283 }, 284 { 285 "@type": "ContactPoint", 286 "contactType": "customer support", 287 "email": "[email protected]" 288 } 289 ] 290} 291 </script>
291 292 293 294 <link rel="dns-prefetch" href="//storage.pubble.cloud"> 295 <link rel="dns-prefetch" href="//storage.pubble.nl"> 296 297 <link rel="stylesheet" href="//storage.pubble.cloud/assets/static/css/tailwind.styles.min.css?v=260923-1"/> 298
298<script>window.PubbleAssets = { base: '//storage.pubble.cloud/assets/static', v: '260924-1' };</script>
298 299 300
300<script defer src="https://storage.pubble.nl/assets/web/alpine-intersect-3-10-5.cdn.min.js"></script>
300 301 <style>[x-cloak] { 302 display: none !important; 303 } 304.rounded-3xl{border-radius:1.5rem}.shadow-2xl{--tw-shadow:0 25px 50px -12px rgb(0 0 0/.25);--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media(min-width:768px){.md\:\!overflow-y-visible{overflow-y:visible!important}}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem*var(--tw-space-x-reverse));margin-left:calc(.5rem*calc(1 - var(--tw-space-x-reverse)))}@media(min-width:768px){.md\:space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(1.5rem*var(--tw-space-x-reverse));margin-left:calc(1.5rem*calc(1 - var(--tw-space-x-reverse)))}}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.75rem*var(--tw-space-x-reverse));margin-left:calc(.75rem*calc(1 - var(--tw-space-x-reverse)))}.h-8{height:2rem}@media(min-width:768px){.md\:h-12{height:3rem}}@media(max-width:768px){.text-nav .h-5{display:none}}.gt_float_switcher{font-family:Arial;font-size:14px!important;border-radius:2px;color:#555;display:inline-block;line-height:14px!important;box-shadow:rgba(0,0,0,0) 0 0 0!important;background:#fff;overflow:hidden;transition:all .5s cubic-bezier(.4,0,1,1)}.gt_float_switcher img{vertical-align:middle;display:inline-block;width:23px!important;height:auto;margin:0 5px 0 0;border-radius:3px}.gt_float_switcher .gt-selected .gt-current-lang{padding:5px 5px;color:#333;font-weight:bold}.logo-container{width:160px}@media(min-width:768px){.logo-container{width:256px}}.logo-container img{width:100%;height:auto;max-height:100%;object-fit:contain} </style> 305<style> 306 307html[lang="en"] .nl-article-hide { 308display: none!important; 309} 310 311 312body { 313font-family: 'Roboto', Helvetica, Arial, sans-serif !important; 314} 315 316.koptitel { 317font-family: 'Arimo', Helvetica, Arial, sans-serif !important; 318} 319 320.\!no-underline { 321 text-decoration-line: none !important; 322} 323 324 325article a { 326 color: #ff0082 !important; 327} 328 329article .swiper a { 330 color: #000 !important; 331} 332 333article .author a { 334 color: #9ca3af !important; 335} 336 337 338article button a, 339article a.bg-primary { 340 color: #fff !important; 341} 342 343.article-share__button, 344.article-share__button a, 345.article-share__button .text-white, 346.article-share__button path { 347 background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; 348 color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; 349 fill: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; /* for path */ 350} 351 352 353@media (min-width: 768px) { 354 .md\:pr-2 { 355 padding-right: 0.5rem; 356 } 357} 358 359 360@media (min-width: 768px) { 361 .md\:mr-2 { 362 margin-right: 0.5rem; 363 } 364} 365 366.-mt-8 { 367 margin-top: -2rem; 368} 369 370@media (min-width: 768px) { 371 .md\:mt-4 { 372 margin-top: 1rem; 373 } 374} 375 376 377.gt_float_switcher { 378 font-family: Arial; 379 font-size: 14px !important; 380 border-radius: 2px; 381 color: #555; 382 display: inline-block; 383 line-height: 14px !important; 384 box-shadow: rgba(0, 0, 0, 0.0) 0 0px 0px !important; 385 background: #fff; 386 overflow: hidden; 387 transition: all .5s cubic-bezier(0.4, 0, 1, 1); 388} 389 390.gt_float_switcher img { 391 vertical-align: middle; 392 display: inline-block; 393 width: 23px !important; 394 height: auto; 395 margin: 0 5px 0 0; 396 border-radius: 3px; 397} 398 399.gt_float_switcher .gt-selected .gt-current-lang { 400 padding: 5px 5px; 401 color: #333; 402 font-weight: bold; 403} 404 405.border-l-3 { 406 border-left-width: 3px; 407} 408 409.kader-kop { 410 background-color: #e5e7eb; 411 padding: 15px; 412 margin: 0px; 413 color: #ff0082; 414 font-size: 18px; 415 font-weight: bold; 416 padding-bottom: 0; 417} 418 419.kader-tekst { 420 background-color: #e5e7eb; 421 padding: 15px; 422 font-size: 14px; 423 margin: 0px; 424 } 425 426</style><link rel="preconnect" href="https://fonts.googleapis.com"> 427<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 428<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet"> 429
430<link rel="preconnect" href="https://fonts.googleapis.com"> 431<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin=""> 432<link href="https://fonts.googleapis.com/css2?family=Arimo:ital,wght@0,400..700;1,400..700&family=Domine:[email protected]&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Roboto:ital,wght@0,100..900;1,100..900&family=Winky+Sans:ital,wght@0,300..900;1,300..900&display=swap" rel="stylesheet">
vendor: 66 bytes, line 432
432<script async="" src="https://www.googletagmanager.com/gtag/js?id=
432G-3CRHE91GWE
vendor: 16 bytes, lines 432-433
432"></script> 433
433<script> 434
vendor: 151 bytes, lines 434-437
434window.dataLayer = window.dataLayer || []; 435 function gtag(){dataLayer.push(arguments);} 436 gtag('js', new Date()); 437 gtag('config', '
437G-3CRHE91GWE
vendor: 8 bytes, lines 437-438
437'); 438
438</script>
438</head> 439<body class=""> 440 441 442 443 <div id="cookieconsent" class="cookiewall-mode-banner" style="display:none;" x-data="{ showCookieSettings: false }"> 444 <section class="cookiewall-surface w-full max-h-screen overflow-y-auto p-5 lg:px-24 fixed top-0 bg-white border-primary z-50" 445 style="border-bottom-width: 4px"> 446 <div class="cookiewall-panel md:flex-1 px-3 mb-5 md:mb-0"> 447 <p class="text-black text-2xl mb-2"> 448 Deze website gebruikt cookies 449 </p> 450 <p class="max-w-2xl md:text-left text-gray-600 md:pr-12 mb-4"> 451 Wij gebruiken cookies om het gebruik van de website te analyseren en om het mogelijk te maken content via social media te bekijken. Cookies van onszelf en van derden kunnen worden gebruikt om advertenties te tonen die aansluiten op uw interesses. Deze cookies kunt u weigeren via de knop Cookie-instellingen aanpassen 452 </p> 453 <p class="mb-6"> 454 <a href='/privacy' aria-labe='Lees ons privacy statement' class='privacyConsentlink cookiewall-link pt-15 pl-sm-20'>Lees ons privacy statement</a> 455 </p> 456 <div x-show="!showCookieSettings" class="flex flex-col md:flex-row md:items-center gap-2 md:gap-3"> 457 <button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto" 458 onclick="giveConsent('default')"> 459 Akkoord 460 </button> 461 <button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto" 462 onclick="giveConsent('functional')"> 463 Afwijzen 464 </button> 465 <button class="cookiewall-btn-link py-4 px-4 w-full md:w-auto" 466 @click="showCookieSettings = true"> 467 Cookie instellingen aanpassen 468 </button> 469 </div> 470 471 <div id="consentcontainer" x-show="showCookieSettings"> 472 473 <div id="cookie_settings" class="mb-6"> 474 <span class="cookie-title text-black text-2xl mb-2">Cookie instellingen</span> 475 476 <div class="divide-y divide-gray-200 max-w-xl"> 477 <div class="relative flex items-start py-4"> 478 <div class="mr-3 flex items-center h-5"> 479 <input id="consent-functional" type="checkbox" checked="" disabled="" data-consenttype="functional" data-gtm-variable="necessary" 480 class="h-5 w-5 border-gray-300 rounded mt-2"> 481 </div> 482 483 <div class="min-w-0 flex-1 text-sm"> 484 <label for="consent-functional" class="font-medium text-gray-700">Functioneel</label> 485 <label for="consent-functional" class="text-gray-500 block">Deze cookies zijn nodig om ervoor te zorgen dat de website naar behoren werkt</label> 486 </div> 487 488 </div> 489 <div class="relative flex items-start py-4"> 490 <div class="mr-3 flex items-center h-5"> 491 <input id="consent-analytics" type="checkbox" checked="" disabled="" data-consenttype="analytics" 492 class="h-5 w-5 border-gray-300 rounded mt-2"> 493 </div> 494 <div class="min-w-0 flex-1 text-sm"> 495 <label for="consent-analytics" class="font-medium text-gray-700">Analytische cookies</label> 496 <label for="consent-analytics" class="text-gray-500 block">Cookies om het aantal bezoekers van deze site en het aantal unieke bezoekers te kunnen tellen.</label> 497 </div> 498 </div> 499 <div class="relative flex items-start py-4"> 500 <div class="mr-3 flex items-center h-5"> 501 <input id="consent-socialmedia" type="checkbox" data-consenttype="socialmedia" 502 class="h-5 w-5 border-gray-300 rounded mt-2"> 503 </div> 504 <div class="min-w-0 flex-1 text-sm"> 505 <label for="consent-socialmedia" class="font-medium text-gray-700">Sociale media</label> 506 <label for="consent-socialmedia" class="text-gray-500 block">Cookies om gedeelde content van sociale media te kunnen tonen</label> 507 </div> 508 </div> 509 510 <div class="relative flex items-start py-4"> 511 <div class="mr-3 flex items-center h-5"> 512 <input id="consent-advertisements" type="checkbox" data-consenttype="advertisements" 513 class="h-5 w-5 border-gray-300 rounded mt-2"> 514 </div> 515 <div class="min-w-0 flex-1 text-sm"> 516 <label for="consent-advertisements" class="font-medium text-gray-700">Advertenties</label> 517 <label for="consent-advertisements" class="text-gray-500 block">Cookies om relevante advertenties te tonen.</label> 518 </div> 519 </div> 520 521 <div class="relative flex items-start py-4"> 522 <div class="mr-3 flex items-center h-5"> 523 <input id="consent-marketing" type="checkbox" data-consenttype="marketing" 524 class="h-5 w-5 border-gray-300 rounded mt-2"> 525 </div> 526 <div class="min-w-0 flex-1 text-sm"> 527 <label for="consent-marketing" class="font-medium text-gray-700">Marketing</label> 528 <label for="consent-marketing" class="text-gray-500 block">Cookies om onze website zo goed mogelijk aan te laten sluiten op de wensen van onze gebruikers</label> 529 </div> 530 </div> 531 </div> 532 533 </div> 534 535 <div class="flex flex-col md:flex-row md:items-center gap-2 md:gap-3"> 536 <button class="cookiewall-btn-accept py-4 px-8 rounded shadow-xl font-bold w-full md:w-auto" 537 onclick="giveConsent('custom')"> 538 Opslaan 539 </button> 540 <button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto" 541 onclick="giveConsent('default')"> 542 Alles accepteren 543 </button> 544 <button class="cookiewall-btn-neutral py-4 px-8 rounded shadow-xl w-full md:w-auto" 545 onclick="giveConsent('functional')"> 546 Alles afwijzen 547 </button> 548 </div>
549 </div> 550 </div> 551 </section> 552 </div> 553 554 555 556 557 558 559 560 <div id="pageTopLeaderboard"></div> 561 562 563 564 565
566<script> 567window.gtranslateSettings = { 568"default_language": "nl", 569"languages": ["nl","es","en","de","pt","zh-CN","fr"], 570"wrapper_selector": "#gtranslate_desktop, #gtranslate_mobile", 571"switcher_horizontal_position": "inline", 572"float_switcher_open_direction": "bottom" 573}; 574</script>
vendor: 2 bytes, line 574
574
575<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
575 576 577<!-- Custom CSS voor gtranslate styling --> 578<style> 579/* Maak gtranslate minder prominent */ 580#gtranslate_desktop select, 581#gtranslate_mobile select { 582 font-size: 0.875rem !important; /* text-sm */ 583 padding: 0.25rem 0.5rem !important; /* px-2 py-1 */ 584 border: 1px solid #d1d5db !important; /* border-gray-300 */ 585 border-radius: 0.375rem !important; /* rounded-md */ 586 background-color: white !important; 587 color: #374151 !important; /* text-gray-700 */ 588 max-width: 80px !important; /* Beperk breedte */ 589 box-shadow: none !important; /* Verwijder schaduw */ 590} 591 592#gtranslate_mobile select { 593 max-width: 60px !important; /* Nog smaller voor mobiel */ 594 font-size: 0.75rem !important; /* text-xs */ 595 box-shadow: none !important; /* Verwijder schaduw */ 596} 597 598/* Verwijder eventuele achtergrond overlays */ 599.gtranslate_wrapper { 600 position: relative !important; 601 z-index: auto !important; 602} 603</style> 604 605<header class="sticky md:relative top-0 w-full z-40 bg-white-500 transition-all pt-0 border-b border-black"> 606 <nav x-data="{ open: false }" class="bg-white shadow md:shadow-none md:bg-none"> 607 <div> 608 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 609 <div class="relative flex justify-between min-h-16"> 610 611 <div class="flex-shrink-0 h-20 md:h-auto flex items-center"> 612 <a href="/" class="logo-container md:m-1 m-2"> 613 <?xml version="1.0" encoding="UTF-8"?> 614<svg class="w-full max-h-full " id="Laag_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 1232.25 383"> 615 <!-- Generator: Adobe Illustrator 29.8.3, SVG Export Plug-In . SVG Version: 2.1.1 Build 3) --> 616 <defs> 617 <style> 618 .st0 { 619 fill: #2c2c2c; 620 } 621 622 .st1 { 623 fill: #ff0082; 624 } 625 </style> 626 </defs> 627 <g> 628 <path class="st1" d="M1.82,92.95c0-3.51,1.76-5.28,5.28-5.28h58.45c9.14,0,17.16,1.02,24.05,3.06s12.69,4.96,17.41,8.76c4.71,3.8,8.26,8.33,10.66,13.61,2.39,5.28,3.59,11.15,3.59,17.62,0,11.26-3.8,20.82-11.39,28.7,9,7.74,13.5,17.8,13.5,30.17,0,6.89-1.2,13.15-3.59,18.78s-5.94,10.44-10.66,14.45c-4.71,4.01-10.52,7.11-17.41,9.28-6.89,2.18-14.91,3.27-24.05,3.27H7.11c-3.52,0-5.28-1.76-5.28-5.28V92.95h-.01ZM82.2,131.35c0-4.5-1.62-7.98-4.85-10.44-3.24-2.46-8.72-3.69-16.46-3.69h-18.99v28.48h18.99c7.73,0,13.22-1.33,16.46-4.01,3.23-2.67,4.85-6.12,4.85-10.34h0ZM41.9,205.83h21.1c7.73,0,13.22-1.44,16.46-4.33,3.23-2.88,4.85-6.65,4.85-11.29s-1.62-8.3-4.85-10.97c-3.24-2.67-8.72-4.01-16.46-4.01h-21.1v30.6h0Z"/> 629 <path class="st0" d="M130.73,161.31c0-10.41,2.04-20.22,6.12-29.43,4.08-9.21,9.63-17.27,16.67-24.16,7.03-6.89,15.3-12.31,24.79-16.25,9.5-3.94,19.66-5.91,30.49-5.91s20.99,1.97,30.49,5.91,17.76,9.36,24.79,16.25,12.59,14.95,16.67,24.16c4.08,9.21,6.12,19.03,6.12,29.43s-2.04,20.46-6.12,29.75c-4.08,9.28-9.64,17.34-16.67,24.16-7.04,6.82-15.3,12.24-24.79,16.25-9.5,4.01-19.66,6.01-30.49,6.01s-20.99-2-30.49-6.01c-9.49-4.01-17.76-9.42-24.79-16.25-7.04-6.82-12.59-14.88-16.67-24.16-4.08-9.29-6.12-19.2-6.12-29.75ZM170.82,161.31c0,5.21.98,10.13,2.95,14.77s4.67,8.72,8.12,12.24c3.45,3.52,7.52,6.26,12.24,8.23,4.71,1.97,9.74,2.96,15.09,2.96s10.09-.98,14.66-2.96c4.57-1.97,8.54-4.71,11.92-8.23,3.38-3.51,6.05-7.6,8.02-12.24s2.95-9.56,2.95-14.77-.99-10.09-2.95-14.66c-1.97-4.57-4.64-8.58-8.02-12.03-3.38-3.45-7.35-6.15-11.92-8.12-4.57-1.97-9.46-2.96-14.66-2.96s-10.38.99-15.09,2.96c-4.71,1.97-8.79,4.68-12.24,8.12-3.45,3.45-6.16,7.46-8.12,12.03-1.97,4.57-2.95,9.46-2.95,14.66Z"/> 630 <path class="st0" d="M341.09,164.69c-.99-1.12-1.48-.91-1.48.63v64.78c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95c0-3.51,1.76-5.28,5.28-5.28h17.3c1.69,0,3.02.63,4.01,1.9l58.45,74.69c.98,1.13,1.48.92,1.48-.63v-70.68c0-3.51,1.76-5.28,5.28-5.28h29.54c3.51,0,5.27,1.76,5.27,5.28v137.15c0,3.52-1.76,5.28-5.27,5.28h-21.73c-1.55,0-2.88-.63-4.01-1.9l-54.01-68.78h-.02Z"/> 631 <path class="st0" d="M545.12,235.37c-3.38,0-5.63-1.69-6.75-5.06l-29.75-97.69h-1.05l-29.54,97.69c-.99,3.38-3.24,5.06-6.75,5.06h-31.65c-3.52,0-4.71-1.69-3.59-5.06l45.15-137.57c1.12-3.38,3.45-5.06,
6316.96-5.06h40.09c3.66,0,5.98,1.69,6.96,5.06l45.15,137.57c1.12,3.38-.07,5.06-3.59,5.06h-31.65,0ZM482.04,173.55h51.06v31.65h-51.06v-31.65Z"/> 632 <path class="st0" d="M590.28,92.95c0-3.51,1.76-5.28,5.28-5.28h29.54c3.51,0,5.27,1.76,5.27,5.28v137.15c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95Z"/> 633 <path class="st0" d="M647.24,92.95c0-3.51,1.76-5.28,5.28-5.28h58.45c9.14,0,17.16,1.09,24.05,3.27s12.69,5.21,17.41,9.07c4.71,3.87,8.26,8.54,10.66,14.03,2.39,5.49,3.59,11.61,3.59,18.36,0,9.28-2.36,17.41-7.07,24.37-4.71,6.96-11.64,12.34-20.78,16.14l30.38,57.81c1.69,3.1.77,4.64-2.74,4.64h-31.65c-3.52,0-6.12-1.55-7.81-4.64l-27.64-52.33h-12.03v51.69c0,3.52-1.76,5.28-5.27,5.28h-29.54c-3.52,0-5.28-1.76-5.28-5.28V92.95h0ZM687.33,148.87h18.99c7.73,0,13.22-1.48,16.46-4.43,3.23-2.95,4.85-6.75,4.85-11.39,0-4.92-1.62-8.79-4.85-11.61-3.24-2.81-8.72-4.22-16.46-4.22h-18.99v31.65Z"/> 634 <path class="st0" d="M816.88,235.37c-5.91,0-11.29-.81-16.14-2.43-4.85-1.62-9-3.94-12.45-6.96s-6.12-6.64-8.02-10.87c-1.9-4.22-2.85-8.86-2.85-13.93v-80.81c0-4.92.95-9.39,2.85-13.4,1.9-4.01,4.57-7.45,8.02-10.34,3.45-2.88,7.6-5.1,12.45-6.65,4.85-1.55,10.23-2.32,16.14-2.32h60.56c3.51,0,5.27,1.76,5.27,5.28v27.43c0,3.52-1.76,5.28-5.27,5.28h-42.2c-5.49,0-9.81,1.05-12.98,3.16-3.16,2.11-4.75,4.93-4.75,8.44v8.44h51.69c3.51,0,5.28,1.76,5.28,5.28v21.1c0,3.52-1.76,5.28-5.28,5.28h-51.69v7.17c0,3.8,1.58,6.89,4.75,9.28s7.49,3.59,12.98,3.59h42.2c3.51,0,5.27,1.76,5.27,5.27v27.43c0,3.52-1.76,5.28-5.27,5.28h-60.56Z"/> 635 <path class="st0" d="M887.1,156.02c0-3.12,1.06-5.74,3.2-7.87,2.13-2.13,4.75-3.2,7.87-3.2s5.74,1.07,7.87,3.2c2.13,2.13,3.2,4.76,3.2,7.87s-1.07,5.74-3.2,7.87c-2.13,2.13-4.76,3.2-7.87,3.2s-5.74-1.07-7.87-3.2c-2.13-2.13-3.2-4.76-3.2-7.87Z"/> 636 <path class="st0" d="M937.57,128.78c-.53-.61-.8-.49-.8.34v35.09c0,1.91-.95,2.86-2.86,2.86h-16c-1.91,0-2.86-.95-2.86-2.86v-74.3c0-1.9.95-2.86,2.86-2.86h9.37c.92,0,1.64.34,2.17,1.03l31.67,40.47c.53.61.8.5.8-.34v-38.29c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v74.3c0,1.91-.95,2.86-2.86,2.86h-11.77c-.84,0-1.56-.34-2.17-1.03l-29.26-37.27h-.01Z"/> 637 <path class="st0" d="M1058.51,134.61c0,5.03-.8,9.6-2.4,13.72s-3.89,7.66-6.86,10.63-6.54,5.26-10.69,6.86c-4.15,1.6-8.75,2.4-13.77,2.4s-9.62-.8-13.77-2.4c-4.16-1.6-7.72-3.89-10.69-6.86s-5.26-6.52-6.86-10.63c-1.6-4.12-2.4-8.69-2.4-13.72v-44.7c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v43.78c0,4.19,1.09,7.56,3.26,10.12,2.17,2.55,5.09,3.83,8.75,3.83s6.57-1.28,8.75-3.83c2.17-2.55,3.26-5.93,3.26-10.12v-43.78c0-1.9.95-2.86,2.86-2.86h16c1.9,0,2.86.95,2.86,2.86v44.7h-.02Z"/> 638 </g> 639 <g> 640 <path class="st0" d="M23.04,269.21c12.26,0,21.22,9.08,21.22,20.71s-8.97,21.22-21.22,21.22-21.22-9.31-21.22-2
6401.22,8.97-20.71,21.22-20.71ZM23.04,301.78c5.9,0,10.67-5.11,10.67-11.86s-4.77-11.35-10.67-11.35-10.67,4.88-10.67,11.35,4.77,11.86,10.67,11.86Z"/> 641 <path class="st0" d="M50.5,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/> 642 <path class="st0" d="M102.64,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h0ZM98.33,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/> 643 <path class="st0" d="M121.7,288.9h-3.57v-7.66h3.57v-.68c0-9.59,8.68-10.9,13.39-10.9,1.76,0,2.95.17,2.95.17v8.29s-.68-.11-1.59-.11c-1.93,0-4.94.34-4.94,2.84v.4h5.39v7.66h-5.39v21.56h-9.82v-21.56h0Z"/> 644 <path class="st0" d="M142.87,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v8.68c0,1.48-.11,2.5-.11,2.5h.11c1.64-2.89,5.05-4.65,8.91-4.65,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.01,0-4.99,1.76-5.84,4.31-.4,1.13-.51,2.38-.51,3.74v12.94h-9.82v-31.09h-.01Z"/> 645 <path class="st0" d="M195.01,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM190.7,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h.01Z"/> 646 <path class="st0" d="M214.07,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/> 647 <path class="st0" d="M251.91,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14.4,4.14,3.29v17.7h1.53c.85,0,1.82,0,2.33-.91l4.77-8.74h10.67l-6.64,11.24c-1.08,1.87-2.16,2.44-2.16,2.44v.11s1.19.45,2.21,2.44l1.87,3.8c.4.79,1.02.96,2.16.96h2.27v8.23h-7.43c-2.1,0-3.24-.34-4.2-2.21l-4.2-8.17c-.51-.96-1.59-.96-2.33-.96h-.85v11.35h-9.82v-31.09h.01Z"/> 648 <path class="st0" d="M297.82,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h0ZM301.28,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/> 649 <path class="st0" d="M317.45,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-26.95h0Z"/> 650 <path class="st0" d="M336.45,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v15.6c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-15.6ZM337.19,269.89h8.23v7.95h-8.23v-7.95Z"/> 651 <path class="st0" d="M351.15,313.98c1.93,0,5.28-.45,5.28-3.75v-19.52c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v25.82c0,9.82-9.19,11.06-13.73,11.06-1.59,0-2.61-.17-2.61-.17v-8.17s.51.06,1.25.06h0ZM357.05,269.89h8.23v7.95h-8.23v-7.95Z"/> 652 <path class="st0" d="M374.13,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14.4,4.14,3.29v17.7h1.53c.85,0,1.82,0,2.33-.91l4.77-8.74h10.67l-6.64,11.24c-1.08,1.87-2.16,2.44-2.16,2.44v.11s1.19.45,2.21,2.44l1.87,3.8c.4.79,1.02.96,2.16.96h2.27v8.23h-7.43c-2.1,0-3.24-.34-4.2-2.21l-4.2-8.17c-.51-.96-1.59-.96-2.33-.96h-.85v11.35h-9.82v-31.09h.01Z"/> 653 <path class="st0" d="M435.12,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM438.58,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59
653-4.88,3.74h8.34Z"/> 654 <path class="st0" d="M454.98,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/> 655 <path class="st0" d="M517.84,280.56c5.96,0,8.45,3.4,8.45,3.4h.11v-.4c0-.8.91-2.33,3.12-2.33h8.85v8.23h-2.04c-.74,0-1.25.4-1.25,1.08v17.25c0,10.67-8.51,14.58-16.51,14.58-3.92,0-8.23-1.13-11.07-2.61l2.84-7.66s3.57,1.87,8.17,1.87c3.52,0,6.75-1.3,6.75-5.62v-.45c0-.34.06-1.08.06-1.08h-.11c-1.7,1.87-3.92,2.78-7.32,2.78-8.8,0-13.17-7.21-13.17-14.7s4.26-14.36,13.11-14.36v.02ZM525.5,295.03c0-5.17-2.72-6.3-5.67-6.3-3.46,0-5.22,2.5-5.22,5.84,0,3.63,1.7,6.87,5.62,6.87,2.55,0,5.28-1.3,5.28-6.41h-.01Z"/> 656 <path class="st0" d="M556.08,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM559.55,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/> 657 <path class="st0" d="M575.71,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v6.87c0,1.48-.11,2.5-.11,2.5h.11s2.72-2.84,7.89-2.84c7.94,0,13.17,6.24,13.17,15.32s-5.84,15.27-13.62,15.27c-5.39,0-8-3.01-8-3.01h-.11s.06.74.06,1.65v.68h-9.19v-31.09h-.01ZM590.98,303.03c3.06,0,5.73-2.5,5.73-6.98s-2.33-7.21-5.73-7.21c-2.95,0-5.73,2.16-5.73,7.21,0,3.52,1.87,6.98,5.73,6.98Z"/> 658 <path class="st0" d="M626.27,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM621.96,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/> 659 <path class="st0" d="M645.1,279.37c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-26.95h0Z"/> 660 <path class="st0" d="M678.01,292.08h.4v-.34c0-2.78-1.3-3.8-3.75-3.8-1.25,0-2.55.28-2.55,1.42v1.3h-9.08v-3.24c0-6.52,8.29-6.87,11.63-6.87,10.21,0,13.56,5.22,13.56,11.92v8.51c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.51c-2.84,0-3.86-1.76-3.86-3.06v-.51h-.11s-2.04,4.26-8.17,4.26c-5.45,0-9.93-3.63-9.93-9.42,0-8.68,12.43-9.65,16.97-9.65h-.01ZM673.7,303.66c2.55,0,4.82-2.78,4.82-5.17v-.45h-.91c-3.12,0-6.7.85-6.7,3.18,0,1.36.85,2.44,2.78,2.44h0Z"/> 661 <path class="st0" d="M697.08,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.74c2.67,0,4.09,1.3,4.09,3.29v.4c0,.28-.06.68-.06.68h.11c1.36-2.27,4.09-5.05,9.25-5.05,5.9,0,10.5,2.72,10.5,10.95v9.48c0,.79.45,1.25,1.25,1.25h2.16v8.23h-9.08c-2.89,0-4.14-1.25-4.14-4.14v-12.99c0-2.72-1.08-3.86-3.23-3.86-3.06,0-4.94,1.7-5.79,4.2-.4,1.13-.57,2.44-.57,3.86v12.94h-9.82v-19.75h0Z"/> 662 <path class="st0" d="M748.59,280.56c4.09,0,10.78,1.59,10.78,6.87v4.03h-8.51v-1.53c0-.91-1.08-1.25-2.27-1.25-4.14,0-6.64,3.12-6.64,7.04,0,4.99,3.75,6.98,7.38,6.98,4.2,0,8.06-3.8,8.06-3.8l3.92,6.58s-4.6,5.67-12.94,5.67c-10.44,0-16.29-7.26-16.29-15.32s5.45-15.26,16.51-15.26h0Z"/> 663 <path class="st0" d="M778.27,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM781.73,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/> 664 <path class="st0" d="M810.27,280.56c8.63,0,13.51,6.02,13.51,14.13,0,.96-.23,2.95-.23,2.95h-18.44c.74,3.69,3.69,5.33,6.81,5.33,4.2,0,7.77-3.06,7.77-3.06l3.92,6.58s-4.71,4.65-12.48,4.65c-10.44,0-16.06-7.55-16.06-15.32,0-8.57,5.79-15.26,15.21-15.26h-.01ZM813.73,291.68c0-1.82-1.42-3.74-3.46-3.74-2.84,0-4.26,1.59-4.88,3.74h8.34Z"/> 665 <path class="st0" d="M830.12,290.72c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h8.68c2.67,0,4.14,1.08,4.14,3.75v1.53c0,.91-.11,1.48-.11,1.48h.11c1.25-3.97,4.94-7.26,9.31-7.26.57,0,1.13.11,1.13.11v9.65s-.79-.17-1.99-.17c-2.33,0-6.13.74-7.55,5.11-.34,1.08-.51,2.38-.51,3.97v11.06h-9.82v-19.75h.02Z"/> 666 <path class="st0" d="M864.96,280.56c5.9,0,7.66,2.04,7.66,2.04h.11s-.06-.57-.06-1.3v-1.93c0-.8-.45-1.25-1.25-1.25h-2.16v-8.23h9.08c2.89,0,4.14,1.25,4.14,4.14v26.96c0,.79.45,1.25,1.25,1.25h2.16v8.23h-8.74c-2.78,0-3.8-1.42-3.8-2.78v-.51h-.11s-2.44,3.97-8.45,3.97c-7.94,0-13.17-6.24-13.17-15.32s5.56-15.26,13.34-15.26h0ZM872.96,295.82c0-3.52-1.87-6.98-5.73-6.98-3.06,0-5.73,2.5-5.73,6.98s2.33,7.21,5.73,7.21c2.95,0,5.73-2.16,5.73-7.21Z"/> 667 </g> 668</svg> 669 </a> 670</div> 671 672 <!-- Mobiele rechter sectie --> 673 <div class="flex items-center space-x-1 md:hidden"> 674 <!-- Vertaalwidget mobiel --> 675 <div class="flex items-center"> 676 <div id="gtranslate_mobile"></div> 677 </div> 678 679 <div x-data="{ extraMenuOpen: false }" class="relative"> 680 <button @click="extraMenuOpen = !extraMenuOpen" class="p-2 flex items-center focus:outline-none"> 681 <svg class="w-5 h-5" fill="currentColor" viewBox="0 0 20 20"> 682 <path d="M10 6a2 2 0 110-4 2 2 0 010 4zM10 12a2 2 0 110-4 2 2 0 010 4zM10 18a2 2 0 110-4 2 2 0 010 4z"></path> 683 </svg> 684 </button> 685 686 <div x-cloak x-show="extraMenuOpen" @click.away="extraMenuOpen = false" class="absolute right-0 mt-2 py-2 w-48 bg-white rounded-md shadow-lg z-20"> 687 688 689 <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }"> 690 <button type="button" @click="isOpen = !isOpen" 691 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 692 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 693 aria-expanded="false">
694 <span>Kies website</span> 695 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 696 :class="{ 'absolute left-0': open,'': !open }" 697 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 698 <path fill-rule="evenodd" 699 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 700 clip-rule="evenodd" /> 701 </svg> 702 </button> 703 704 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 705 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 706 x-show="isOpen" 707 @click.away="isOpen = false" 708 x-transition:enter="transition ease-out duration-200" 709 x-transition:enter-start="opacity-0 translate-y-1" 710 x-transition:enter-end="opacity-100 translate-y-0" 711 x-transition:leave="transition ease-in duration-150" 712 x-transition:leave-start="opacity-100 translate-y-0" 713 x-transition:leave-end="opacity-0 translate-y-1"> 714 715 <div class="" 716 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 717 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 718 <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 719 <p class="text-base font-medium text-gray-900"> 720 Aruba.nu 721 </p> 722 </a> 723 <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 724 <p class="text-base font-medium text-gray-900"> 725 curacao.nu 726 </p> 727 </a> 728 <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 729 <p class="text-base font-medium text-gray-900"> 730 Awor.nu 731 </p> 732 </a> 733 <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 734 <p class="text-base font-medium text-gray-900"> 735 BES Reporter 736 </p> 737 </a> 738 </div> 739 </div> 740 </div> 741 </div> 742 <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2"> 743 <button type="button" 744 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 745 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 746 <span>Aruba.nu</span> 747 </button> 748 </a> 749 <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2"> 750 <button type="button" 751 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 752 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 753 <span>
753Curacao.nu</span> 754 </button> 755 </a> 756 <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2"> 757 <button type="button" 758 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 759 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 760 <span>Awor.nu</span> 761 </button> 762 </a> 763 <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2"> 764 <button type="button" 765 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 766 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 767 <span>BES Reporter</span> 768 </button> 769 </a> 770 771 </div> 772 </div> 773 774 <div x-data="{ searchOpen: false }" class="relative"> 775 <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class="p-2 flex items-center focus:outline-none focus:border-transparent"> 776 <svg xmlns="http://www.w3.org/2000/svg" class="search-icon w-5 h-5" aria-hidden="true" focusable="false" viewBox="0 0 22 22"> 777 <path fill-rule="evenodd" d="M8.68 14.467A5.666 5.666 0 0 1 3.147 8.68a5.668 5.668 0 0 1 5.787-5.533 5.668 5.668 0 0 1 5.532 5.788 5.667 5.667 0 0 1-5.788 5.533m12.967 4.905-5.555-5.552c-.012-.01-.025-.014-.037-.024a8.756 8.756 0 0 0 1.561-4.989C17.615 3.95 13.663 0 8.807 0 3.95 0 0 3.95 0 8.807s3.95 8.808 8.807 8.808a8.757 8.757 0 0 0 5.011-1.574l5.201 5.202.005-.005.375.375a.983.983 0 0 0 1.383 0l.864-.862a.975.975 0 0 0 0-1.379"/> 778 </svg> 779 </button> 780 781 <div x-cloak x-show="searchOpen" class="absolute right-0 mt-2 py-2 w-64 border border-grey-dark z-30 bg-white rounded shadow-lg"> 782 <div class="px-4"> 783 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 784 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 785 value="" 786 placeholder="Vul je zoekwoord in.." 787 aria-label="Zoeken"> 788 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 789 <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg> 790 </button> 791 </form> 792 </div> 793 </div> 794 </div> 795 </div> 796 797 798 <div class="pubble-ad flex mt-4 mb-4 right-0 hidden md:block justify-end" w="128" h="0" pos="-1" max="1" refreshInterval="5000"> 799 </div> 800 </div> 801 </div> 802 803 <div> 804 <div class="max-w-7xl mx-auto px-0 md:px-6 lg:px-8"> 805 <nav class="h-12 space-x-8 ml-1 mt-2 pl-1 md:p-0 h-8 md:h-12 text-sm md:text-base space-x-2 md:space-x-6 !text-white whitespace-nowrap flex relative items-center mr-4"> 806 807 808 809 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 810 <button type="button" @click="isOpen = !isOpen" 811 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 812 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 813 aria-expanded="false">
814 <span>Nieuws</span> 815 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 816 :class="{ 'absolute left-0': open,'': !open }" 817 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 818 <path fill-rule="evenodd" 819 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 820 clip-rule="evenodd" /> 821 </svg> 822 </button> 823 824 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 825 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 826 x-show="isOpen" 827 @click.away="isOpen = false" 828 x-transition:enter="transition ease-out duration-200" 829 x-transition:enter-start="opacity-0 translate-y-1" 830 x-transition:enter-end="opacity-100 translate-y-0" 831 x-transition:leave="transition ease-in duration-150" 832 x-transition:leave-start="opacity-100 translate-y-0" 833 x-transition:leave-end="opacity-0 translate-y-1"> 834 835 <div class="" 836 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 837 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 838 <a href="/nieuws" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 839 <p class="text-base font-medium text-gray-900"> 840 Laatste nieuws 841 </p> 842 </a> 843 <a href="/luchtvaart-en-reizen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 844 <p class="text-base font-medium text-gray-900"> 845 Luchtvaart & Reizen 846 </p> 847 </a> 848 <a href="/politie-en-justitie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 849 <p class="text-base font-medium text-gray-900"> 850 Politie en Justitie 851 </p> 852 </a> 853 <a href="/economie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 854 <p class="text-base font-medium text-gray-900"> 855 Economie 856 </p> 857 </a> 858 <a href="/sport" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 859 <p class="text-base font-medium text-gray-900"> 860 Sport 861 </p> 862 </a> 863 <a href="/zoek?q=" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 864 <p class="text-base font-medium text-gray-900"> 865 Archief 866 </p> 867 </a> 868 </div> 869 </div> 870 </div> 871 </div> 872 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 873 <button type="button" @click="isOpen = !isOpen" 874 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 875 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 876 aria-expanded="false">
877 <span>Vacatures</span> 878 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 879 :class="{ 'absolute left-0': open,'': !open }" 880 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 881 <path fill-rule="evenodd" 882 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 883 clip-rule="evenodd" /> 884 </svg> 885 </button> 886 887 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 888 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 889 x-show="isOpen" 890 @click.away="isOpen = false" 891 x-transition:enter="transition ease-out duration-200" 892 x-transition:enter-start="opacity-0 translate-y-1" 893 x-transition:enter-end="opacity-100 translate-y-0" 894 x-transition:leave="transition ease-in duration-150" 895 x-transition:leave-start="opacity-100 translate-y-0" 896 x-transition:leave-end="opacity-0 translate-y-1"> 897 898 <div class="" 899 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 900 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 901 <a href="/vacatures" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 902 <p class="text-base font-medium text-gray-900"> 903 Vacatures 904 </p> 905 </a> 906 <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 907 <p class="text-base font-medium text-gray-900"> 908 Plaats je vacature 909 </p> 910 </a> 911 <a href="/personeel-en-werk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 912 <p class="text-base font-medium text-gray-900"> 913 Personeel & werk 914 </p> 915 </a> 916 <a href="/nieuws/bedrijfspagina/79851/snel-aan-de-slag-met-tempo-bonaire-xq327a" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 917 <p class="text-base font-medium text-gray-900"> 918 Werken bij Tempo Bonaire 919 </p> 920 </a> 921 </div> 922 </div> 923 </div> 924 </div> 925 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 926 <button type="button" @click="isOpen = !isOpen" 927 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 928 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 929 aria-expanded="false"> 930 <span>Vakantie</span> 931 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 932 :class="{ 'absolute left-0': open,'': !open }" 933 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 934 <path fill-rule="evenodd" 935 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 936 clip-rule="evenodd" /> 937 </svg> 938 </button> 939 940 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 941 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 942 x-show="isOpen" 943 @click.away="isOpen = false" 944 x-transition:enter="transition ease-out duration-200" 945 x-transition:enter-start="opacity-0 translate-y-1" 946 x-transition:enter-end="opacity-100 translate-y-0" 947 x-transition:leave="transition ease-in duration-150" 948 x-transition:leave-start="opacity-100 translate-y-0" 949 x-transition:leave-end="opacity-0 translate-y-1"> 950 951 <div class="" 952 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 953 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 954 <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
954-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 955 <p class="text-base font-medium text-gray-900"> 956 Bedrijvengids 957 </p> 958 </a> 959 <a href="/vakantie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 960 <p class="text-base font-medium text-gray-900"> 961 Vakantie tips 962 </p> 963 </a> 964 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Restaurants" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 965 <p class="text-base font-medium text-gray-900"> 966 Restaurants 967 </p> 968 </a> 969 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Verblijf+en+vervoer" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 970 <p class="text-base font-medium text-gray-900"> 971 Verblijf en vervoer 972 </p> 973 </a> 974 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Activiteiten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 975 <p class="text-base font-medium text-gray-900"> 976 Activiteiten 977 </p> 978 </a> 979 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Shoppen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 980 <p class="text-base font-medium text-gray-900"> 981 Shoppen 982 </p> 983 </a> 984 </div> 985 </div> 986 </div> 987 </div> 988 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 989 <button type="button" @click="isOpen = !isOpen" 990 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 991 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 992 aria-expanded="false"> 993 <span>Wonen</span> 994 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 995 :class="{ 'absolute left-0': open,'': !open }" 996 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 997 <path fill-rule="evenodd" 998 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 999 clip-rule="evenodd" /> 1000 </svg> 1001 </button> 1002 1003 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1004 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1005 x-show="isOpen" 1006 @click.away="isOpen = false" 1007 x-transition:enter="transition ease-out duration-200" 1008 x-transition:enter-start="opacity-0 translate-y-1" 1009 x-transition:enter-end="opacity-100 translate-y-0" 1010 x-transition:leave="transition ease-in duration-150" 1011 x-transition:leave-start="opacity-100 translate-y-0" 1012 x-transition:leave-end="opacity-0 translate-y-1"> 1013 1014 <div class="" 1015 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1016 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1017 <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1017-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1018 <p class="text-base font-medium text-gray-900"> 1019 Bedrijvengids 1020 </p> 1021 </a> 1022 <a href="/nieuws/algemeen/14759/uitgelicht-woningaanbod-bonaire" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1023 <p class="text-base font-medium text-gray-900"> 1024 Uitgelicht woningaanbod 1025 </p> 1026 </a> 1027 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Wonen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1028 <p class="text-base font-medium text-gray-900"> 1029 Wonen 1030 </p> 1031 </a> 1032 <a href="/woontips" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1033 <p class="text-base font-medium text-gray-900"> 1034 Woontips 1035 </p> 1036 </a> 1037 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Bouwen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1038 <p class="text-base font-medium text-gray-900"> 1039 Bouwen en ontwerp 1040 </p> 1041 </a> 1042 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Zakelijk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1043 <p class="text-base font-medium text-gray-900"> 1044 Zakelijk 1045 </p> 1046 </a> 1047 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Lifestyle" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1048 <p class="text-base font-medium text-gray-900"> 1049 Lifestyle 1050 </p> 1051 </a> 1052 </div> 1053 </div> 1054 </div> 1055 </div> 1056 <a href="/agenda"> 1057 <button type="button" 1058 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1059 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1060 <span>Uitagenda</span> 1061 </button> 1062 </a> 1063 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 1064 <button type="button" @click="isOpen = !isOpen" 1065 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1066 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1067 aria-expanded="false"> 1068 <span>Contact</span> 1069 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1070 :class="{ 'absolute left-0': open,'': !open }" 1071 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1072 <path fill-rule="evenodd" 1073 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1074 clip-rule="evenodd" /> 1075 </svg> 1076 </button> 1077 1078 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1079 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1080 x-show="isOpen" 1081 @click.away="isOpen = false" 1082 x-transition:enter="transition ease-out duration-200" 1083 x-transition:enter-start="opacity-0 translate-y-1" 1084 x-transition:enter-end="opacity-100 translate-y-0" 1085 x-transition:leave="transition ease-in duration-150" 1086 x-transition:leave-start="opacity-100 translate-y-0" 1087 x-transition:leave-end="opacity-0 translate-y-1"> 1088 1089 <div class="" 1090 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1091 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1092 <a href="/contact" class="menu-item__sub -m
1092-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1093 <p class="text-base font-medium text-gray-900"> 1094 Contact 1095 </p> 1096 </a> 1097 <a href="/app" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1098 <p class="text-base font-medium text-gray-900"> 1099 App 1100 </p> 1101 </a> 1102 </div> 1103 </div> 1104 </div> 1105 </div> 1106 1107 1108 <div class="flex-grow"></div> 1109 1110 <!-- Desktop rechter sectie --> 1111 <div class="hidden md:flex items-center space-x-4"> 1112 1113 1114 <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }"> 1115 <button type="button" @click="isOpen = !isOpen" 1116 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1117 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1118 aria-expanded="false"> 1119 <span>Kies website</span> 1120 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1121 :class="{ 'absolute left-0': open,'': !open }" 1122 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1123 <path fill-rule="evenodd" 1124 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1125 clip-rule="evenodd" /> 1126 </svg> 1127 </button> 1128 1129 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1130 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1131 x-show="isOpen" 1132 @click.away="isOpen = false" 1133 x-transition:enter="transition ease-out duration-200" 1134 x-transition:enter-start="opacity-0 translate-y-1" 1135 x-transition:enter-end="opacity-100 translate-y-0" 1136 x-transition:leave="transition ease-in duration-150" 1137 x-transition:leave-start="opacity-100 translate-y-0" 1138 x-transition:leave-end="opacity-0 translate-y-1"> 1139 1140 <div class="" 1141 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1142 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1143 <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1144 <p class="text-base font-medium text-gray-900"> 1145 Aruba.nu 1146 </p> 1147 </a> 1148 <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1149 <p class="text-base font-medium text-gray-900"> 1150 curacao.nu 1151 </p> 1152 </a> 1153 <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1154 <p class="text-base font-medium text-gray-900"> 1155 Awor.nu 1156 </p> 1157 </a> 1158 <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m
1158-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1159 <p class="text-base font-medium text-gray-900"> 1160 BES Reporter 1161 </p> 1162 </a> 1163 </div> 1164 </div> 1165 </div> 1166 </div> 1167 <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2"> 1168 <button type="button" 1169 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1170 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1171 <span>Aruba.nu</span> 1172 </button> 1173 </a> 1174 <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2"> 1175 <button type="button" 1176 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1177 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1178 <span>Curacao.nu</span> 1179 </button> 1180 </a> 1181 <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2"> 1182 <button type="button" 1183 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1184 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1185 <span>Awor.nu</span> 1186 </button> 1187 </a> 1188 <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2"> 1189 <button type="button" 1190 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1191 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1192 <span>BES Reporter</span> 1193 </button> 1194 </a> 1195 1196 <!-- Vertaalwidget desktop --> 1197 <div class="flex items-center"> 1198 <div id="gtranslate_desktop"></div> 1199 </div> 1200 1201 <!-- Desktop zoeken --> 1202 <div x-data="{ searchOpen: false }" class="relative"> 1203 <button @click="searchOpen = !searchOpen; setTimeout(function(){ document.getElementById('searchTerm').focus() }, 200);" class="flex items-center focus:outline-none focus:border-transparent p-1"> 1204 <svg x-show="!searchOpen" class="search-icon h-5 w-5 text-gray-500" aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1205 <path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path> 1206 </svg> 1207 <svg x-show="searchOpen" aria-hidden="true" focusable="false" class="search-icon h-5 w-5 text-gray-500" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1208 <path fill="currentColor" d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm101.8-262.2L295.6 256l62.2 62.2c4.7 4.7 4.7 12.3 0 17l-22.6 22.6c-4.7 4.7-12.3 4.7-17 0L256 295.6l-62.2 62.2c-4.7 4.7-12.3 4.7-17 0l-22.6-22.6c-4.7-4.7-4.7-12.3 0-17l62.2-62.2-62.2-62.2c-4.7-4.7-4.7-12.3 0-17l22.6-22.6c4.7-4.7 12.3-4.7 17 0l62.2
120862.2 62.2-62.2c4.7-4.7 12.3-4.7 17 0l22.6 22.6c4.7 4.7 4.7 12.3 0 17z"></path> 1209 </svg> 1210 </button> 1211 1212 <div x-cloak x-show="searchOpen" class="absolute right-0 mt-2 py-5 w-96 border border-gray-300 z-30 bg-white rounded-md shadow-lg"> 1213 <span class="text-2xl block pl-5 font-medium text-black leading-normal">Zoeken</span> 1214 <div class="px-4"> 1215 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 1216 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 1217 value="" 1218 placeholder="Vul je zoekwoord in.." 1219 aria-label="Zoeken"> 1220 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 1221 <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg> 1222 </button> 1223 </form> 1224 </div> 1225 </div> 1226 </div> 1227 </div> 1228 </nav> 1229 </div> 1230 </div> 1231 1232 1233 1234 <div class="md:hidden"> 1235 <div x-show="open" 1236 x-transition:enter="transition-opacity ease-linear duration-300" 1237 x-transition:enter-start="opacity-0" 1238 x-transition:enter-end="opacity-100" 1239 x-transition:leave="transition-opacity ease-linear duration-300" 1240 x-transition:leave-start="opacity-100" 1241 x-transition:leave-end="opacity-0" 1242 class="fixed inset-0 bg-gray-600 bg-opacity-75"> 1243 </div> 1244 <nav class="h-12 space-x-8 ml-1 mt-2 hidden md:flex relative items-center " 1245 :class="{ 'fixed inset-0 flex z-50': open, 'hidden relative items-center h-12 space-x-8 ml-1 mt-2': !open }"> 1246 1247 <div x-show="open" 1248 x-transition:enter="transition ease-in-out duration-300 transform" 1249 x-transition:enter-start="-translate-x-full" 1250 x-transition:enter-end="translate-x-0" 1251 x-transition:leave="transition ease-in-out duration-300 transform" 1252 x-transition:leave-start="translate-x-0" 1253 x-transition:leave-end="-translate-x-full" 1254 class="relative flex-1 flex flex-col max-w-xs w-full pb-4 overflow-auto bg-white " @click.away="open = false"> 1255 1256 <div class="py-5 w-full border border-grey-dark z-10 bg-gray-50"> 1257 <div class="px-4"> 1258 <form action="/zoek" method="get" class=" px-0 mb-1 py-3 rounded-md flex items-center"> 1259 <input name="q" type="text" id="searchTerm" action="search" class="text-secondary pl-5 outline-none border-grey-dark w-full" 1260 value="" 1261 placeholder="Vul je zoekwoord in.." 1262 aria-label="Zoeken"> 1263 <button class="flex items-center focus:outline-none focus:border-transparent" type="submit" aria-label="Zoeken"> 1264 <svg class="h-5 w-5 text-xl ml-4" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="search" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"></path></svg> 1265 </button> 1266 </form> 1267 </div> 1268 </div> 1269 1270 1271 1272 1273 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 1274 <button type="button" @click="isOpen = !isOpen" 1275 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1276 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1277 aria-expanded="false">
1278 <span>Nieuws</span> 1279 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1280 :class="{ 'absolute left-0': open,'': !open }" 1281 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1282 <path fill-rule="evenodd" 1283 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1284 clip-rule="evenodd" /> 1285 </svg> 1286 </button> 1287 1288 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1289 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1290 x-show="isOpen" 1291 @click.away="isOpen = false" 1292 x-transition:enter="transition ease-out duration-200" 1293 x-transition:enter-start="opacity-0 translate-y-1" 1294 x-transition:enter-end="opacity-100 translate-y-0" 1295 x-transition:leave="transition ease-in duration-150" 1296 x-transition:leave-start="opacity-100 translate-y-0" 1297 x-transition:leave-end="opacity-0 translate-y-1"> 1298 1299 <div class="" 1300 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1301 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1302 <a href="/nieuws" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1303 <p class="text-base font-medium text-gray-900"> 1304 Laatste nieuws 1305 </p> 1306 </a> 1307 <a href="/luchtvaart-en-reizen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1308 <p class="text-base font-medium text-gray-900"> 1309 Luchtvaart & Reizen 1310 </p> 1311 </a> 1312 <a href="/politie-en-justitie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1313 <p class="text-base font-medium text-gray-900"> 1314 Politie en Justitie 1315 </p> 1316 </a> 1317 <a href="/economie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1318 <p class="text-base font-medium text-gray-900"> 1319 Economie 1320 </p> 1321 </a> 1322 <a href="/sport" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1323 <p class="text-base font-medium text-gray-900"> 1324 Sport 1325 </p> 1326 </a> 1327 <a href="/zoek?q=" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1328 <p class="text-base font-medium text-gray-900"> 1329 Archief 1330 </p> 1331 </a> 1332 </div> 1333 </div> 1334 </div> 1335 </div> 1336 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 1337 <button type="button" @click="isOpen = !isOpen" 1338 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1339 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1340 aria-expanded="false">
1341 <span>Vacatures</span> 1342 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1343 :class="{ 'absolute left-0': open,'': !open }" 1344 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1345 <path fill-rule="evenodd" 1346 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1347 clip-rule="evenodd" /> 1348 </svg> 1349 </button> 1350 1351 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1352 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1353 x-show="isOpen" 1354 @click.away="isOpen = false" 1355 x-transition:enter="transition ease-out duration-200" 1356 x-transition:enter-start="opacity-0 translate-y-1" 1357 x-transition:enter-end="opacity-100 translate-y-0" 1358 x-transition:leave="transition ease-in duration-150" 1359 x-transition:leave-start="opacity-100 translate-y-0" 1360 x-transition:leave-end="opacity-0 translate-y-1"> 1361 1362 <div class="" 1363 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1364 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1365 <a href="/vacatures" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1366 <p class="text-base font-medium text-gray-900"> 1367 Vacatures 1368 </p> 1369 </a> 1370 <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker/" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1371 <p class="text-base font-medium text-gray-900"> 1372 Plaats je vacature 1373 </p> 1374 </a> 1375 <a href="/personeel-en-werk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1376 <p class="text-base font-medium text-gray-900"> 1377 Personeel & werk 1378 </p> 1379 </a> 1380 <a href="/nieuws/bedrijfspagina/79851/snel-aan-de-slag-met-tempo-bonaire-xq327a" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1381 <p class="text-base font-medium text-gray-900"> 1382 Werken bij Tempo Bonaire 1383 </p> 1384 </a> 1385 </div> 1386 </div> 1387 </div> 1388 </div> 1389 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 1390 <button type="button" @click="isOpen = !isOpen" 1391 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1392 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1393 aria-expanded="false"> 1394 <span>Vakantie</span> 1395 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1396 :class="{ 'absolute left-0': open,'': !open }" 1397 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1398 <path fill-rule="evenodd" 1399 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1400 clip-rule="evenodd" /> 1401 </svg> 1402 </button> 1403 1404 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1405 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1406 x-show="isOpen" 1407 @click.away="isOpen = false" 1408 x-transition:enter="transition ease-out duration-200" 1409 x-transition:enter-start="opacity-0 translate-y-1" 1410 x-transition:enter-end="opacity-100 translate-y-0" 1411 x-transition:leave="transition ease-in duration-150" 1412 x-transition:leave-start="opacity-100 translate-y-0" 1413 x-transition:leave-end="opacity-0 translate-y-1"> 1414 1415 <div class="" 1416 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1417 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1418 <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1418-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1419 <p class="text-base font-medium text-gray-900"> 1420 Bedrijvengids 1421 </p> 1422 </a> 1423 <a href="/vakantie" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1424 <p class="text-base font-medium text-gray-900"> 1425 Vakantie tips 1426 </p> 1427 </a> 1428 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Restaurants" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1429 <p class="text-base font-medium text-gray-900"> 1430 Restaurants 1431 </p> 1432 </a> 1433 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Verblijf+en+vervoer" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1434 <p class="text-base font-medium text-gray-900"> 1435 Verblijf en vervoer 1436 </p> 1437 </a> 1438 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Activiteiten" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1439 <p class="text-base font-medium text-gray-900"> 1440 Activiteiten 1441 </p> 1442 </a> 1443 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Shoppen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1444 <p class="text-base font-medium text-gray-900"> 1445 Shoppen 1446 </p> 1447 </a> 1448 </div> 1449 </div> 1450 </div> 1451 </div> 1452 <div class="relative sm:border-b-0 border-b border-white" x-data="{ isOpen: false }"> 1453 <button type="button" @click="isOpen = !isOpen" 1454 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1455 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1456 aria-expanded="false"> 1457 <span>Wonen</span> 1458 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1459 :class="{ 'absolute left-0': open,'': !open }" 1460 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1461 <path fill-rule="evenodd" 1462 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1463 clip-rule="evenodd" /> 1464 </svg> 1465 </button> 1466 1467 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1468 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1469 x-show="isOpen" 1470 @click.away="isOpen = false" 1471 x-transition:enter="transition ease-out duration-200" 1472 x-transition:enter-start="opacity-0 translate-y-1" 1473 x-transition:enter-end="opacity-100 translate-y-0" 1474 x-transition:leave="transition ease-in duration-150" 1475 x-transition:leave-start="opacity-100 translate-y-0" 1476 x-transition:leave-end="opacity-0 translate-y-1"> 1477 1478 <div class="" 1479 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1480 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1481 <a href="/bedrijven-bonaire" target="_blank" class="menu-item__sub -m
1481-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1482 <p class="text-base font-medium text-gray-900"> 1483 Bedrijvengids 1484 </p> 1485 </a> 1486 <a href="/nieuws/algemeen/14759/uitgelicht-woningaanbod-bonaire" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1487 <p class="text-base font-medium text-gray-900"> 1488 Uitgelicht woningaanbod 1489 </p> 1490 </a> 1491 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Wonen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1492 <p class="text-base font-medium text-gray-900"> 1493 Wonen 1494 </p> 1495 </a> 1496 <a href="/woontips" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1497 <p class="text-base font-medium text-gray-900"> 1498 Woontips 1499 </p> 1500 </a> 1501 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Bouwen" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1502 <p class="text-base font-medium text-gray-900"> 1503 Bouwen en ontwerp 1504 </p> 1505 </a> 1506 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Zakelijk" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1507 <p class="text-base font-medium text-gray-900"> 1508 Zakelijk 1509 </p> 1510 </a> 1511 <a href="https://www.bonaire.nu/bedrijven-bonaire?Categorie=Lifestyle" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1512 <p class="text-base font-medium text-gray-900"> 1513 Lifestyle 1514 </p> 1515 </a> 1516 </div> 1517 </div> 1518 </div> 1519 </div> 1520 <a href="/agenda"> 1521 <button type="button" 1522 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1523 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1524 <span>Uitagenda</span> 1525 </button> 1526 </a> 1527 <div class="relative sm:border-b-0 border-b" x-data="{ isOpen: false }"> 1528 <button type="button" @click="isOpen = !isOpen" 1529 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1530 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1531 aria-expanded="false"> 1532 <span>Contact</span> 1533 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1534 :class="{ 'absolute left-0': open,'': !open }" 1535 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1536 <path fill-rule="evenodd" 1537 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1538 clip-rule="evenodd" /> 1539 </svg> 1540 </button> 1541 1542 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1543 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1544 x-show="isOpen" 1545 @click.away="isOpen = false" 1546 x-transition:enter="transition ease-out duration-200" 1547 x-transition:enter-start="opacity-0 translate-y-1" 1548 x-transition:enter-end="opacity-100 translate-y-0" 1549 x-transition:leave="transition ease-in duration-150" 1550 x-transition:leave-start="opacity-100 translate-y-0" 1551 x-transition:leave-end="opacity-0 translate-y-1"> 1552 1553 <div class="" 1554 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1555 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1556 <a href="/contact" class="menu-item__sub -m
1556-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1557 <p class="text-base font-medium text-gray-900"> 1558 Contact 1559 </p> 1560 </a> 1561 <a href="/app" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1562 <p class="text-base font-medium text-gray-900"> 1563 App 1564 </p> 1565 </a> 1566 </div> 1567 </div> 1568 </div> 1569 </div> 1570 1571 1572 1573 1574 1575 <div class="relative sm:border-b-0 border-b mr-4 hidden md:block" x-data="{ isOpen: false }"> 1576 <button type="button" @click="isOpen = !isOpen" 1577 class="text-nav text-gray-900 hover:text-gray-500 font-semibold text-base group inline-flex items-center" 1578 :class="{ 'md:border-transparent hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }" 1579 aria-expanded="false"> 1580 <span>Kies website</span> 1581 <svg class="text-gray-900 hover:text-gray-500 font-semibold text-base ml-2 md:ml-0 h-5 w-5" 1582 :class="{ 'absolute left-0': open,'': !open }" 1583 xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true"> 1584 <path fill-rule="evenodd" 1585 d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" 1586 clip-rule="evenodd" /> 1587 </svg> 1588 </button> 1589 1590 <div class="absolute z-10 -ml-4 mt-3 transform px-2 w-screen max-w-md md:px-0 lg:ml-0 opacity-0" 1591 :class="{ 'opacity-100': isOpen, 'opacity-0': !isOpen, 'relative': open, '': !open }" x-cloak 1592 x-show="isOpen" 1593 @click.away="isOpen = false" 1594 x-transition:enter="transition ease-out duration-200" 1595 x-transition:enter-start="opacity-0 translate-y-1" 1596 x-transition:enter-end="opacity-100 translate-y-0" 1597 x-transition:leave="transition ease-in duration-150" 1598 x-transition:leave-start="opacity-100 translate-y-0" 1599 x-transition:leave-end="opacity-0 translate-y-1"> 1600 1601 <div class="" 1602 :class="{ 'rounded-none': open, 'rounded-lg shadow-lg ring-1 ring-black ring-opacity-5 overflow-hidden': !open }"> 1603 <div class="relative grid pl-10 ml-2 md:ml-0 gap-6 bg-white px-5 py-6 md:gap-5 md:p-8 pt-0 md:pt-6"> 1604 <a href="https://www.aruba.nu" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1605 <p class="text-base font-medium text-gray-900"> 1606 Aruba.nu 1607 </p> 1608 </a> 1609 <a href="https://www.curacao.nu/" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1610 <p class="text-base font-medium text-gray-900"> 1611 curacao.nu 1612 </p> 1613 </a> 1614 <a href="https://www.awor.nu" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1615 <p class="text-base font-medium text-gray-900"> 1616 Awor.nu 1617 </p> 1618 </a> 1619 <a href="https://www.bes-reporter.com" target="_blank" class="menu-item__sub -m-3 p-3 flex items-start rounded-lg hover:bg-gray-50"> 1620 <p class="text-base font-medium text-gray-900"> 1621 BES Reporter 1622 </p> 1623 </a> 1624 </div> 1625 </div> 1626 </div> 1627 </div> 1628 <a href="https://www.aruba.nu" target="_blank" class="md:hidden block m-2"> 1629 <button type="button" 1630 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1631 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }">
1632 <span>Aruba.nu</span> 1633 </button> 1634 </a> 1635 <a href="https://www.curacao.nu" target="_blank" class="md:hidden block m-2"> 1636 <button type="button" 1637 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1638 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1639 <span>Curacao.nu</span> 1640 </button> 1641 </a> 1642 <a href="https://www.awor.nu" target="_blank" class="md:hidden block m-2"> 1643 <button type="button" 1644 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1645 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1646 <span>Awor.nu</span> 1647 </button> 1648 </a> 1649 <a href="https://www.bes-reporter.com" target="_blank" class="md:hidden block m-2"> 1650 <button type="button" 1651 class="text-gray-900 hover:text-gray-500 font-semibold text-base text-nav group inline-flex items-center" 1652 :class="{ 'md:border-transparent md:border-b-0 border-b hover:bg-gray-50 items-left hover:border-gray-300 pl-10 pr-4 py-2 md:border-l-4 text-base w-full': open,'items-center': !open }"> 1653 <span>BES Reporter</span> 1654 </button> 1655 </a> 1656 1657 </div> 1658 <div x-show="open" 1659 x-transition:enter="ease-in-out duration-300" 1660 x-transition:enter-start="opacity-0" 1661 x-transition:enter-end="opacity-100" 1662 x-transition:leave="ease-in-out duration-300" 1663 x-transition:leave-start="opacity-100" 1664 x-transition:leave-end="opacity-0" 1665 class="absolute top-0 right-0 -mr-12 pt-2"> 1666 <button type="button" class="ml-1 flex items-center justify-center h-10 w-10 rounded-full focus:outline-none focus:ring-2 focus:ring-inset focus:ring-white" @click="open = false" aria-label="Menu sluiten"> 1667 <span class="sr-only">Sluit zijkant</span> 1668 <svg class="h-6 w-6 text-white" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" aria-hidden="true"> 1669 <path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"></path> 1670 </svg> 1671 </button> 1672 </div> 1673 </nav> 1674 </div> 1675 </div> 1676 </nav> 1677</header> 1678 1679<main role="main" class="pb-3 mt-0 pt-1 md:pt-0 md:mt-4"> 1680 1681 1682 1683 1684 1685 <div > 1686 <div class="max-w-7xl mx-auto px-2 sm:px-6 lg:px-8 builder__row "> 1687 <div class=" builder__column "> 1688 <div class="w-full mt-2 mb-10 component__static-content" > 1689 1690 1691 1692 1693 <div class="bg-primary py-12 px-4 mt-16"> 1694 <div class="container px-8 mx-auto"> 1695 <div class="flex items-center justify-center md:justify-start"> 1696 <h2 class="text-4xl md:text-5xl font-bold text-white tracking-tight"> 1697 <span>ABC </span><span class="text-black "> Online</span><span> Media</span> 1698 </h2> </div> 1699<div class="mt-5"> 1700<h3 class="text-2xl mb-5 font-bold text-white">Blijf op de hoogte van het nieuws van jouw eiland </h3> 1701 1702 <p class="text-white"> 1703De ABC Online Media app brengt het laatste nieuws van Aruba, Bonaire en Curaçao direct op je telefoon. Kies jouw eiland en ontvang actuele berichtgeving uit de Caribische delen van het Koninkrijk. 1704</p> 1705</div> 1706 1707 </div> 1708 </div> 1709 1710 1711 1712 <section class="bg-primary mx-auto mt-10 md:max-w-2xl py-16 px-4 my-8 mx-4 md:mx-8 lg:mx-12 rounded-3xl shadow-2xl"> 1713 <div class="container mx-auto text-center"> 1714 <h2 class="text-white text-4xl md:text-5xl lg:text-6xl font-bold mb-8 drop-shadow-lg"> 1715 Download onze app 1716 </h2> 1717 <div class="flex flex-col sm:flex-row items-center justify-center gap-4"> 1718 <!-- App Store Button --> 1719 <a href="https://apps.apple.com/us/app/abc-online-media/id6753170705" class="transform hover:scale-105 transition-transform duration-300 hover:shadow-xl"> 1720 <div class="bg-black rounded-xl px-6 py-3 flex items-center space-x-3 min-w-[180px]"> 1721 <svg class="w-10 h-10 text-white" viewBox="0 0 24 24" fill="currentColor">
1722 <path d="M18.71 19.5c-.83 1.24-1.71 2.45-3.05 2.47-1.34.03-1.77-.79-3.29-.79-1.53 0-2 .77-3.27.82-1.31.05-2.3-1.32-3.14-2.53C4.25 17 2.94 12.45 4.7 9.39c.87-1.52 2.43-2.48 4.12-2.51 1.28-.02 2.5.87 3.29.87.78 0 2.26-1.07 3.81-.91.65.03 2.47.26 3.64 1.98-.09.06-2.17 1.28-2.15 3.81.03 3.02 2.65 4.03 2.68 4.04-.03.07-.42 1.44-1.38 2.83M13 3.5c.73-.83 1.94-1.46 2.94-1.5.13 1.17-.34 2.35-1.04 3.19-.69.85-1.83 1.51-2.95 1.42-.15-1.15.41-2.35 1.05-3.11z"/> 1723 </svg> 1724 <div class="text-left"> 1725 <p class="text-white text-xs font-medium">Download in de</p> 1726 <p class="text-white text-xl font-bold">App Store</p> 1727 </div> 1728 </div> 1729 </a> 1730 1731 <!-- Google Play Button --> 1732 <a href="https://play.google.com/store/apps/details?id=nl.pubble.abcapp" class="transform hover:scale-105 transition-transform duration-300 hover:shadow-xl"> 1733 <div class="bg-black rounded-xl px-6 py-3 flex items-center space-x-3 min-w-[180px]"> 1734 <svg class="w-10 h-10" viewBox="0 0 24 24"> 1735 <defs> 1736 <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> 1737 <stop offset="0%" style="stop-color:#00D6FF;stop-opacity:1" /> 1738 <stop offset="100%" style="stop-color:#00A0FF;stop-opacity:1" /> 1739 </linearGradient> 1740 <linearGradient id="grad2" x1="0%" y1="0%" x2="100%" y2="0%"> 1741 <stop offset="0%" style="stop-color:#FFD800;stop-opacity:1" /> 1742 <stop offset="100%" style="stop-color:#FF8800;stop-opacity:1" /> 1743 </linearGradient> 1744 <linearGradient id="grad3" x1="0%" y1="0%" x2="0%" y2="100%"> 1745 <stop offset="0%" style="stop-color:#FF3A44;stop-opacity:1" /> 1746 <stop offset="100%" style="stop-color:#C31162;stop-opacity:1" /> 1747 </linearGradient> 1748 <linearGradient id="grad4" x1="100%" y1="0%" x2="0%" y2="100%"> 1749 <stop offset="0%" style="stop-color:#00D6FF;stop-opacity:1" /> 1750 <stop offset="100%" style="stop-color:#00E676;stop-opacity:1" /> 1751 </linearGradient> 1752 </defs> 1753 <path fill="url(#grad1)" d="M3,20.5V3.5C3,2.91 3.34,2.39 3.84,2.15L13.69,12L3.84,21.85C3.34,21.6 3,21.09 3,20.5Z"/> 1754 <path fill="url(#grad2)" d="M16.81,15.12L6.05,21.34L14.54,12.85L16.81,15.12Z"/> 1755 <path fill="url(#grad3)" d="M20.16,10.81C20.5,11.08 20.75,11.5 20.75,12C20.75,12.5 20.5,12.92 20.16,13.19L17.89,14.5L15.39,12L17.89,9.5L20.16,10.81Z"/> 1756 <path fill="url(#grad4)" d="M6.05,2.66L16.81,8.88L14.54,11.15L6.05,2.66Z"/> 1757 </svg> 1758 <div class="text-left"> 1759 <p class="text-white text-xs font-medium">ONTDEK HET OP</p> 1760 <p class="text-white text-xl font-bold">Google Play</p> 1761 </div> 1762 </div> 1763 </a> 1764 </div> 1765 </div> 1766 </section> 1767 1768 </div> 1769 </div> 1770 </div> 1771 </div> 1772 1773 1774 1775 1776 1777</main> 1778 1779 1780 1781<footer class="css-bg-footer bg-primary pt-0 sm:mt-10"> 1782 1783 <div class="max-w-7xl px-2 pt-5 m-auto text-gray-800 flex flex-wrap justify-left"> 1784 <div class="pt-5 ml-2 md:p-0 text-white w-full md:w-3/12 "> 1785 <div class="mt-4 w-60"><img src="https://pubblestorage.blob.core.windows.net/0231088e/content/web/BONAIRE_WHITE_SLOGAN-2.svg" class="mt-4 fr-fic fr-dib"></div> 1786 </div> 1787 </div> 1788 <div class="max-w-7xl px-2 pt-5 m-auto text-gray-800 flex flex-wrap justify-left"> 1789 <div class="p-5 w-full gap-12 md:flex "> 1790 1791 <div class="pt-5 md:p-0 text-white w-full md:w-3/12 "> 1792 <h4 class="wp-block-heading">Auteursrecht</h4><div class="widget widget_block widget_text" id="block-3"><p>Het is niet toegestaan berichten of delen daarvan over te nemen zonder schriftelijke toestemming van de desbetreffende auteur. Bij het overnemen van citaten is bronvermelding verplicht. Op fotoâs rust eveneens copyright.</p><p><br><a class="underline" href="/algemene-voorwaarden">Lees onze algemene voorwaarden</a></p></div><div class="widget widget_block widget_text" id="block-4"><p style="font-size:14px;"><br></p></div> 1793 </div> 1794 1795 1796 <div class="w-full md:w-6/12 p-0 md:flex"> 1797 <ul class="text-xs pt-2 md:pt-0 text-white w-full font-medium mb-2 md:w-6/12"> 1798 <p class="text-white text-xl mb-4 font-semibold ">Zakelijk</p> 1799 <li class=""> 1800 <a href="https://abconlinemedia.com/adverteren/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1801 Adverteren 1802 </a> 1803 </li> 1804 <li class=""> 1805 <a href="https://abconlinemedia.com/adverteren/bedrijf-in-the-picture/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1806 Bedrijf in the Picture 1807 </a> 1808 </li> 1809 <li class=""> 1810 <a href="https://abconlinemedia.com/banner/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1811 Reclamebanners 1812 </a> 1813 </li> 1814 <li class=""> 1815 <a href="/plaats-je-vacature-op-bonaire-nu-en-vind-snel-de-juiste-medewerker" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1816 Vacatureplaatsing 1817 </a> 1818 </li> 1819 <li class=""> 1820 <a href="/algemene-voorwaarden" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1821 Algemene voorwaarden 1822 </a> 1823 </li> 1824 <li class=""> 1825 <a href="/zoek?q=" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1826 Archief 1827 </a> 1828 </li> 1829 </ul> 1830 <ul class="text-xs pt-2 md:pt-0 text-white w-full font-medium mb-2 md:w-6/12"> 1831 <p class="text-white text-xl mb-4 font-semibold ">Websites</p> 1832 <li class=""> 1833 <a href="https://www.aruba.nu" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1834 Aruba.nu 1835 </a> 1836 </li> 1837 <li class=""> 1838 <a href="https://www.curacao.nu/" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1839 curacao.nu 1840 </a> 1841 </li> 1842 <li class=""> 1843 <a href="https://www.awor.nu" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1844 Awor.nu 1845 </a> 1846 </li> 1847 <li class=""> 1848 <a href="https://www.bes-reporter.com" target="_blank" class="my-3 block text-white hover:text-gray-100 text-sm font-medium duration-700"> 1849 BES Reporter 1850 </a> 1851 </li> 1852 </ul> 1853 </div> 1854 1855<div class="pt-5 md:p-0 text-white w-full md:w-3/12 "> 1856 1857 <div class=" text-white"> 1858 <div class=""> 1859 <span class="text-xl md:text-xl w-full mb-4 font-bold text-white block ">Nieuwsbrief</span> 1860 </div> 1861 <div class=" max-w-2xl"> 1862 <form action="/nieuwsbrief/aanmelden" method="get" class="relative w-2xl "> 1863 <input name="email" class="w-full text-primary w-full rounded-md border-solid py-4 px-4 outline-none border-white focus:border-green-700" type="text" placeholder="E-mailadres"> 1864 <button type="submit" class="bg-white mt-4 right-2 mr-4 py-3 px-6 text-primary font-semibold">Verstuur</button> 1865 </form> 1866 </div> 1867</div> 1868 </div> 1869 1870 </div> 1871 1872 1873 <div class="max-w-7xl md:flex ml-2 w-full"> 1874 1875 <ul role="list" class="flex w-full items-center ml-1 mt-4 mb-2 "> 1876 1877 1878 <li> 1879 <div class="mx-2 bg-white hover:bg-opacity-60 text-primary rounded-full items-center justify-center flex p-2 shadow-md"> 1880 <a href="//facebook.com/bonaire.nu" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary hover:text-gray-100" title="facebook"> 1881 <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="facebook-f" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512">
1882 <path fill="currentColor" d="M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z"></path> 1883 </svg> 1884 </a> 1885 </div> 1886 </li> 1887 1888 <li> 1889 <div class="mx-2 bg-white hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 1890 <a href="https://www.instagram.com/bonaire.nu" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary hover:text-gray-100" title="instagram"> 1891 <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fab" data-icon="instagram" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"> 1892 <path fill="currentColor" d="M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z"></path> 1893 </svg> 1894 </a> 1895 </div> 1896 </li> 1897 1898 <li> 1899 <div class="mx-2 bg-white hover:bg-opacity-60 text-primary rounded-full items-center justify-center flex p-2 shadow-md"> 1900 <a href="https://x.com/ABCOnlineMedia" target="_blank" class="flex items-center justify-center w-6 h-6 text-primary hover:text-gray-100" title="twitter"> 1901 <svg class="h-4" viewBox="0 0 1200 1227" fill="none" xmlns="http://www.w3.org/2000/svg"> 1902 <path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z" fill="currentColor"/> 1903 </svg> 1904 </a> 1905 </div> 1906 </li> 1907 1908 1909 1910 1911 1912 1913 1914 1915 <li> 1916 <div class="mx-2 bg-white hover:bg-opacity-60 text-white rounded-full items-center justify-center flex p-2 shadow-md"> 1917 <a href="mailto:[email protected]" target="_blank" class="flex items-center justify-center w-6 h-6 text-white hover:text-gray-100" title="mail de redactie"> 1918 <svg class="h-5 w-5" aria-hidden="true" focusable="false" data-prefix="fas" data-icon="envelope-open" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"> 1919 <path fill="currentColor" d="M512 464c0 26.51-21.49 48-48 48H48c-26.51 0-48-21.49-48-48V200.724a48 48 0 0 1 18.387-37.776c24.913-19.529 45.501-35.365 164.2-121.511C199.412 29.17 232.797-.347 256 .003c23.198-.354 56.596 29.172 73.413 41.433 118.687 86.137 139.303 101.995 164.2 121.512A48 48 0 0 1 512 200.724V464zm-65.666-196.605c-2.563-3.728-7.7-4.595-11.339-1.907-22.845 16.873-55.462 40.705-105.582 77.079-16.825 12.266-50.21 41.781-73.413 41.43-23.211.344-56.559-29.143-73.413-41.43-50.114-36.37-82.734-60.204-105.582-77.079-3.639-2.688-8.776-1.821-11.339 1.907l-9.072 13.196a7.998 7.998 0 0 0 1.839 10.967c22.887 16.899 55.454 40.69 105.303 76.868 20.274 14.781 56.524 47.813 92.264 47.573 35.724.242 71.961-32.771 92.263-47.5
191973 49.85-36.179 82.418-59.97 105.303-76.868a7.998 7.998 0 0 0 1.839-10.967l-9.071-13.196z"></path> 1920 </svg> 1921 </a> 1922 </div> 1923 </li> 1924 1925 </ul> 1926 1927 1928 <div class="flex mt-5 ml-4 md:justify-end space-x-4"> 1929 1930 <a href="https://apps.apple.com/us/app/abc-online-media/id6753170705" rel="noopener noreferrer" target="_blank"> 1931 1932 <img src="https://storage.pubble.nl/16c0059b/content/originals/2023/8/cd970d74-efb7-416f-ad03-1906696e8473_thumb840.jpg" style="width: 150px;" class="fr-fic rounded fr-dib fr-fil"> 1933 </a> 1934 1935 <a href="https://play.google.com/store/apps/details?id=nl.pubble.abcapp" rel="noopener noreferrer" target="_blank"> 1936 <img src="https://storage.pubble.nl/16c0059b/content/originals/2023/8/a2414c1a-50d8-4623-8d02-0691f6c0e1c9_thumb840.jpg" style="width: 150px;" class="fr-fic rounded fr-dib fr-fil"> 1937 </a> 1938 </div> 1939 1940 1941 1942 1943 1944 </div> 1945 1946 </div> 1947 1948 1949 1950 1951 <div class="pt-2"> 1952 <div class="flex pb-5 px-3 m-auto pt-5 1953 border-t text-white text-sm 1954 flex-col md:flex-row max-w-7xl px-2"> 1955 <div class="mt-2"> 1956 1957 Gemaakt met 1958 <a style="font-weight: bold;" href="https://www.pubble.nl/" target="_blank" rel="noopener"> 1959 <img style="width: 60px; height: auto; opacity: 1;" loading="lazy" width="60" height="25" class="inline" src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" data-src="https://storage.pubble.nl/assets/images/Pubble-w-logo.svg" alt=""> 1960 </a> 1961 </div> 1962 </div> 1963 </div> 1964</footer> 1965 1966 1967 1968 1969 1970 1971 1972
1972<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble.script.min.js?version=260924-1"></script>
1972 1973
1973<script type="text/javascript" src="//storage.pubble.cloud/assets/static/js/pubble/pubble.serve.min.js?v=260924-1"></script>
vendor: 1 bytes, line 1973
1973
1974<script type="text/javascript" src="/lure/js/pubble/lures.js?version=260924-1"></script>
vendor: 1 bytes, line 1974
1974
1975<script src="/components/js/pubble.stats.min.js?app_name=web&version=260924-1" async></script>
1975 1976
1976<script defer src="/components/rum/pubble-rum.js?v=260924-1"></script>
1976 1977 1978 1979 1980<!-- Curaçao.nu Radio Player Plugin --> 1981<!-- Plak deze code aan het einde van je <body>, vlak voor </body> --> 1982 1983<!-- Turbo Permanent Frame: zorgt dat deze NIET refreshed bij navigatie --> 1984<div data-turbo-permanent="" id="curacao-radio-player-permanent"> 1985 1986<!-- Radio Player - Fixed Bottom Bar --> 1987<div id="curacao-radio-player" class="fixed bottom-0 left-0 right-0 shadow-2xl border-t z-50" style="background: rgba(17, 24, 39, 0.9); backdrop-filter: blur(8px); border-color: rgba(75, 85, 99, 0.5);"> 1988 <div style="max-width: 1536px; margin: 0 auto; padding: 0.5rem 1rem;"> 1989 <div style="display: flex; align-items: center; justify-content: space-between; gap: 1rem; height: 48px;"> 1990 1991 <!-- Logo --> 1992 <div style="flex-shrink: 0;"> 1993 <img src="https://storage.pubble.cloud/0231088e/embed/2025/10/preview-2.png" alt="Curaçao.nu" style="height: 1.75rem; width: auto;"> 1994 </div> 1995 1996 <!-- Left Section: Station Info --> 1997 <div style="display: flex; align-items: center; gap: 0.75rem; flex: 1; min-width: 0;"> 1998 <div style="min-width: 0;"> 1999 <div style="color: white; font-weight: 700; font-size: 0.875rem; line-height: 1.2;">Curaçao.nu 101.1FM</div> 2000 <div style="color: rgb(156, 163, 175); font-size: 0.75rem; font-weight: 500;">Luister Live</div> 2001 </div> 2002 </div> 2003 2004 <!-- Center: Play/Pause Button --> 2005 <div style="flex-shrink: 0;"> 2006 <button id="curacao-play-btn" style="width: 2.5rem; height: 2.5rem; border-radius: 9999px; background: linear-gradient(135deg, #FF0082 0%, #d10069 100%); display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.3); transition: all 0.2s; border: none; cursor: pointer; position: relative;"> 2007 <svg id="curacao-play-icon" style="width: 1.25rem; height: 1.25rem; color: white; margin-left: 0.2rem; position: absolute;" fill="currentColor" viewBox="0 0 24 24"> 2008 <path d="M8 5v14l11-7z"></path> 2009 </svg> 2010 <svg id="curacao-pause-icon" style="width: 1.25rem; height: 1.25rem; color: white; position: absolute; opacity: 0; visibility: hidden;" fill="currentColor" viewBox="0 0 24 24"> 2011 <path d="M6 4h4v16H6V4zm8 0h4v16h-4V4z"></path> 2012 </svg> 2013 </button> 2014 </div> 2015 2016 <!-- Right Section: Extra Controls --> 2017 <div style="display: flex; align-items: center; justify-content: flex-end; gap: 0.75rem; flex: 1;"> 2018 2019 <!-- Kijk Live Button --> 2020 <a href="https://www.curacao.nu/live" id="curacao-live-btn" style="display: flex; padding: 0.375rem 0.75rem; border-radius: 9999px; background-color: #FF0082; color: white; font-weight: 500; font-size: 0.75rem; text-decoration: none; transition: background-color 0.2s; white-space: nowrap;"> 2021 Kijk Live 2022 </a> 2023 <style> 2024 @media (min-width: 640px) { 2025 #curacao-live-btn { 2026 padding: 0.5rem 1.25rem !important; 2027 font-size: 0.875rem !important; 2028 } 2029 } 2030 #curacao-live-btn:hover { 2031 background-color: #d10069; 2032 } 2033 </style> 2034 2035 <!-- Mute Button --> 2036 <button id="curacao-mute-btn" style="display: none; align-items: center; justify-content: center; width: 2rem; height: 2rem; border-radius: 9999px; background: rgba(31, 41, 55, 0.5); color: rgb(209, 213, 219); transition: all 0.2s; border: none; cursor: pointer; position: relative;"> 2037 <svg id="curacao-volume-icon" style="width: 1rem; height: 1rem; position: absolute;" fill="currentColor" viewBox="0 0 24 24"> 2038 <path d="M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z"></path> 2039 </svg> 2040 <svg id="curacao-muted-icon" style="width: 1rem; height: 1rem; position: absolute; opacity: 0; visibility: hidden;" fill="currentColor" viewBox="0 0 24 24"> 2041 <path d="M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51C20.63 14.91 21 13.5 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06c1.38-.31 2.63-.95 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z"></path> 2042 </svg> 2043 </button> 2044 <style> 2045 @media (min-width: 1024px) { 2046 #curacao-mute-btn { 2047 display: flex !important; 2048 } 2049 } 2050 #curacao-mute-btn:hover { 2051 background: rgba(55, 65, 81, 0.5); 2052 color: white; 2053 } 2054 #curacao-play-btn:hover { 2055 transform: scale(1.05); 2056 } 2057 #curacao-play-btn:active { 2058 transform: scale(0.95); 2059 } 2060 </style> 2061 2062 <!-- Open in Window Button --> 2063 <button id="curacao-popout-btn" style="display: none; align-items: center; gap: 0.5rem; padding: 0.375rem 0.875rem; border-radius: 9999px; background: rgba(31, 41, 55, 0.5); color: white; font-size: 0.8rem; font-weight: 500; transition: background-color 0.2s; border: none; cursor: pointer;">
2064 <span>Open in venster</span> 2065 <svg style="width: 0.875rem; height: 0.875rem;" fill="none" stroke="currentColor" viewBox="0 0 24 24"> 2066 <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10 6H6a2 2 0 00-2 2v10a2 2 0 002 2h10a2 2 0 002-2v-4M14 4h6m0 0v6m0-6L10 14"></path> 2067 </svg> 2068 </button> 2069 <style> 2070 @media (min-width: 640px) { 2071 #curacao-popout-btn { 2072 display: flex !important; 2073 } 2074 } 2075 #curacao-popout-btn:hover { 2076 background: rgba(55, 65, 81, 0.5); 2077 } 2078 </style> 2079 2080 </div> 2081 </div> 2082 </div> 2083</div> 2084 2085<!-- Audio Element --> 2086<audio id="curacao-radio-stream" preload="none"> 2087 <source src="https://media.hostin.live/audio/curacaonu.mp3" type="audio/mpeg"> 2088 <source src="https://media.hostin.live/audio/curacaonu.aac" type="audio/aac"> 2089</audio> 2090 2091</div> 2092<!-- Einde Turbo Permanent Frame --> 2093 2094<!-- Radio Player Script -->
2095<script> 2096(function() { 2097 'use strict'; 2098 2099 if (window.curacaoRadioInitialized) return; 2100 window.curacaoRadioInitialized = true; 2101 2102 const playBtn = document.getElementById('curacao-play-btn'); 2103 const playIcon = document.getElementById('curacao-play-icon'); 2104 const pauseIcon = document.getElementById('curacao-pause-icon'); 2105 const audio = document.getElementById('curacao-radio-stream'); 2106 const muteBtn = document.getElementById('curacao-mute-btn'); 2107 const volumeIcon = document.getElementById('curacao-volume-icon'); 2108 const mutedIcon = document.getElementById('curacao-muted-icon'); 2109 const popoutBtn = document.getElementById('curacao-popout-btn'); 2110 2111 audio.volume = 0.7; 2112 2113 playBtn.addEventListener('click', function() { 2114 if (audio.paused) { 2115 audio.play().catch(function(err) { 2116 console.error('Playback error:', err); 2117 alert('Kon audio niet afspelen. Probeer het opnieuw.'); 2118 }); 2119 } else { 2120 audio.pause(); 2121 } 2122 }); 2123 2124 audio.addEventListener('play', function() { 2125 playIcon.style.opacity = '0'; 2126 playIcon.style.visibility = 'hidden'; 2127 pauseIcon.style.opacity = '1'; 2128 pauseIcon.style.visibility = 'visible'; 2129 }); 2130 2131 audio.addEventListener('pause', function() { 2132 playIcon.style.opacity = '1'; 2133 playIcon.style.visibility = 'visible'; 2134 pauseIcon.style.opacity = '0'; 2135 pauseIcon.style.visibility = 'hidden'; 2136 }); 2137 2138 muteBtn.addEventListener('click', function() { 2139 audio.muted = !audio.muted; 2140 if (audio.muted) { 2141 volumeIcon.style.opacity = '0'; 2142 volumeIcon.style.visibility = 'hidden'; 2143 mutedIcon.style.opacity = '1'; 2144 mutedIcon.style.visibility = 'visible'; 2145 } else { 2146 volumeIcon.style.opacity = '1'; 2147 volumeIcon.style.visibility = 'visible'; 2148 mutedIcon.style.opacity = '0'; 2149 mutedIcon.style.visibility = 'hidden'; 2150 } 2151 }); 2152 2153 popoutBtn.addEventListener('click', function() { 2154 const width = 400; 2155 const height = 300; 2156 const left = (screen.width - width) / 2; 2157 const top = (screen.height - height) / 2; 2158 window.open('https://www.curacao.nu/online-radio-luisteren', 'RadioPlayer', 'width=' + width + ',height=' + height + ',left=' + left + ',top=' + top + ',resizable=yes'); 2159 }); 2160 2161 window.updateCuracaoNowPlaying = function(data) { 2162 if (data.program) { 2163 document.getElementById('curacao-program-name').textContent = data.program; 2164 } 2165 if (data.track) { 2166 document.getElementById('curacao-track-info').textContent = data.track; 2167 } 2168 if (data.djImage) { 2169 document.getElementById('curacao-dj-image').src = data.djImage; 2170 } 2171 }; 2172 2173 document.addEventListener('turbo:before-visit', function(event) { 2174 if (!audio.paused) { 2175 console.log('Radio speelt - Turbo navigatie toegestaan (player blijft staan)'); 2176 } else { 2177 event.preventDefault(); 2178 const url = event.detail.url; 2179 window.location.href = url; 2180 return; 2181 } 2182 }); 2183 2184 document.addEventListener('turbo:load', function() { 2185 console.log('Turbo navigatie voltooid'); 2186 }); 2187 2188 document.addEventListener('turbo:submit-start', function(event) { 2189 const form = event.target; 2190 event.preventDefault(); 2191 form.setAttribute('data-turbo', 'false'); 2192 form.submit(); 2193 }); 2194 2195 console.log('Curaçao.nu Radio Player geïnitialiseerd'); 2196})(); 2197</script>
2197 2198 2199<style> 2200 body { 2201 padding-bottom: 64px !important; 2202 } 2203</style> 2204
2204<script type="text/javascript"></script>
2204 2205 2206<!-- web-earth--r147-1-55b4754df7-548vh --> 2207</body> 2208</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.