{"id":118,"date":"2025-06-06T20:53:59","date_gmt":"2025-06-06T20:53:59","guid":{"rendered":"https:\/\/beiaardharderwijk.nl\/?page_id=118"},"modified":"2025-07-11T17:25:05","modified_gmt":"2025-07-11T17:25:05","slug":"hoofdpagina","status":"publish","type":"page","link":"https:\/\/beiaardharderwijk.nl\/","title":{"rendered":"Hoofdpagina"},"content":{"rendered":"\n<div class=\"wp-block-media-text is-stacked-on-mobile is-vertically-aligned-top animated tada\" style=\"grid-template-columns:60% auto\"><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"724\" height=\"1024\" src=\"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/thumbnail_Affiche-A3-beiaard-2025-724x1024.jpg\" alt=\"\" class=\"wp-image-117 size-full\" srcset=\"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/thumbnail_Affiche-A3-beiaard-2025-724x1024.jpg 724w, https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/thumbnail_Affiche-A3-beiaard-2025-212x300.jpg 212w, https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/thumbnail_Affiche-A3-beiaard-2025-768x1086.jpg 768w, https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/thumbnail_Affiche-A3-beiaard-2025.jpg 842w\" sizes=\"auto, (max-width: 724px) 100vw, 724px\" \/><\/figure><div class=\"wp-block-media-text__content\">\n<h2 class=\"wp-block-heading has-text-align-right has-large-font-size\" style=\"text-transform:capitalize\">zomeravond<br>beiaardconcerten<\/h2>\n\n\n\n<p class=\"has-text-align-right\"><strong>11 juli<\/strong> &gt; <a href=\"https:\/\/beiaardharderwijk.nl\/index.php\/wim-ruitenbeek-11-07-2025\/\">Wim Ruitenbeek<\/a><br><strong>18 juli <\/strong>&gt; <a href=\"https:\/\/beiaardharderwijk.nl\/index.php\/janno-den-engelsman\/\" data-type=\"page\" data-id=\"167\">Janno den Engelsman<\/a><br><strong>25 juli<\/strong> &gt; <a href=\"https:\/\/beiaardharderwijk.nl\/index.php\/jasper-depraetere\/\" data-type=\"page\" data-id=\"173\">Jasper Depraetere (<em>Belgi\u00eb<\/em>)<\/a><br><strong>01 augustus<\/strong> &gt; <a href=\"https:\/\/beiaardharderwijk.nl\/index.php\/jessica-simonetti\/\" data-type=\"page\" data-id=\"180\">Jessica Simonetti<\/a><br><strong>08 augustus <\/strong>&gt; <a href=\"https:\/\/beiaardharderwijk.nl\/index.php\/claire-janezic\/\" data-type=\"page\" data-id=\"184\">Claire Janezic (<em>USA<\/em>)<\/a><br><strong>15 augustus <\/strong>&gt; <a href=\"https:\/\/beiaardharderwijk.nl\/index.php\/wim-ruitenbeek-15-08-2025\/\" data-type=\"page\" data-id=\"188\">Wim Ruitenbeek<\/a><\/p>\n\n\n\n<p class=\"has-text-align-right\"><br><br><br><br><strong>Luisterplaats<\/strong>:<em><br>Terras Hotel Baars,<br>Kerkplein Harderwijk<br>Aanvang <strong>19:30 uur<\/strong><\/em><\/p>\n\n\n\n<iframe loading=\"lazy\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d2437.198821853722!2d5.613382916262229!3d52.34867915666335!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c633d65097eca9%3A0x7eb029b7a263b1ff!2sSmeepoortstraat+52%2C+3841+EJ+Harderwijk!5e0!3m2!1snl!2snl!4v1532697737216\" width=\"100%\" height=\"300\" frameborder=\"0\" style=\"border:0\" allowfullscreen><\/iframe>\n<\/div><\/div>\n\n\n\n<style>\n  #kerkklokken-section {\n  position: relative;\n  max-width: 960px;\n  margin: 0 auto 3em auto;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen,\n    Ubuntu, Cantarell, \"Open Sans\", \"Helvetica Neue\", sans-serif;\n  padding: 2em;\n  text-align: center;\n  overflow: hidden;\n  z-index: 0;\n  background: none;\n}\n\n#kerkklokken-section::before {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url('https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/slide05.jpg'); \/* replace with your actual image *\/\n  background-size: cover;\n  background-position: center;\n  background-repeat: no-repeat;\n  filter: blur(3px);\n  z-index: -1;\n  transform: scale(1.05); \/* avoid seeing edges due to blur *\/\n}\n#kerkklokken-section h2 {\n  color: white;\n  text-shadow: 0 2px 8px rgba(0, 0, 0, 0.6);\n}\n  #kerkklokken-schedule {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 1em;\n  }\n  .kk-date-box {\n    background: #fff;\n    border: 2px solid #ccc;\n    border-radius: 8px;\n    padding: 1em;\n    width: 220px;\n    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);\n    transition: 0.3s;\n    position: relative;\n    text-align: left;\n  }\n  .kk-date-box.active {\n    border-color: #0077cc;\n    background: #e6f2ff;\n  }\n  .kk-date-box .kk-link {\n    margin-top: 0.8em;\n    display: none;\n  }\n  #kerkklokken-popup-overlay {\n    display: none;\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(0, 0, 0, 0.6);\n    align-items: center;\n    justify-content: center;\n    z-index: 9999;\n  }\n  #kerkklokken-popup {\n    background: white;\n    padding: 2em;\n    border-radius: 10px;\n    text-align: center;\n    max-width: 400px;\n    position: relative;\n    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);\n    animation: fadeIn 0.5s ease-out;\n  }\n  #kerkklokken-close {\n    position: absolute;\n    top: 0.5em;\n    right: 0.7em;\n    font-size: 24px;\n    cursor: pointer;\n    user-select: none;\n  }\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n    to {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n  @keyframes fadeOut {\n    from {\n      opacity: 1;\n      transform: scale(1);\n    }\n    to {\n      opacity: 0;\n      transform: scale(0.95);\n    }\n  }\n<\/style>\n\n<section id=\"kerkklokken-section\">\n  <h2>Zomeravond beiaardconcerten<\/h2>\n  <div id=\"kerkklokken-schedule\"><\/div>\n<\/section>\n\n<div id=\"kerkklokken-popup-overlay\">\n  <div id=\"kerkklokken-popup\">\n    <span id=\"kerkklokken-close\">&times;<\/span>\n    <div id=\"kerkklokken-popup-content\"><\/div>\n  <\/div>\n<\/div>\n\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function () {\n    const musicians = [\n      {\n        date: \"2025-07-11\",\n        name: \"Wim Ruitenbeek\",\n        time: \"geannuleerd\",\n        img: \"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/Wim_Ruitenbeek_beiaardier_aan_klavier_foto_Margot_van_Brakel-rechtenvrij-scaled.jpg\",\n        link: \"https:\/\/beiaardharderwijk.nl\/index.php\/wim-ruitenbeek-11-07-2025\/\",\n      },\n      {\n        date: \"2025-07-18\",\n        name: \"Janno den Engelsmank\",\n        time: \"19:30\",\n        img: \"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/2025-07-17-foto-Janno.jpg\",\n        link: \"https:\/\/beiaardharderwijk.nl\/index.php\/janno-den-engelsman\/\",\n      },\n      {\n       date: \"2025-07-25\",\n        name: \"Jasper Depraetere (Belgi\u00eb)\",\n        time: \"19:30\",\n        img: \"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/2025-07-25-foto-Jasper-scaled.jpg\",\n        link: \"https:\/\/beiaardharderwijk.nl\/index.php\/jasper-depraetere\/\",\n      },\n      {\n       date: \"2025-08-01\",\n        name: \"Jessica Simonetti\",\n        time: \"19:30\",\n        img: \"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/2025-08-01-foto-2-Jessica-Simonetti-scaled.jpg\",\n        link: \"https:\/\/beiaardharderwijk.nl\/index.php\/jessica-simonetti\/\",\n      },\n      {\n      date: \"2025-08-08\",\n        name: \"Claire Janezic (USA)\",\n        time: \"19:30\",\n        img: \"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/2025-08-08-foto-Claire.jpg\",\n        link: \"https:\/\/beiaardharderwijk.nl\/index.php\/claire-janezic\/\",\n      },\n      {\n       date: \"2025-08-15\",\n        name: \"Wim Ruitenbeek\",\n        time: \"19:30\",\n        img: \"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/Wim_Ruitenbeek_beiaardier_aan_klavier_foto_Margot_van_Brakel-rechtenvrij-scaled.jpg\",\n        link: \"https:\/\/beiaardharderwijk.nl\/index.php\/wim-ruitenbeek-15-08-2025\/\",\n      },\n    ];\n\n    const container = document.getElementById(\"kerkklokken-schedule\");\n    const popupOverlay = document.getElementById(\"kerkklokken-popup-overlay\");\n    const popupContent = document.getElementById(\"kerkklokken-popup-content\");\n    const closeBtn = document.getElementById(\"kerkklokken-close\");\n    const today = new Date().toISOString().split(\"T\")[0];\n\n    function formatDutchDate(iso) {\n      const date = new Date(iso);\n      return date.toLocaleDateString(\"nl-NL\", {\n        weekday: \"long\",\n        year: \"numeric\",\n        month: \"long\",\n        day: \"numeric\",\n      });\n    }\n\n    \/\/ Find today or next upcoming musician\n    let matched = musicians.find((m) => m.date === today);\n    if (!matched) {\n      const now = new Date(today);\n      matched = musicians.find((m) => new Date(m.date) > now);\n    }\n\n    \/\/ Create date boxes with links hidden initially\n    musicians.forEach((m) => {\n      const div = document.createElement(\"div\");\n      div.className = \"kk-date-box\";\n      const isActive = matched && m.date === matched.date;\n      if (isActive) div.classList.add(\"active\");\n      div.innerHTML = `\n        <strong>${formatDutchDate(m.date)}<\/strong><br>\n        ${m.name} <br>\n        om <b>${m.time}<\/b>\n        <div class=\"kk-link\"><a href=\"${m.link}\" target=\"_blank\" rel=\"noopener noreferrer\">Lees meer<\/a><\/div>\n      `;\n      container.appendChild(div);\n    });\n\n    function showPopup(m) {\n      popupContent.innerHTML = `\n        <h3>${formatDutchDate(m.date)}<\/h3>\n        <p>${m.name} speelt op de kerkklokken <br> om <b>${m.time}<\/b>. <br>Luisterplaats:\nTerras Hotel Baars, Kerkplein Harderwijk<\/p>\n        <img decoding=\"async\" src=\"${m.img}\" alt=\"${m.name}\" style=\"width:100%; border-radius:8px; margin-top:1em;\" \/>\n      `;\n      popupOverlay.style.display = \"flex\";\n      setTimeout(closePopup, 5000);\n    }\n\n    function closePopup() {\n      popupOverlay.style.animation = \"fadeOut 1s forwards\";\n      setTimeout(() => {\n        popupOverlay.style.display = \"none\";\n        popupOverlay.style.animation = \"\";\n\n        \/\/ Show all \"Lees meer over\" links after popup closes\n        document.querySelectorAll(\".kk-date-box .kk-link\").forEach((el) => {\n          el.style.display = \"block\";\n        });\n      }, 1000);\n    }\n\n    if (matched) showPopup(matched);\n    closeBtn.onclick = closePopup;\n  });\n<\/script>\n\n\n\n<hr class=\"wp-block-separator alignwide has-alpha-channel-opacity\"\/>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile\"><div class=\"wp-block-media-text__content\">\n<p><strong>De Stadsbeiaardier<\/strong><br><br>Wim Ruitenbeek (1978) leerde beiaardspelen van de Nijkerkse stadsbeiaardier Freek Bakker. Aan de Nederlandse Beiaardschool te Amersfoort studeerde hij vervolgens bij Arie Abbenes en Bernard Winsemius. In 2005 behaalde hij zijn Master-diploma. Daarnaast studeerde hij schoolmuziek aan het Utrechts Conservatorium en had hij orgelles van Nico Poorter en Wout van Andel. Tot voor kort was hij actief als muziekdocent op het Groenhorst te Nijkerk en koordirigent van verschillende koren. Wim is stadsbeiaardier van Harderwijk, Hilversum, Nijkerk, Tiel en Velsen en vaste bespeler van het glascarillon in De Zingende Toren te Leidsche Rijn.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"683\" src=\"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/Wim-Ruitenbeek-beiaardier-aan-klavier-fotograaf-Aalt-Guliker-1024x683.jpg\" alt=\"\" class=\"wp-image-42 size-full\" srcset=\"https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/Wim-Ruitenbeek-beiaardier-aan-klavier-fotograaf-Aalt-Guliker-1024x683.jpg 1024w, https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/Wim-Ruitenbeek-beiaardier-aan-klavier-fotograaf-Aalt-Guliker-300x200.jpg 300w, https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/Wim-Ruitenbeek-beiaardier-aan-klavier-fotograaf-Aalt-Guliker-768x512.jpg 768w, https:\/\/beiaardharderwijk.nl\/wp-content\/uploads\/2025\/06\/Wim-Ruitenbeek-beiaardier-aan-klavier-fotograaf-Aalt-Guliker.jpg 1200w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>zomeravondbeiaardconcerten 11 juli &gt; Wim Ruitenbeek18 juli &gt; Janno den Engelsman25 juli &gt; Jasper Depraetere (Belgi\u00eb)01 augustus &gt; Jessica Simonetti08 augustus &gt; Claire Janezic (USA)15 augustus &gt; Wim Ruitenbeek Luisterplaats:Terras Hotel Baars,Kerkplein HarderwijkAanvang 19:30 uur Zomeravond beiaardconcerten &times; De Stadsbeiaardier Wim Ruitenbeek (1978) leerde beiaardspelen van de Nijkerkse stadsbeiaardier Freek Bakker. Aan de Nederlandse Beiaardschool [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-118","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/beiaardharderwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beiaardharderwijk.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/beiaardharderwijk.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/beiaardharderwijk.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beiaardharderwijk.nl\/index.php\/wp-json\/wp\/v2\/comments?post=118"}],"version-history":[{"count":42,"href":"https:\/\/beiaardharderwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/118\/revisions"}],"predecessor-version":[{"id":211,"href":"https:\/\/beiaardharderwijk.nl\/index.php\/wp-json\/wp\/v2\/pages\/118\/revisions\/211"}],"wp:attachment":[{"href":"https:\/\/beiaardharderwijk.nl\/index.php\/wp-json\/wp\/v2\/media?parent=118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}