{"id":27043,"date":"2026-04-03T13:32:08","date_gmt":"2026-04-03T11:32:08","guid":{"rendered":"https:\/\/pegamento.nl\/countdown2cb\/"},"modified":"2026-07-30T11:54:27","modified_gmt":"2026-07-30T09:54:27","slug":"countdown2cb","status":"publish","type":"page","link":"https:\/\/pegamento.nl\/en\/countdown2cb\/","title":{"rendered":"Countdown2CB"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"27043\" class=\"elementor elementor-27043 elementor-25533\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-508d6f1 e-flex e-con-boxed e-con e-parent\" data-id=\"508d6f1\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e1c0b9f elementor-widget elementor-widget-html\" data-id=\"e1c0b9f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- Contactbrouwerij countdown start -->\r\n<div id=\"cb-countdown\">\r\n  <div class=\"cb-countdown-wrap\">\r\n    <div class=\"cb-countdown-header\">\r\n      <div class=\"cb-countdown-kicker\">Contact Brewery 2026<\/div>\r\n      <h2>Countdown to the start of the event<\/h2>\r\n      <p>\r\n  Just a few more minutes and then we'll step in for inspiration at the Railway Museum in Utrecht.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"cb-countdown-timer\" role=\"timer\" aria-live=\"polite\">\r\n      <div class=\"cb-time-box\">\r\n        <span id=\"cb-days\">00<\/span>\r\n        <small>Days<\/small>\r\n      <\/div>\r\n      <div class=\"cb-time-box\">\r\n        <span id=\"cb-hours\">00<\/span>\r\n        <small>Hours<\/small>\r\n      <\/div>\r\n      <div class=\"cb-time-box\">\r\n        <span id=\"cb-minutes\">00<\/span>\r\n        <small>Minutes<\/small>\r\n      <\/div>\r\n      <div class=\"cb-time-box\">\r\n        <span id=\"cb-seconds\">00<\/span>\r\n        <small>Seconds<\/small>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div id=\"cb-countdown-message\" class=\"cb-countdown-message\">\r\n  Start date: April 15, 2026\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<style>\r\n  #cb-countdown {\r\n    margin: 40px auto;\r\n    padding: 0 20px;\r\n    font-family: Arial, Helvetica, sans-serif;\r\n  }\r\n\r\n  #cb-countdown .cb-countdown-wrap {\r\n    max-width: 1100px;\r\n    margin: 0 auto;\r\n    background: linear-gradient(135deg, #5f2d82 0%, #7c3f8f 55%, #a35a7b 100%);\r\n    color: #ffffff;\r\n    border-radius: 20px;\r\n    padding: 40px 28px;\r\n    box-shadow: 0 20px 45px rgba(57, 22, 73, 0.18);\r\n    position: relative;\r\n    overflow: hidden;\r\n  }\r\n\r\n  #cb-countdown .cb-countdown-wrap::before {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: -80px;\r\n    right: -80px;\r\n    width: 220px;\r\n    height: 220px;\r\n    background: rgba(255,255,255,0.08);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  #cb-countdown .cb-countdown-wrap::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    bottom: -70px;\r\n    left: -70px;\r\n    width: 180px;\r\n    height: 180px;\r\n    background: rgba(255,166,77,0.16);\r\n    border-radius: 50%;\r\n  }\r\n\r\n  #cb-countdown .cb-countdown-header {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    max-width: 760px;\r\n    margin: 0 auto 30px auto;\r\n  }\r\n\r\n  #cb-countdown .cb-countdown-kicker {\r\n    display: inline-block;\r\n    margin-bottom: 12px;\r\n    padding: 8px 14px;\r\n    border-radius: 999px;\r\n    background: rgba(255,255,255,0.14);\r\n    font-size: 13px;\r\n    font-weight: 700;\r\n    letter-spacing: 0.08em;\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  #cb-countdown h2 {\r\n    margin: 0 0 12px 0;\r\n    font-size: 34px;\r\n    line-height: 1.15;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n  }\r\n\r\n  #cb-countdown p {\r\n    margin: 0;\r\n    font-size: 18px;\r\n    line-height: 1.6;\r\n    color: rgba(255,255,255,0.92);\r\n  }\r\n\r\n  #cb-countdown .cb-countdown-timer {\r\n    position: relative;\r\n    z-index: 2;\r\n    display: grid;\r\n    grid-template-columns: repeat(4, minmax(120px, 1fr));\r\n    gap: 18px;\r\n    max-width: 900px;\r\n    margin: 0 auto;\r\n  }\r\n\r\n  #cb-countdown .cb-time-box {\r\n    background: rgba(255,255,255,0.12);\r\n    border: 1px solid rgba(255,255,255,0.14);\r\n    border-radius: 18px;\r\n    padding: 22px 14px;\r\n    text-align: center;\r\n    backdrop-filter: blur(4px);\r\n  }\r\n\r\n  #cb-countdown .cb-time-box span {\r\n    display: block;\r\n    font-size: 44px;\r\n    line-height: 1;\r\n    font-weight: 700;\r\n    color: #ffffff;\r\n    margin-bottom: 8px;\r\n  }\r\n\r\n  #cb-countdown .cb-time-box small {\r\n    display: block;\r\n    font-size: 14px;\r\n    letter-spacing: 0.03em;\r\n    text-transform: uppercase;\r\n    color: rgba(255,255,255,0.85);\r\n  }\r\n\r\n  #cb-countdown .cb-countdown-message {\r\n    position: relative;\r\n    z-index: 2;\r\n    text-align: center;\r\n    margin-top: 22px;\r\n    font-size: 16px;\r\n    color: rgba(255,255,255,0.92);\r\n  }\r\n\r\n  @media (max-width: 767px) {\r\n    #cb-countdown .cb-countdown-wrap {\r\n      padding: 30px 18px;\r\n      border-radius: 16px;\r\n    }\r\n\r\n    #cb-countdown h2 {\r\n      font-size: 28px;\r\n    }\r\n\r\n    #cb-countdown p {\r\n      font-size: 16px;\r\n    }\r\n\r\n    #cb-countdown .cb-countdown-timer {\r\n      grid-template-columns: repeat(2, 1fr);\r\n      gap: 14px;\r\n    }\r\n\r\n    #cb-countdown .cb-time-box span {\r\n      font-size: 34px;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n  (function () {\r\n    const eventDate = new Date(\"2026-04-15T14:00:00+02:00\").getTime();\r\n\r\n    const daysEl = document.getElementById(\"cb-days\");\r\n    const hoursEl = document.getElementById(\"cb-hours\");\r\n    const minutesEl = document.getElementById(\"cb-minutes\");\r\n    const secondsEl = document.getElementById(\"cb-seconds\");\r\n    const messageEl = document.getElementById(\"cb-countdown-message\");\r\n\r\n    function pad(number) {\r\n      return number < 10 ? \"0\" + number : number;\r\n    }\r\n\r\n    function updateCountdown() {\r\n      const now = new Date().getTime();\r\n      const distance = eventDate - now;\r\n\r\n      if (distance <= 0) {\r\n        daysEl.textContent = \"00\";\r\n        hoursEl.textContent = \"00\";\r\n        minutesEl.textContent = \"00\";\r\n        secondsEl.textContent = \"00\";\r\n        messageEl.textContent = \"Het event is begonnen!\";\r\n        return;\r\n      }\r\n\r\n      const days = Math.floor(distance \/ (1000 * 60 * 60 * 24));\r\n      const hours = Math.floor((distance \/ (1000 * 60 * 60)) % 24);\r\n      const minutes = Math.floor((distance \/ (1000 * 60)) % 60);\r\n      const seconds = Math.floor((distance \/ 1000) % 60);\r\n\r\n      daysEl.textContent = pad(days);\r\n      hoursEl.textContent = pad(hours);\r\n      minutesEl.textContent = pad(minutes);\r\n      secondsEl.textContent = pad(seconds);\r\n    }\r\n\r\n    updateCountdown();\r\n    setInterval(updateCountdown, 1000);\r\n  })();\r\n<\/script>\r\n<!-- Contactbrouwerij countdown end -->\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact Brewery 2026 Countdown to the start of the event Just a few more minutes and then we&#8217;ll step in for inspiration at the Railway Museum in Utrecht. 00 Days 00 Hours 00 Minutes 00 Seconds Start date: April 15, 2026<\/p>\n","protected":false},"author":2,"featured_media":27044,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-27043","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/pages\/27043","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/comments?post=27043"}],"version-history":[{"count":1,"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/pages\/27043\/revisions"}],"predecessor-version":[{"id":27045,"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/pages\/27043\/revisions\/27045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/media\/27044"}],"wp:attachment":[{"href":"https:\/\/pegamento.nl\/en\/wp-json\/wp\/v2\/media?parent=27043"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}