{"id":49,"date":"2025-10-12T13:44:30","date_gmt":"2025-10-12T13:44:30","guid":{"rendered":"https:\/\/www.buurthuis-bloemwijk.nl\/?page_id=49"},"modified":"2026-03-03T13:59:32","modified_gmt":"2026-03-03T12:59:32","slug":"home","status":"publish","type":"page","link":"https:\/\/www.buurthuis-bloemwijk.nl\/","title":{"rendered":"Home"},"content":{"rendered":"        <div class=\"bb-ss\" id=\"bb-ss-1bfcca1c-be37-42dd-ac3e-c89a97e0347e\"\n             data-duration=\"5\"\n             data-hold=\"10\"\n             data-min=\"0\"\n             data-mode=\"slideshow\">\n            <div class=\"bb-ss-stage\" aria-live=\"polite\">\n                            <\/div>\n        <\/div>\n\n        <style>\n.bb-ss { width:100%; max-width:900px; margin:0 auto; }\n.bb-ss .bb-ss-stage { position:relative; overflow:hidden; border:1px solid #000; border-radius:10px; background:#000; aspect-ratio:16\/9; }\n.bb-ss img { width:100%; height:100%; object-fit:cover; display:block; border:none; }\n\/* twee lagen \u2013 opacity wordt volledig via JS beheerd *\/\n.bb-ss .fade-layer { position:absolute; inset:0; }\n@media (max-width:720px){ .bb-ss { padding:20px !important; box-sizing:border-box; } }\n        <\/style>\n\n<script>\n(function(){\n  const root    = document.getElementById('bb-ss-1bfcca1c-be37-42dd-ac3e-c89a97e0347e');\n  const fadeDur = parseInt(root.dataset.duration, 10) || 15; \/\/ sec\n  const holdDur = parseInt(root.dataset.hold, 10) || 15;     \/\/ sec\n  const minOp   = Math.max(0, Math.min(1, parseFloat(root.dataset.min) || 0.10)); \/\/ 0..1\n  const data    = [{\"id\":1,\"url\":\"https:\\\/\\\/www.buurthuis-bloemwijk.nl\\\/wp-content\\\/plugins\\\/bb-custom-slideshow\\\/images\\\/frontfoto.jpg\",\"title\":\"frontfoto.jpg\"},{\"id\":3,\"url\":\"https:\\\/\\\/www.buurthuis-bloemwijk.nl\\\/wp-content\\\/plugins\\\/bb-custom-slideshow\\\/images\\\/popquiz2.jpg\",\"title\":\"popquiz2.jpg\"},{\"id\":4,\"url\":\"https:\\\/\\\/www.buurthuis-bloemwijk.nl\\\/wp-content\\\/plugins\\\/bb-custom-slideshow\\\/images\\\/popquiz3.jpg\",\"title\":\"popquiz3.jpg\"},{\"id\":5,\"url\":\"https:\\\/\\\/www.buurthuis-bloemwijk.nl\\\/wp-content\\\/plugins\\\/bb-custom-slideshow\\\/images\\\/nummer5.jpg\",\"title\":\"nummer5.jpg\"},{\"id\":6,\"url\":\"https:\\\/\\\/www.buurthuis-bloemwijk.nl\\\/wp-content\\\/plugins\\\/bb-custom-slideshow\\\/images\\\/Afbeelding-van-WhatsApp-op-2025-11-07-om-17.27.02_2b0c5428.jpg\",\"title\":\"Afbeelding-van-WhatsApp-op-2025-11-07-om-17.27.02_2b0c5428.jpg\"}];\n  const stage   = root.querySelector('.bb-ss-stage');\n\n  if (!Array.isArray(data) || data.length === 0) return;\n\n  \/\/ E\u00e9n foto? gewoon tonen\n  if (data.length === 1) {\n    const img = document.createElement('img');\n    img.src = data[0].url; img.alt = '';\n    stage.appendChild(img);\n    return;\n  }\n\n  \/\/ Twee lagen (A\/B)\n  const layerA = document.createElement('div'); layerA.className = 'fade-layer';\n  const layerB = document.createElement('div'); layerB.className = 'fade-layer';\n  \/\/ z-index default 1, \"bovenlaag\" krijgt zIndex 2\n  layerA.style.zIndex = '2';\n  layerB.style.zIndex = '1';\n\n  \/\/ kleine optimalisaties tegen \u201cghosting\u201d\n  layerA.style.willChange = 'opacity';\n  layerB.style.willChange = 'opacity';\n  layerA.style.backfaceVisibility = 'hidden';\n  layerB.style.backfaceVisibility = 'hidden';\n\n  stage.appendChild(layerA);\n  stage.appendChild(layerB);\n\n  let active = layerA;  \/\/ huidige bovenlaag (100%)\n  let idle   = layerB;  \/\/ onderlaag (minOp)\n  let index  = 0;\n\n  function setImage(layer, src){\n    return new Promise(resolve => {\n      const im = new Image();\n      im.onload = mount; im.onerror = mount; im.src = src;\n      if (im.complete) mount();\n      function mount(){ layer.innerHTML=''; layer.appendChild(im); resolve(); }\n    });\n  }\n\n  function setTransitions(on){\n    const t = on ? `opacity ${fadeDur}s ease` : 'none';\n    active.style.setProperty('transition', t, 'important');\n    idle  .style.setProperty('transition', t, 'important');\n  }\n\n  \/\/ Init\n  (async function init(){\n    await setImage(active, data[index].url);\n    active.style.opacity = '1';\n    idle.style.opacity   = String(minOp);\n    \/\/ Zorg dat active boven ligt\n    active.style.zIndex = '2';\n    idle.style.zIndex   = '1';\n\n    index = (index + 1) % data.length;\n    setTimeout(stepFade, holdDur * 1000);\n  })();\n\n  async function stepFade(){\n    \/\/ Nieuwe foto op idle (onderlaag)\n    await setImage(idle, data[index].url);\n    idle.style.opacity = String(minOp);\n    \/\/ zet idle alvast boven active voordat we gaan faden\n    idle.style.zIndex   = '2';\n    active.style.zIndex = '1';\n\n    \/\/ forceer beginstaat te renderen\n    void idle.offsetWidth;\n\n    \/\/ start crossfade: idle minOp -> 1, active 1 -> minOp\n    setTransitions(true);\n    requestAnimationFrame(()=>{ requestAnimationFrame(()=>{\n      idle.style.opacity   = '1';\n      active.style.opacity = String(minOp);\n    });});\n\n    \/\/ na de fade: swap referenties\n    setTimeout(()=>{\n      setTransitions(false);\n\n      \/\/ Als je g\u00e9\u00e9n waas wilt: maak de \u201cnieuwe idle\u201d (oude active) leeg en volledig onzichtbaar\n      const prevActive = active;\n\n      \/\/ wissel boven\/onder\n      const tmp = active; active = idle; idle = tmp;\n\n      \/\/ Houd nieuwe active boven\n      active.style.zIndex = '2';\n      idle.style.zIndex   = '1';\n\n      if (minOp === 0) {\n        \/\/ volledig weg = geen contouren\n        idle.style.opacity = '0';\n        idle.innerHTML = '';     \/\/ verwijder oude afbeelding om elk \u201cbleed-through\u201d te voorkomen\n      } else {\n        \/\/ anders blijft idle op minimum\n        idle.style.opacity = String(minOp);\n      }\n\n      index = (index + 1) % data.length;\n      setTimeout(stepFade, holdDur * 1000);\n    }, fadeDur * 1000);\n  }\n})();\n<\/script>\n\n\n        \n\n\n<section class=\"bb-home-wrap bb-home-split\"><div class=\"bb-home-left\"><div class=\"bb-cards bb-cards--withhead\"><div class=\"bb-col-head bb-col-head--inside\"><div class=\"bb-title\">Weekend deals<\/div><\/div><div class=\"bb-cards\"><article class=\"bb-card\"><div class=\"bb-card-media\"><img loading=\"lazy\" decoding=\"async\" width=\"736\" height=\"552\" src=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/snacks.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/snacks.jpg 736w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/snacks-300x225.jpg 300w\" sizes=\"auto, (max-width: 736px) 100vw, 736px\" \/><\/div><div class=\"bb-card-body\"><h4>weekend snack deal<\/h4><div class=\"bb-meta\">\ud83d\udcc5 01-05-26 \u2013 03-05-26<\/div><p>keuze uit 4 snacks<\/p>\n<p>frikandel<\/p>\n<p>kaas soufle<\/p>\n<p>kipcorn<\/p>\n<p>kroket<\/p>\n<p>4 snacks voor\u00a0 \u20ac 5<\/p>\n<\/div><\/article><article class=\"bb-card\"><div class=\"bb-card-media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/broodje-shoarma-1024x683.jpg\" class=\"attachment-large size-large wp-post-image\" alt=\"\" srcset=\"https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/broodje-shoarma-1024x683.jpg 1024w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/broodje-shoarma-300x200.jpg 300w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/broodje-shoarma-768x512.jpg 768w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/broodje-shoarma-1536x1024.jpg 1536w, https:\/\/www.buurthuis-bloemwijk.nl\/wp-content\/uploads\/2026\/04\/broodje-shoarma-2048x1366.jpg 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/div><div class=\"bb-card-body\"><h4>Broodje shoarma<\/h4><p>Wegens succes gaan wij weer het broodje shoarma aanbieden als weekend deal !!!<\/p>\n<p>dus dit weekend van 10 t\/m 12 april<\/p>\n<p>een lekker broodje shoarma voor maar 5 euro<\/p>\n<\/div><\/article><\/div><\/div><\/div><div class=\"bb-home-right\"><div class=\"bb-col-head\"><div class=\"bb-title\">Aankondigingen<\/div><\/div><div class=\"bb-ann-list\"><div class=\"bb-box\"><h3 class=\"bb-box-title\">Ontbijtje?!<\/h3><div class=\"bb-ann-meta\">\ud83d\udcc5 03-03-26 \u2022 09:00<\/div>NIEUW NIEUW NIEUW!!!\r\n\r\nVanaf Dinsdag 3 maart 2026 gaan wij starten met\u00a0 een lekker ontbijtje in het buurthuis.\r\n\r\nVanaf 09:00 uur kun je bij ons terecht om gezellig met ons te komen ontbijten.\r\n\r\nVoor maar \u20ac 3,50 krijg je een vers gebakken broodje, een glaasje jus, een gekookt eitje en een lekker bakkie koffie of thee.\r\n\r\nDus heb je zin om gezellig met ons te ontbijten?\r\n\r\nMeld je dan aan via <a href=\"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/ontbijt_aanmelding\/\">\r\n<strong>deze link<\/strong><\/a>\r\n\r\nOf klik in de menubalk bovenin op\r\n\r\n<strong>reserveren en catering &#8211; ontbijt_aanmelding<\/strong>\r\n\r\nTot Dan!\r\n\r\nBuurthuis Bloemwijk\r\n\r\nEikelenbergstraat 57\r\n\r\n1815 XB Alkmaar<\/div><\/div><\/div><\/section>\n\n\n  <div class=\"bb-agenda-monthdays\"\n       style=\"font-family:'Courier New', monospace; background:#FFF4D6; border:2px solid #000; border-radius:12px; padding:14px;\">\n\n    <!-- GROTE TITEL -->\n    <div style=\"margin-bottom:14px;\">\n      <div style=\"\n        display:inline-block;\n        font-weight:900;\n        font-size:24px;               \/* <-- GROTER *\/\n        line-height:1.15;\n        background:#D1CE1D;\n        border:2px solid #000;\n        border-radius:12px;\n        padding:10px 12px;\n        box-shadow:0 6px 14px rgba(0,0,0,.18), 0 2px 4px rgba(0,0,0,.12);\n      \">\n        Komende evenementen deze maand \u2014 april 2026      <\/div>\n    <\/div>\n\n    \n              \n        <!-- DAGKOP -->\n        <div style=\"margin:14px 0 8px;\">\n          <div style=\"\n            display:inline-block;\n            font-weight:900;\n            font-size:18px;\n            background:#EBBA6A;\n            border:2px solid #000;\n            border-radius:12px;\n            padding:8px 10px;\n          \">\n            woensdag 29-04-2026          <\/div>\n        <\/div>\n\n        <!-- EVENTS VAN DIE DAG -->\n        <div style=\"background:#F7DAA3; border:2px solid #000; border-radius:12px; overflow:hidden;\">\n                                  <div style=\"padding:12px; border-top:1px dashed rgba(0,0,0,.35);\">\n              <div style=\"display:flex; align-items:flex-start; justify-content:space-between; gap:10px;\">\n                <div style=\"font-weight:900; font-size:17px;\">Koffie ochtend en Biljart middag.<\/div>\n                <div style=\"\n                  white-space:nowrap;\n                  font-weight:900;\n                  font-size:14px;\n                  background:#fffbe2;\n                  border:2px solid #000;\n                  border-radius:12px;\n                  padding:6px 10px;\n                \">\n                  10:00\u201317:00                <\/div>\n              <\/div>\n\n                              <div style=\"margin-top:8px; line-height:1.5;\">\n                  Kom gezellig met andere buurtbewoners lekker een bakkie koffie\/thee drinken\r\n\r\nOf vanaf 14:00 uur t\/m 17:00 uur Gezellig biljarten                <\/div>\n                          <\/div>\n                  <\/div>\n\n              \n        <!-- DAGKOP -->\n        <div style=\"margin:14px 0 8px;\">\n          <div style=\"\n            display:inline-block;\n            font-weight:900;\n            font-size:18px;\n            background:#EBBA6A;\n            border:2px solid #000;\n            border-radius:12px;\n            padding:8px 10px;\n          \">\n            donderdag 30-04-2026          <\/div>\n        <\/div>\n\n        <!-- EVENTS VAN DIE DAG -->\n        <div style=\"background:#F7DAA3; border:2px solid #000; border-radius:12px; overflow:hidden;\">\n                                  <div style=\"padding:12px; border-top:1px dashed rgba(0,0,0,.35);\">\n              <div style=\"display:flex; align-items:flex-start; justify-content:space-between; gap:10px;\">\n                <div style=\"font-weight:900; font-size:17px;\">Eetkamer en biljart avond<\/div>\n                <div style=\"\n                  white-space:nowrap;\n                  font-weight:900;\n                  font-size:14px;\n                  background:#fffbe2;\n                  border:2px solid #000;\n                  border-radius:12px;\n                  padding:6px 10px;\n                \">\n                  11:00\u201323:00                <\/div>\n              <\/div>\n\n                          <\/div>\n                  <\/div>\n\n      \n      <\/div>\n  \n\n\n\n<p> <\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"class_list":["post-49","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/49","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/comments?post=49"}],"version-history":[{"count":36,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions"}],"predecessor-version":[{"id":440,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/49\/revisions\/440"}],"wp:attachment":[{"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/media?parent=49"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.buurthuis-bloemwijk.nl\/index.php\/wp-json\/wp\/v2\/categories?post=49"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}