{"id":2,"date":"2026-01-29T07:36:10","date_gmt":"2026-01-29T07:36:10","guid":{"rendered":"https:\/\/colorous.nl\/?page_id=2"},"modified":"2026-02-12T20:20:56","modified_gmt":"2026-02-12T20:20:56","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/colorous.nl\/index.php\/sample-page\/","title":{"rendered":"Sample Page"},"content":{"rendered":"<style>\n\/* \u2500\u2500 Hide the WordPress page chrome in fullscreen mode \u2500\u2500 *\/\n.ab-fullscreen-page .airsoft-map-container {\n    position: fixed !important;\n    top: 0 !important;\n    left: 0 !important;\n    right: 0 !important;\n    bottom: 0 !important;\n    width: 100vw !important;\n    height: 100dvh !important;  \/* dvh accounts for iOS address bar *\/\n    min-height: unset !important;\n    border-radius: 0 !important;\n    z-index: 9000;\n}\n\n\/* \u2500\u2500 Range slider repositioned for fullscreen \u2500\u2500 *\/\n.ab-fullscreen-page .ab-range-wrap {\n    position: fixed;\n    \/* Sits above the bottom bar, horizontally centred *\/\n    bottom: calc(72px + env(safe-area-inset-bottom, 0px));\n    left: 50%;\n    transform: translateX(-50%);\n    z-index: 9010;\n}\n\n\/* \u2500\u2500 Bottom bar safe-area padding for notch devices \u2500\u2500 *\/\n.ab-fullscreen-page .airsoft-map-container .bottom-bar {\n    bottom: calc(16px + env(safe-area-inset-bottom, 0px));\n}\n\n\/* \u2500\u2500 Ensure modals sit above the fullscreen map \u2500\u2500 *\/\n.ab-fullscreen-page .ab-modal-backdrop,\n.ab-fullscreen-page .ab-modal,\n.ab-fullscreen-page .ab-cal-backdrop,\n.ab-fullscreen-page .ab-cal-panel {\n    z-index: 99998 !important;\n}\n.ab-fullscreen-page .ab-modal { z-index: 99999 !important; }\n\n\/* \u2500\u2500 Prevent page scrolling entirely \u2500\u2500 *\/\n.ab-fullscreen-page {\n    overflow: hidden;\n    height: 100dvh;\n}\n<\/style>\n\n<!-- Calendar backdrop -->\n<div class=\"ab-cal-backdrop\" id=\"abCalBackdrop\"><\/div>\n\n<!-- Calendar panel -->\n<div class=\"ab-cal-panel\" id=\"abCalPanel\" role=\"dialog\" aria-label=\"Events calendar\">\n    <div class=\"ab-cal-header\">\n        <div class=\"ab-cal-title-row\">\n            <span class=\"ab-cal-title\"><i class=\"bi bi-calendar3\" style=\"margin-right:7px;color:#8c5fd3\"><\/i>Events<\/span>\n            <button class=\"ab-cal-close\" onclick=\"airsoftMap.closeCalendar()\" aria-label=\"Close\"><i class=\"bi bi-x-lg\"><\/i><\/button>\n        <\/div>\n    <\/div>\n    <div class=\"ab-mini-cal\" id=\"abMiniCal\">\n        <div class=\"ab-mini-cal-nav\">\n            <button onclick=\"airsoftMap.calPrevMonth()\" aria-label=\"Previous month\"><i class=\"bi bi-chevron-left\"><\/i><\/button>\n            <span class=\"ab-mini-cal-month\" id=\"abCalMonthLabel\"><\/span>\n            <button onclick=\"airsoftMap.calNextMonth()\" aria-label=\"Next month\"><i class=\"bi bi-chevron-right\"><\/i><\/button>\n        <\/div>\n        <div class=\"ab-mini-cal-grid\" id=\"abCalGrid\"><\/div>\n    <\/div>\n    <div class=\"ab-cal-filter-row\" id=\"abCalFilterRow\">\n        <button class=\"ab-cal-chip active\" data-type=\"all\"        onclick=\"airsoftMap.calSetType('all')\">All<\/button>\n        <button class=\"ab-cal-chip\"        data-type=\"skirmish\"   onclick=\"airsoftMap.calSetType('skirmish')\">Skirmish<\/button>\n        <button class=\"ab-cal-chip\"        data-type=\"scenario\"   onclick=\"airsoftMap.calSetType('scenario')\">Scenario<\/button>\n        <button class=\"ab-cal-chip\"        data-type=\"milsim\"     onclick=\"airsoftMap.calSetType('milsim')\">MilSim<\/button>\n        <button class=\"ab-cal-chip\"        data-type=\"tournament\" onclick=\"airsoftMap.calSetType('tournament')\">Tournament<\/button>\n        <button class=\"ab-cal-chip\"        data-type=\"training\"   onclick=\"airsoftMap.calSetType('training')\">Training<\/button>\n        <button class=\"ab-cal-chip\"        data-type=\"special\"    onclick=\"airsoftMap.calSetType('special')\">Special<\/button>\n    <\/div>\n    <div class=\"ab-cal-list\" id=\"abCalList\"><\/div>\n<\/div>\n\n<!-- Modal backdrop -->\n<div class=\"ab-modal-backdrop\" id=\"abModalBackdrop\"><\/div>\n\n<!-- Location modal -->\n<div class=\"ab-modal\" id=\"abModal\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Location details\">\n    <div class=\"ab-carousel\" id=\"abCarousel\">\n        <div class=\"ab-carousel-track\" id=\"abCarouselTrack\"><\/div>\n        <button class=\"ab-carousel-btn ab-carousel-prev\" id=\"abCarouselPrev\" onclick=\"airsoftMap.carouselPrev()\" aria-label=\"Previous image\"><i class=\"bi bi-chevron-left\"><\/i><\/button>\n        <button class=\"ab-carousel-btn ab-carousel-next\" id=\"abCarouselNext\" onclick=\"airsoftMap.carouselNext()\" aria-label=\"Next image\"><i class=\"bi bi-chevron-right\"><\/i><\/button>\n        <div class=\"ab-carousel-dots\" id=\"abCarouselDots\"><\/div>\n        <div class=\"ab-modal-hero-badges\" id=\"abHeroBadges\"><\/div>\n        <button class=\"ab-close-btn\" onclick=\"airsoftMap.closeModal()\" aria-label=\"Close\"><i class=\"bi bi-x-lg\"><\/i><\/button>\n    <\/div>\n    <div class=\"ab-modal-body\" id=\"abModalBody\"><\/div>\n<\/div>\n\n<!-- Map container -->\n<div class=\"airsoft-map-container\" id=\"airsoftMapContainer\">\n    <div class=\"top-nav\">\n        <div class=\"logo\"><span>Airsoft Benelux<\/span><\/div>\n    <\/div>\n    <div class=\"ab-range-wrap\" id=\"abRangeWrap\">\n        <i class=\"bi bi-bullseye\" style=\"color:#2271b1\"><\/i>\n        <input type=\"range\" class=\"ab-range-slider\" id=\"abRangeSlider\"\n               min=\"5\" max=\"200\" value=\"50\" step=\"5\"\n               oninput=\"airsoftMap.onRangeChange(this.value)\"\n               aria-label=\"Distance filter in km\">\n        <span class=\"ab-range-label\" id=\"abRangeLabel\">50 km<\/span>\n    <\/div>\n    <div class=\"bottom-bar\">\n        <div class=\"stats\">\n            <div class=\"stat\">\n                <div class=\"stat-number\" id=\"locationCount\">5<\/div>\n                <div class=\"stat-label\">Locations<\/div>\n            <\/div>\n            <div class=\"stat\">\n                <div class=\"stat-number\">3<\/div>\n                <div class=\"stat-label\">Countries<\/div>\n            <\/div>\n                    <\/div>\n        <div class=\"bar-divider\"><\/div>\n        <div class=\"bottom-actions\">\n            <button class=\"ab-bar-btn btn-my-location\" id=\"btnMyLocation\" onclick=\"airsoftMap.locateUser()\">\n                <i class=\"bi bi-crosshair2\"><\/i><span>My Location<\/span>\n            <\/button>\n                        <button class=\"ab-bar-btn btn-reset-zoom\" onclick=\"airsoftMap.resetMapZoom()\">\n                <i class=\"bi bi-compass\"><\/i><span>Reset<\/span>\n            <\/button>\n        <\/div>\n    <\/div>\n    <div id=\"map\"><\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"test","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/colorous.nl\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/colorous.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/colorous.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/colorous.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/colorous.nl\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":7,"href":"https:\/\/colorous.nl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":131,"href":"https:\/\/colorous.nl\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/131"}],"wp:attachment":[{"href":"https:\/\/colorous.nl\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}