{"id":363,"date":"2026-09-03T09:00:34","date_gmt":"2026-09-03T09:00:34","guid":{"rendered":"https:\/\/artemis-guesthouse.com\/?page_id=363"},"modified":"2026-09-03T09:03:08","modified_gmt":"2026-09-03T09:03:08","slug":"unused-blocks","status":"publish","type":"page","link":"https:\/\/artemis-guesthouse.com\/el\/unused-blocks\/","title":{"rendered":"unused blocks"},"content":{"rendered":"\n<style>\r\n  #avail-calendar {\r\n    --ink: #23303a;\r\n    --ink-soft: #55636c;\r\n    --paper: #eeeae0;\r\n    --sea: #1f4b5f;\r\n    --sea-soft: #e3ecee;\r\n    --terracotta: #a6503a;\r\n    --terracotta-soft: #f3e3de;\r\n    --olive: #6b7353;\r\n    --line: #d9cfb8;\r\n\r\n    max-width: 420px;\r\n    margin: 0 auto;\r\n    background: var(--paper);\r\n    border: 1px solid var(--line);\r\n    border-radius: 6px;\r\n    padding: 28px 24px 24px;\r\n    font-family: \"Libre Franklin\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\r\n    color: var(--ink);\r\n    box-sizing: border-box;\r\n  }\r\n  #avail-calendar *, #avail-calendar *::before, #avail-calendar *::after {\r\n    box-sizing: border-box;\r\n  }\r\n  #avail-calendar .ac-meander {\r\n    height: 6px;\r\n    margin: -28px -24px 20px;\r\n    background-image: repeating-linear-gradient(\r\n      90deg,\r\n      var(--sea) 0px, var(--sea) 6px,\r\n      transparent 6px, transparent 12px\r\n    );\r\n    opacity: 0.55;\r\n  }\r\n  #avail-calendar .ac-head {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    margin-bottom: 4px;\r\n  }\r\n  #avail-calendar .ac-month {\r\n    font-family: \"Fraunces\", Georgia, serif;\r\n    font-weight: 600;\r\n    font-size: 21px;\r\n    letter-spacing: 0.2px;\r\n  }\r\n  #avail-calendar .ac-nav {\r\n    display: flex;\r\n    gap: 6px;\r\n  }\r\n  #avail-calendar .ac-nav button {\r\n    width: 30px;\r\n    height: 30px;\r\n    border-radius: 50%;\r\n    border: 1px solid var(--line);\r\n    background: #fff;\r\n    color: var(--sea);\r\n    font-size: 15px;\r\n    cursor: pointer;\r\n    line-height: 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    transition: background 0.15s ease, transform 0.1s ease;\r\n  }\r\n  #avail-calendar .ac-nav button:hover {\r\n    background: var(--sea-soft);\r\n  }\r\n  #avail-calendar .ac-nav button:active {\r\n    transform: scale(0.94);\r\n  }\r\n  #avail-calendar .ac-nav button:disabled {\r\n    opacity: 0.3;\r\n    cursor: default;\r\n  }\r\n  #avail-calendar .ac-nav button:focus-visible,\r\n  #avail-calendar .ac-legend-dot:focus-visible {\r\n    outline: 2px solid var(--sea);\r\n    outline-offset: 2px;\r\n  }\r\n  #avail-calendar .ac-sub {\r\n    font-size: 12.5px;\r\n    color: var(--ink-soft);\r\n    margin-bottom: 18px;\r\n  }\r\n  #avail-calendar .ac-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(7, 1fr);\r\n    gap: 4px;\r\n  }\r\n  #avail-calendar .ac-dow {\r\n    text-align: center;\r\n    font-size: 11px;\r\n    color: var(--ink-soft);\r\n    font-weight: 500;\r\n    padding-bottom: 6px;\r\n  }\r\n  #avail-calendar .ac-day {\r\n    aspect-ratio: 1 \/ 1;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    border-radius: 5px;\r\n    font-size: 13px;\r\n    position: relative;\r\n  }\r\n  #avail-calendar .ac-day.ac-empty { visibility: hidden; }\r\n  #avail-calendar .ac-day.ac-past {\r\n    color: #b9b2a0;\r\n  }\r\n  #avail-calendar .ac-day.ac-available {\r\n    background: var(--sea-soft);\r\n    color: var(--sea);\r\n    font-weight: 500;\r\n  }\r\n  #avail-calendar .ac-day.ac-booked {\r\n    background: var(--terracotta-soft);\r\n    color: var(--terracotta);\r\n    text-decoration: line-through;\r\n    text-decoration-thickness: 1px;\r\n    text-decoration-color: rgba(166,80,58,0.55);\r\n  }\r\n  #avail-calendar .ac-day.ac-today {\r\n    box-shadow: inset 0 0 0 1.5px var(--sea);\r\n  }\r\n  #avail-calendar .ac-legend {\r\n    display: flex;\r\n    gap: 16px;\r\n    margin-top: 18px;\r\n    padding-top: 16px;\r\n    border-top: 1px solid var(--line);\r\n    font-size: 12.5px;\r\n    color: var(--ink-soft);\r\n    flex-wrap: wrap;\r\n  }\r\n  #avail-calendar .ac-legend span {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n  }\r\n  #avail-calendar .ac-legend i {\r\n    width: 10px;\r\n    height: 10px;\r\n    border-radius: 3px;\r\n    display: inline-block;\r\n  }\r\n  #avail-calendar .ac-legend .dot-available { background: var(--sea-soft); box-shadow: inset 0 0 0 1px var(--sea); }\r\n  #avail-calendar .ac-legend .dot-booked { background: var(--terracotta-soft); box-shadow: inset 0 0 0 1px var(--terracotta); }\r\n  #avail-calendar .ac-note {\r\n    margin-top: 14px;\r\n    font-size: 12.5px;\r\n    line-height: 1.5;\r\n    color: var(--ink-soft);\r\n  }\r\n  #avail-calendar .ac-note strong { color: var(--ink); }\r\n  @media (max-width: 420px) {\r\n    #avail-calendar { padding: 22px 16px 18px; }\r\n    #avail-calendar .ac-month { font-size: 18px; }\r\n    #avail-calendar .ac-day { font-size: 12px; }\r\n  }\r\n<\/style>\r\n\r\n<div id=\"avail-calendar\">\r\n  <div class=\"ac-meander\"><\/div>\r\n  <div class=\"ac-head\">\r\n    <div class=\"ac-month\" id=\"ac-month-label\">Month Year<\/div>\r\n    <div class=\"ac-nav\">\r\n      <button id=\"ac-prev\" aria-label=\"Previous month\" type=\"button\">\u2039<\/button>\r\n      <button id=\"ac-next\" aria-label=\"Next month\" type=\"button\">\u203a<\/button>\r\n    <\/div>\r\n  <\/div>\r\n  <div class=\"ac-sub\">The whole guesthouse is booked as one property, night by night.<\/div>\r\n  <div class=\"ac-grid\" id=\"ac-dow-row\"><\/div>\r\n  <div class=\"ac-grid\" id=\"ac-grid\"><\/div>\r\n  <div class=\"ac-legend\">\r\n    <span><i class=\"dot-available\"><\/i>Available<\/span>\r\n    <span><i class=\"dot-booked\"><\/i>Booked<\/span>\r\n  <\/div>\r\n  <div class=\"ac-note\"><strong>To book:<\/strong> call us or send a message \u2014 details on this page. This calendar is for checking dates only.<\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  \/\/ ==================================================================\r\n  \/\/ EDIT THIS LIST WHEN YOU GET A NEW BOOKING\r\n  \/\/ Format: { start: \"YYYY-MM-DD\", end: \"YYYY-MM-DD\" }\r\n  \/\/ \"start\" and \"end\" are the first and last night of the stay.\r\n  \/\/ Add or remove lines as bookings come in or get cancelled.\r\n  \/\/ ==================================================================\r\n  const bookedRanges = [\r\n    { start: \"2026-09-10\", end: \"2026-09-14\" },\r\n    { start: \"2026-09-25\", end: \"2026-09-28\" },\r\n    { start: \"2026-10-05\", end: \"2026-10-12\" }\r\n  ];\r\n  \/\/ ==================================================================\r\n  \/\/ (no need to edit anything below this line)\r\n  \/\/ ==================================================================\r\n\r\n  const root = document.getElementById(\"avail-calendar\");\r\n  const monthLabel = root.querySelector(\"#ac-month-label\");\r\n  const dowRow = root.querySelector(\"#ac-dow-row\");\r\n  const grid = root.querySelector(\"#ac-grid\");\r\n  const prevBtn = root.querySelector(\"#ac-prev\");\r\n  const nextBtn = root.querySelector(\"#ac-next\");\r\n\r\n  const DOW = [\"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\", \"Sun\"];\r\n  const MONTHS = [\"January\",\"February\",\"March\",\"April\",\"May\",\"June\",\"July\",\"August\",\"September\",\"October\",\"November\",\"December\"];\r\n\r\n  const today = new Date();\r\n  today.setHours(0,0,0,0);\r\n\r\n  let viewYear = today.getFullYear();\r\n  let viewMonth = today.getMonth();\r\n\r\n  const minDate = new Date(today.getFullYear(), today.getMonth(), 1);\r\n  const maxDate = new Date(today.getFullYear(), today.getMonth() + 18, 1);\r\n\r\n  function toDateOnly(str) {\r\n    const [y, m, d] = str.split(\"-\").map(Number);\r\n    return new Date(y, m - 1, d);\r\n  }\r\n\r\n  function isBooked(date) {\r\n    return bookedRanges.some(r => {\r\n      const s = toDateOnly(r.start);\r\n      const e = toDateOnly(r.end);\r\n      return date >= s && date <= e;\r\n    });\r\n  }\r\n\r\n  function render() {\r\n    monthLabel.textContent = MONTHS[viewMonth] + \" \" + viewYear;\r\n\r\n    dowRow.innerHTML = DOW.map(d => `<div class=\"ac-dow\">${d}<\/div>`).join(\"\");\r\n\r\n    const firstOfMonth = new Date(viewYear, viewMonth, 1);\r\n    const startOffset = (firstOfMonth.getDay() + 6) % 7; \/\/ Monday = 0\r\n    const daysInMonth = new Date(viewYear, viewMonth + 1, 0).getDate();\r\n\r\n    let cells = \"\";\r\n    for (let i = 0; i < startOffset; i++) {\r\n      cells += `<div class=\"ac-day ac-empty\"><\/div>`;\r\n    }\r\n    for (let day = 1; day <= daysInMonth; day++) {\r\n      const date = new Date(viewYear, viewMonth, day);\r\n      let cls = \"ac-day\";\r\n      if (date < today) {\r\n        cls += \" ac-past\";\r\n      } else if (isBooked(date)) {\r\n        cls += \" ac-booked\";\r\n      } else {\r\n        cls += \" ac-available\";\r\n      }\r\n      if (date.getTime() === today.getTime()) cls += \" ac-today\";\r\n      cells += `<div class=\"${cls}\">${day}<\/div>`;\r\n    }\r\n    grid.innerHTML = cells;\r\n\r\n    const viewFirst = new Date(viewYear, viewMonth, 1);\r\n    prevBtn.disabled = viewFirst <= minDate;\r\n    nextBtn.disabled = viewFirst >= maxDate;\r\n  }\r\n\r\n  prevBtn.addEventListener(\"click\", () => {\r\n    viewMonth--;\r\n    if (viewMonth < 0) { viewMonth = 11; viewYear--; }\r\n    render();\r\n  });\r\n  nextBtn.addEventListener(\"click\", () => {\r\n    viewMonth++;\r\n    if (viewMonth > 11) { viewMonth = 0; viewYear++; }\r\n    render();\r\n  });\r\n\r\n  render();\r\n})();\r\n<\/script>\n\n\n<div class=\"mphb_sc_booking_form-wrapper \">\t<form method=\"POST\" action=\"https:\/\/artemis-guesthouse.com\/el\/checkout\/\" class=\"mphb-booking-form mphb-booking-form--direct-booking\" id=\"booking-form-312\" data-first_available_check_in_date=\"2026-11-01\">\n\n\t\t<p class=\"mphb-required-fields-tip\"><small>Required fields are followed by <abbr title=\"required\">*<\/abbr><\/small><\/p>\n\t\t\t\t<input type=\"hidden\" name=\"mphb_room_type_id\" value=\"312\" \/>\n\t\t<p class=\"mphb-check-in-date-wrapper\">\n\t\t\t<label for=\"mphb_check_in_date-6aa395c9916fa\">\n\t\t\t\tCheck-in Date\t\t\t\t<abbr title=\"Formatted as dd\/mm\/yyyy\">*<\/abbr>\n\t\t\t<\/label>\n\t\t\t<br \/>\n\t\t\t<input id=\"mphb_check_in_date-6aa395c9916fa\" type=\"text\" class=\"mphb-datepick\" value=\"\" required=\"required\" autocomplete=\"off\" placeholder=\"Check-in Date\" inputmode=\"none\" \/>\n\t\t\t<input id=\"mphb_check_in_date-6aa395c9916fa-hidden\" type=\"hidden\" name=\"mphb_check_in_date\" value=\"\" \/>\n\t\t<\/p>\n\t\t<p class=\"mphb-check-out-date-wrapper\">\n\t\t\t<label for=\"mphb_check_out_date-6aa395c9916fa\">\n\t\t\t\tCheck-out Date\t\t\t\t<abbr title=\"Formatted as dd\/mm\/yyyy\">*<\/abbr>\n\t\t\t<\/label>\n\t\t\t<br \/>\n\t\t\t<input id=\"mphb_check_out_date-6aa395c9916fa\" type=\"text\" class=\"mphb-datepick\" value=\"\" required=\"required\" autocomplete=\"off\" placeholder=\"Check-out Date\" inputmode=\"none\" \/>\n\t\t\t<input id=\"mphb_check_out_date-6aa395c9916fa-hidden\" type=\"hidden\" name=\"mphb_check_out_date\" value=\"\" \/>\n\t\t<\/p>\n\t\t\t\t\t\t\t<div class=\"mphb-reserve-room-section mphb-hide\">\n\t\t\t\t<p class=\"mphb-rooms-quantity-wrapper mphb-rooms-quantity-multiple mphb-hide\">\n\t\t\t\tReserve <select class=\"mphb-rooms-quantity\" id=\"mphb-rooms-quantity-312\" name=\"mphb_rooms_details[312]\"><option value=\"1\" selected=\"selected\">1<\/option><\/select> of <span class=\"mphb-available-rooms-count\">1<\/span> available accommodations.\t\t\t\t<\/p>\n\t\t\t\t<p class=\"mphb-rooms-quantity-wrapper mphb-rooms-quantity-single mphb-hide\">\n\t\t\t\t\tGuesthouse \u2013 Whole Property is available for selected dates.\t\t\t\t<\/p>\n\t\t\t\t\t\t\t\t<input type=\"hidden\" name=\"mphb_is_direct_booking\" value=\"1\" \/>\n\t\t\t\t<input class=\"button mphb-button mphb-confirm-reservation\" type=\"submit\" value=\"Confirm Reservation\" \/>\n\t\t\t<\/div>\n\t\t\n\t\t<div class=\"mphb-errors-wrapper mphb-hide\"><\/div>\n\t\t<p class=\"mphb-reserve-btn-wrapper\">\n\t\t\t<input class=\"mphb-reserve-btn button\" type=\"submit\" value=\"Check Availability\" \/>\n\t\t<\/p>\n\t<\/form>\n\t<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Month Year \u2039 \u203a The whole guesthouse is booked as one property, night by night. Available Booked To book: call [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":""}},"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"class_list":["post-363","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/artemis-guesthouse.com\/el\/wp-json\/wp\/v2\/pages\/363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/artemis-guesthouse.com\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/artemis-guesthouse.com\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/artemis-guesthouse.com\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/artemis-guesthouse.com\/el\/wp-json\/wp\/v2\/comments?post=363"}],"version-history":[{"count":3,"href":"https:\/\/artemis-guesthouse.com\/el\/wp-json\/wp\/v2\/pages\/363\/revisions"}],"predecessor-version":[{"id":366,"href":"https:\/\/artemis-guesthouse.com\/el\/wp-json\/wp\/v2\/pages\/363\/revisions\/366"}],"wp:attachment":[{"href":"https:\/\/artemis-guesthouse.com\/el\/wp-json\/wp\/v2\/media?parent=363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}