{"id":117,"date":"2026-10-12T20:22:50","date_gmt":"2026-10-12T18:22:50","guid":{"rendered":"https:\/\/blamaasj.nl\/wordpress\/?page_id=117"},"modified":"2026-10-15T20:10:07","modified_gmt":"2026-10-15T18:10:07","slug":"kallepin","status":"publish","type":"page","link":"https:\/\/blamaasj.nl\/index.php\/kallepin\/","title":{"rendered":"Kalleping"},"content":{"rendered":"\n<p class=\"has-text-align-left alignwide has-ast-global-color-3-color has-text-color has-link-color wp-elements-1 wp-block-paragraph\"><strong><em>Zaate Herremenie Blamaasj Mestreech 1900+8&#215;11<\/em><\/strong><\/p>\n\n\n<style>.wp-block-kadence-spacer.kt-block-spacer-117_9b3d2a-c6 .kt-block-spacer{height:30px;}.wp-block-kadence-spacer.kt-block-spacer-117_9b3d2a-c6 .kt-divider{border-top-width:1px;height:1px;border-top-color:#e5b51b;width:80%;border-top-style:solid;}<\/style>\n<div class=\"wp-block-kadence-spacer alignfull kt-block-spacer-117_9b3d2a-c6\"><div class=\"kt-block-spacer kt-block-spacer-halign-left\"><hr class=\"kt-divider\"\/><\/div><\/div>\n\n\n\n<h6 class=\"wp-block-heading has-text-align-left has-text-color has-link-color wp-elements-2\" style=\"color:#e5b51b\">Wilt geer wete boe en wienie veer met Blamaasj oppe planke sjtaon, of wanneer veer weer samekomme veur \u2019n gezellige repetitie?<br><\/h6>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-3 wp-block-paragraph\" style=\"color:#e5b51b\">Ki\u00e8k dan geregeld efkes op oze kalender!<\/p>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   BLAMAASJ KALENDER\n   Kleuren:\n   Bordeauxrood #A52A32\n   Goudgeel     #E5B51B\n   Donkergroen  #315B3B\n   ======================================== *\/\n\n#blamaasj-kalender {\n  background: #A52A32;\n  color: #E5B51B;\n  padding: 16px;\n  border-radius: 8px;\n  font-family: Arial, sans-serif;\n  text-align: center;\n  max-width: 100%;\n  box-sizing: border-box;\n}\n\n#blamaasj-kalender *,\n#blamaasj-kalender *::before,\n#blamaasj-kalender *::after {\n  box-sizing: border-box;\n}\n\n#blamaasj-kalender [hidden] {\n  display: none !important;\n}\n\n\/* Bovenbalk met maand en pijltjes *\/\n\n#blamaasj-kalender .blamaasj-kop {\n  display: grid;\n  grid-template-columns: 40px minmax(0, 1fr) 40px;\n  align-items: center;\n  gap: 4px;\n  margin-bottom: 14px;\n}\n\n#blamaasj-kalender h3 {\n  color: #E5B51B;\n  font-size: 20px;\n  line-height: 1.3;\n  margin: 0;\n  padding: 0;\n  font-weight: bold;\n}\n\n#blamaasj-kalender .blamaasj-nav {\n  width: 36px;\n  height: 36px;\n  padding: 0;\n  border: 0;\n  border-radius: 50%;\n  background: transparent;\n  color: #E5B51B;\n  font-size: 32px;\n  line-height: 1;\n  cursor: pointer;\n}\n\n#blamaasj-kalender .blamaasj-nav:hover {\n  background: #315B3B;\n  color: #FFFFFF;\n}\n\n#blamaasj-kalender .blamaasj-nav:disabled {\n  opacity: 0.3;\n  cursor: not-allowed;\n}\n\n\/* Kalender en weekdagen *\/\n\n#blamaasj-kalender .blamaasj-tabel {\n  width: 100%;\n  table-layout: fixed;\n  border-collapse: collapse;\n  border: 0;\n  margin: 0;\n  color: #E5B51B;\n  font-size: 14px;\n}\n\n#blamaasj-kalender .blamaasj-tabel th,\n#blamaasj-kalender .blamaasj-tabel td {\n  width: 14.285%;\n  padding: 5px 0;\n  text-align: center;\n  vertical-align: middle;\n  border: 0;\n  background: transparent;\n}\n\n#blamaasj-kalender .blamaasj-tabel th {\n  color: #E5B51B;\n  font-weight: bold;\n  padding-bottom: 10px;\n}\n\n\/* Gewone dagen *\/\n\n#blamaasj-kalender .blamaasj-dag,\n#blamaasj-kalender .blamaasj-evenement {\n  display: inline-flex;\n  width: 32px;\n  height: 32px;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  font-family: Arial, sans-serif;\n  font-size: 14px;\n  line-height: 1;\n}\n\n\/* Gewone datum *\/\n\n#blamaasj-kalender .blamaasj-dag {\n  color: #E5B51B;\n  cursor: default;\n  transition: background-color 0.2s ease;\n}\n\n#blamaasj-kalender .blamaasj-dag:hover {\n  background: #315B3B;\n  color: #FFFFFF;\n}\n\n\/* Datum met activiteit *\/\n\n#blamaasj-kalender .blamaasj-evenement {\n  border: 0;\n  padding: 0;\n  margin: 0;\n  background: #315B3B;\n  color: #E5B51B;\n  font-weight: bold;\n  cursor: pointer;\n  transition: background-color 0.2s ease;\n}\n\n#blamaasj-kalender .blamaasj-evenement:hover {\n  background: #E5B51B;\n  color: #171717;\n}\n\n#blamaasj-kalender button:focus-visible {\n  outline: 2px solid #FFFFFF;\n  outline-offset: 2px;\n}\n\n\/* Onderaan de kalender *\/\n\n#blamaasj-geen-activiteit {\n  margin-top: 12px;\n  font-size: 12px;\n  color: #E5B51B;\n  opacity: 0.8;\n}\n\n\/* Informatievenster *\/\n\n#blamaasj-informatie {\n  position: relative;\n  margin-top: 12px;\n  padding: 16px;\n  border-radius: 8px;\n  background: #F5F3EF;\n  color: #171717;\n  text-align: left;\n}\n\n#blamaasj-informatie h4 {\n  color: #315B3B;\n  font-size: 18px;\n  margin: 0 30px 12px 0;\n  padding: 0;\n}\n\n#blamaasj-informatie p {\n  color: #171717;\n  font-size: 14px;\n  line-height: 1.5;\n  margin: 6px 0;\n}\n\n#blamaasj-kalender #blamaasj-sluiten {\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  width: 30px;\n  height: 30px;\n  padding: 0;\n  border: 0;\n  border-radius: 5px;\n  background: #315B3B;\n  color: #FFFFFF;\n  font-size: 24px;\n  line-height: 1;\n  cursor: pointer;\n}\n\n#blamaasj-kalender #blamaasj-sluiten:hover {\n  background: #A52A32;\n  color: #FFFFFF;\n}\n\n\/* Mobiele telefoons *\/\n\n@media screen and (max-width: 480px) {\n  #blamaasj-kalender {\n    padding: 10px;\n  }\n\n  #blamaasj-kalender h3 {\n    font-size: 17px;\n  }\n\n  #blamaasj-kalender .blamaasj-tabel {\n    font-size: 13px;\n  }\n\n  #blamaasj-kalender .blamaasj-tabel th,\n  #blamaasj-kalender .blamaasj-tabel td {\n    padding: 4px 0;\n  }\n\n  #blamaasj-kalender .blamaasj-dag,\n  #blamaasj-kalender .blamaasj-evenement {\n    width: 29px;\n    height: 29px;\n    font-size: 13px;\n  }\n}\n<\/style>\n\n<div id=\"blamaasj-kalender\">\n  <div class=\"blamaasj-kop\">\n    <button type=\"button\" class=\"blamaasj-nav\" id=\"blamaasj-vorige\" aria-label=\"Vorige maand\">\n      \u2039\n    <\/button>\n\n    <h3 id=\"blamaasj-maand\">OKTOBER 2026<\/h3>\n\n    <button type=\"button\" class=\"blamaasj-nav\" id=\"blamaasj-volgende\" aria-label=\"Volgende maand\">\n      \u203a\n    <\/button>\n  <\/div>\n\n  <table class=\"blamaasj-tabel\">\n    <thead>\n      <tr>\n        <th>Ma<\/th>\n        <th>Di<\/th>\n        <th>Wo<\/th>\n        <th>Do<\/th>\n        <th>Vr<\/th>\n        <th>Za<\/th>\n        <th>Zo<\/th>\n      <\/tr>\n    <\/thead>\n    <tbody id=\"blamaasj-dagen\"><\/tbody>\n  <\/table>\n\n  <div id=\"blamaasj-geen-activiteit\">\n    Gein Blamaasj activiteit geselecteerd\n  <\/div>\n\n  <div id=\"blamaasj-informatie\" hidden=\"\">\n    <button type=\"button\" id=\"blamaasj-sluiten\" aria-label=\"Activiteit sluiten\">\n      \u00d7\n    <\/button>\n    <h4 id=\"blamaasj-titel\"><\/h4>\n    <p id=\"blamaasj-datum\"><\/p>\n    <p id=\"blamaasj-tijd\"><\/p>\n    <p id=\"blamaasj-locatie\"><\/p>\n    <p id=\"blamaasj-omschrijving\"><\/p>\n  <\/div>\n<\/div>\n\n<script>\n(function () {\n  \"use strict\";\n\n  const kalender = document.getElementById(\"blamaasj-kalender\");\n  if (!kalender || kalender.dataset.gestart === \"ja\") return;\n  kalender.dataset.gestart = \"ja\";\n\n  const maanden = [\n    \"januari\", \"februari\", \"maart\", \"april\",\n    \"mei\", \"juni\", \"juli\", \"augustus\",\n    \"september\", \"oktober\", \"november\", \"december\"\n  ];\n\n  const eersteMaand = Math.max(\n  2026 * 12 + 9,\n  new Date().getFullYear() * 12 + new Date().getMonth()\n);\n  const laatsteMaand = 2027 * 12 + 11; \/\/ december 2027\n  let huidigeMaand = eersteMaand;\n\n  \/*\n   * ACTIVITEITEN\n   * Gebruik als sleutel: JJJJ-MM-DD.\n   * Vul per activiteit titel, tijd, locatie en omschrijving in.\n   *\/\n  const activiteiten = {\n  \"2026-11-08\": {\n    titel: \"Repetitie Blamaasj\",\n    datum: \"Zoondag 8 november 2026\",\n    tijd: \"Aonvang: 14.00 uur\",\n    locatie: \"Caf\u00e9 Forum\",\n    omschrijving: \"\"\n  },\n  \"2026-11-29\": {\n    titel: \"Repetitie Blamaasj\",\n    datum: \"Zoondag 29 november 2026\",\n    tijd: \"Aonvang: 14.00 uur\",\n    locatie: \"Caf\u00e9 Forum\",\n    omschrijving: \"\"\n  },\n  \"2027-01-03\": {\n    titel: \"Repetitie Blamaasj + Nuijaorsborrel\",\n    datum: \"Zoondag 3 januari 2027\",\n    tijd: \"Aonvang: 14.00 uur\",\n    locatie: \"Caf\u00e9 Forum\",\n    omschrijving: \"Nuijaorsborrel\"\n  },\n  \"2027-01-24\": {\n    titel: \"Repetitie Blamaasj\",\n    datum: \"Zoondag 24 januari 2027\",\n    tijd: \"Aonvang: 14.00 uur\",\n    locatie: \"Caf\u00e9 Forum\",\n    omschrijving: \"\"\n  }\n};\n\n  const maandTitel = document.getElementById(\"blamaasj-maand\");\n  const dagenVeld = document.getElementById(\"blamaasj-dagen\");\n  const vorigeKnop = document.getElementById(\"blamaasj-vorige\");\n  const volgendeKnop = document.getElementById(\"blamaasj-volgende\");\n  const informatie = document.getElementById(\"blamaasj-informatie\");\n  const geenActiviteit = document.getElementById(\"blamaasj-geen-activiteit\");\n\n  function tweeCijfers(getal) {\n    return String(getal).padStart(2, \"0\");\n  }\n\n  function datumSleutel(jaar, maand, dag) {\n    return jaar + \"-\" + tweeCijfers(maand + 1) + \"-\" + tweeCijfers(dag);\n  }\n\n  function sluitInformatie() {\n    informatie.hidden = true;\n    geenActiviteit.hidden = false;\n  }\n\n  function toonActiviteit(activiteit) {\n    document.getElementById(\"blamaasj-titel\").textContent =\n      activiteit.titel || \"Activiteit\";\n\n    document.getElementById(\"blamaasj-datum\").textContent =\n      activiteit.datum || \"\";\n\n    document.getElementById(\"blamaasj-tijd\").textContent =\n      activiteit.tijd || \"\";\n\n    document.getElementById(\"blamaasj-locatie\").textContent =\n      activiteit.locatie || \"\";\n\n    document.getElementById(\"blamaasj-omschrijving\").textContent =\n      activiteit.omschrijving || \"\";\n\n    informatie.hidden = false;\n    geenActiviteit.hidden = true;\n  }\n\n  function tekenKalender() {\n    const jaar = Math.floor(huidigeMaand \/ 12);\n    const maand = huidigeMaand % 12;\n\n    maandTitel.textContent =\n      maanden[maand].toLocaleUpperCase(\"nl-NL\") + \" \" + jaar;\n\n    vorigeKnop.disabled = huidigeMaand <= eersteMaand;\n    volgendeKnop.disabled = huidigeMaand >= laatsteMaand;\n\n    dagenVeld.replaceChildren();\n    sluitInformatie();\n\n    const eersteWeekdag =\n      (new Date(jaar, maand, 1).getDay() + 6) % 7;\n\n    const aantalDagen = new Date(jaar, maand + 1, 0).getDate();\n    const aantalRijen = Math.ceil((eersteWeekdag + aantalDagen) \/ 7);\n\n    for (let rijNummer = 0; rijNummer < aantalRijen; rijNummer++) {\n      const rij = document.createElement(\"tr\");\n\n      for (let kolom = 0; kolom < 7; kolom++) {\n        const cel = document.createElement(\"td\");\n        const dag = rijNummer * 7 + kolom - eersteWeekdag + 1;\n\n        if (dag >= 1 && dag <= aantalDagen) {\n          const sleutel = datumSleutel(jaar, maand, dag);\n          const activiteit = activiteiten[sleutel];\n\n          if (activiteit) {\n            const knop = document.createElement(\"button\");\n            knop.type = \"button\";\n            knop.className = \"blamaasj-evenement\";\n            knop.textContent = dag;\n            knop.setAttribute(\n              \"aria-label\",\n              dag + \" \" + maanden[maand] + \" \" + jaar +\n              \": \" + activiteit.titel\n            );\n\n            knop.addEventListener(\"click\", function () {\n              toonActiviteit(activiteit);\n            });\n\n            cel.appendChild(knop);\n          } else {\n            const nummer = document.createElement(\"span\");\n            nummer.className = \"blamaasj-dag\";\n            nummer.textContent = dag;\n            cel.appendChild(nummer);\n          }\n        }\n\n        rij.appendChild(cel);\n      }\n\n      dagenVeld.appendChild(rij);\n    }\n  }\n\n  vorigeKnop.addEventListener(\"click\", function () {\n    if (huidigeMaand > eersteMaand) {\n      huidigeMaand--;\n      tekenKalender();\n    }\n  });\n\n  volgendeKnop.addEventListener(\"click\", function () {\n    if (huidigeMaand < laatsteMaand) {\n      huidigeMaand++;\n      tekenKalender();\n    }\n  });\n\n  document.getElementById(\"blamaasj-sluiten\")\n    .addEventListener(\"click\", sluitInformatie);\n\n  tekenKalender();\n})();\n<\/script>\n\n\n\n<p class=\"has-text-align-center has-text-color has-link-color wp-elements-4 wp-block-paragraph\" style=\"color:#e5b51b\">Klik op \u2019ne gekleurde daag veur mie informatie euver de tied en de locatie!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Zaate Herremenie Blamaasj Mestreech 1900+8&#215;11 Wilt geer wete boe en wienie veer met Blamaasj oppe planke sjtaon, of wanneer veer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"site-sidebar-layout":"right-sidebar","site-content-layout":"","ast-site-content-layout":"normal-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/blamaasj.nl\/index.php\/wp-json\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blamaasj.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/blamaasj.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/blamaasj.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blamaasj.nl\/index.php\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":20,"href":"https:\/\/blamaasj.nl\/index.php\/wp-json\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":280,"href":"https:\/\/blamaasj.nl\/index.php\/wp-json\/wp\/v2\/pages\/117\/revisions\/280"}],"wp:attachment":[{"href":"https:\/\/blamaasj.nl\/index.php\/wp-json\/wp\/v2\/media?parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}