{"id":35,"date":"2026-10-16T14:05:58","date_gmt":"2026-10-16T14:05:58","guid":{"rendered":"https:\/\/touch.magicweb.gr\/?page_id=35"},"modified":"2026-10-16T14:25:56","modified_gmt":"2026-10-16T14:25:56","slug":"kids-activities","status":"publish","type":"page","link":"https:\/\/touch.magicweb.gr\/?page_id=35","title":{"rendered":"Kids activities"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"35\" class=\"elementor elementor-35\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4a0a73d e-con e-atomic-element e-flexbox-base e-default-div e-f4c9250 \" data-id=\"4a0a73d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4a0a73d\">\n    \t\t<div class=\"elementor-element elementor-element-58588dd elementor-widget elementor-widget-html\" data-id=\"58588dd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- ============================================================\r\n  KIOSK KIDS ACTIVITIES \u2013 Example Hotel\r\n  \u039c\u03af\u03b1 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1: \u03b5\u03c0\u03b9\u03bb\u03bf\u03b3\u03ae (Kids Pool \/ Kindergarten \/ Playground) + 3 \u03c3\u03b5\u03bb\u03af\u03b4\u03b5\u03c2 \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03b9\u03ce\u03bd\r\n  \u0392\u03ac\u03bb' \u03c4\u03bf \u03c3\u03b5 Elementor > HTML widget (Page Layout: Elementor Canvas)\r\n  \u03a3\u03b7\u03bc\u03b5\u03af\u03b1 \u03c0\u03bf\u03c5 \u03b1\u03bb\u03bb\u03ac\u03b6\u03b5\u03b9\u03c2: \u03c8\u03ac\u03be\u03b5 \"\u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9\"\r\n============================================================ -->\r\n\r\n<style>\r\n  html, body { margin:0 !important; padding:0 !important; overflow:hidden !important; height:100%; }\r\n  header, footer, #wpadminbar, .site-header, .site-footer { display:none !important; }\r\n\r\n  .km {\r\n    \/* \u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9 (1): \u03b2\u03ac\u03bb\u03b5 \u03c4\u03b7\u03bd \u0399\u0394\u0399\u0391 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 \u03bc\u03b5 \u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae \u03c3\u03b5\u03bb\u03af\u03b4\u03b1 (\u03ae \u03ac\u03c3\u03c4\u03bf none) *\/\r\n    --bg-image: none;\r\n    --teal: #1f6b78;\r\n    --gold: #e8b45a;\r\n    --cream: #f4efe6;\r\n    --ink: #3d4a4d;\r\n\r\n    position: fixed; inset: 0; z-index: 99999;\r\n    display: flex; align-items: center; justify-content: center;\r\n    padding: 4vmin; box-sizing: border-box; overflow: hidden;\r\n    font-family: \"Poppins\", \"Segoe UI\", Roboto, Arial, sans-serif;\r\n    -webkit-user-select: none; user-select: none;\r\n    -webkit-touch-callout: none; touch-action: manipulation;\r\n    -webkit-tap-highlight-color: transparent;\r\n    background: linear-gradient(180deg, #8fb7c7 0%, #f1d8a6 38%, #6fb4bd 62%, #1f6b78 100%);\r\n  }\r\n  .km *, .km *::before, .km *::after { box-sizing: border-box; }\r\n  .km__photo { position:absolute; inset:0; background: var(--bg-image) center \/ cover no-repeat; }\r\n\r\n  .km__view { position: relative; z-index: 2; display: none; width: min(92vw, 1100px); max-height: 100%; }\r\n  .km__view.is-active { display: block; animation: kmIn .45s ease both; }\r\n  @keyframes kmIn { from { opacity:0; transform: translateY(14px);} to { opacity:1; transform:none; } }\r\n\r\n  .km__panel {\r\n    display: flex; flex-direction: column; max-height: 92vh;\r\n    background: var(--teal);\r\n    background: color-mix(in srgb, var(--teal) 96%, transparent);\r\n    color: #fff; border-radius: 6px;\r\n    box-shadow: 0 30px 80px rgba(0,0,0,.35);\r\n    padding: clamp(20px, 4vmin, 48px);\r\n  }\r\n\r\n  .km__head { display:flex; align-items:center; gap: clamp(12px, 2.5vmin, 28px); margin-bottom: clamp(16px, 3vmin, 32px); }\r\n  .km__back {\r\n    flex: none; display:inline-flex; align-items:center; gap:.5em;\r\n    min-height: clamp(56px, 8vmin, 84px); padding: 0 clamp(20px, 3.4vmin, 38px);\r\n    background: var(--cream); color: var(--ink); border:0; border-radius: 999px;\r\n    font-family: inherit; font-weight: 500; font-size: clamp(17px, 2.6vmin, 28px); line-height:1;\r\n    text-decoration:none; cursor:pointer;\r\n    box-shadow: 0 6px 18px rgba(0,0,0,.22);\r\n    transition: transform .12s ease, background .12s ease;\r\n  }\r\n  .km__back svg { width: 1.1em; height: 1.1em; }\r\n  .km__back:active { transform: scale(.95); background: var(--gold); }\r\n  .km__title { margin:0; flex:1; text-align:center; font-family: Georgia, \"Times New Roman\", serif; font-weight:700; font-size: clamp(28px, 5.2vmin, 56px); }\r\n  .km__title small { display:block; margin-top:.2em; font-family: inherit; font-size: clamp(13px, 2vmin, 20px); font-weight:400; color: var(--gold); letter-spacing:.08em; }\r\n  .km__spacer { flex: none; width: clamp(110px, 16vmin, 170px); }\r\n\r\n  .km__choices { display:flex; flex-wrap:wrap; gap: clamp(14px, 2.6vmin, 32px); justify-content:center; }\r\n  .km__choice {\r\n    flex: 1 1 0; min-width: 200px; max-width: 320px;\r\n    min-height: clamp(140px, 26vmin, 280px);\r\n    display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.4em;\r\n    padding: 0 16px; text-align:center;\r\n    background: var(--cream); color: var(--ink); border:0; border-radius: 22px;\r\n    font-family: Georgia, serif; font-weight:700; font-size: clamp(26px, 4.6vmin, 48px);\r\n    cursor:pointer; box-shadow: 0 8px 24px rgba(0,0,0,.25);\r\n    transition: transform .12s ease, background .12s ease;\r\n  }\r\n  .km__choice span { font-family: \"Poppins\",\"Segoe UI\",Arial,sans-serif; font-weight:400; font-size: clamp(14px, 2.2vmin, 22px); color:#6b7a7d; }\r\n  .km__choice:active { transform: scale(.96); background: var(--gold); }\r\n\r\n  .km__scroll {\r\n    overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;\r\n    padding-right: 8px; columns: 2 340px; column-gap: clamp(28px, 5vmin, 64px);\r\n  }\r\n  .km__scroll::-webkit-scrollbar { width: 8px; }\r\n  .km__scroll::-webkit-scrollbar-thumb { background: rgba(255,255,255,.35); border-radius: 8px; }\r\n\r\n  .km__intro { margin: 0 0 clamp(16px, 3vmin, 34px); font-size: clamp(16px, 2.5vmin, 26px); line-height:1.5; column-span: all; }\r\n\r\n  .km__cat { break-inside: avoid; margin: 0 0 clamp(18px, 3.4vmin, 40px); }\r\n  .km__cat h3 {\r\n    margin: 0 0 .6em; padding-bottom: .35em;\r\n    font-family: Georgia, serif; font-size: clamp(20px, 3.2vmin, 34px); color: var(--gold);\r\n    border-bottom: 2px solid rgba(232,180,90,.5);\r\n  }\r\n  .km__item { margin: 0 0 clamp(10px, 1.8vmin, 20px); }\r\n  .km__row { display:flex; align-items:baseline; gap:.6em; font-size: clamp(16px, 2.5vmin, 26px); font-weight:500; }\r\n  .km__row::after { content:\"\"; order:1; flex:1; border-bottom: 2px dotted rgba(255,255,255,.35); transform: translateY(-.25em); }\r\n  .km__row b { order:0; font-weight:500; }\r\n  .km__row i { order:2; font-style:normal; font-weight:600; color: var(--gold); text-align:right; }\r\n  .km__item p { margin:.15em 0 0; font-size: clamp(13px, 1.9vmin, 19px); line-height:1.4; color: rgba(255,255,255,.8); }\r\n\r\n  .km__note { margin: clamp(10px, 2vmin, 22px) 0 0; text-align:center; font-size: clamp(12px, 1.7vmin, 17px); color: rgba(255,255,255,.75); }\r\n\r\n\r\n  \/* ---------- \u03a6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2 & \u03b2\u03af\u03bd\u03c4\u03b5\u03bf ---------- *\/\r\n  .km__media { column-span: all; display:grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: clamp(10px, 2vmin, 22px); margin: 0 0 clamp(16px, 3vmin, 34px); }\r\n  .km__m {\r\n    position:relative; display:block; width:100%; padding:0; border:0; overflow:hidden; cursor:pointer;\r\n    aspect-ratio: 16 \/ 10; border-radius: 14px;\r\n    background: linear-gradient(135deg, #2f8a99, #17525d);\r\n    box-shadow: 0 6px 18px rgba(0,0,0,.3);\r\n    transition: transform .12s ease;\r\n  }\r\n  .km__m::before { content: attr(data-label); position:absolute; inset:0; display:flex; align-items:center; justify-content:center; color: rgba(255,255,255,.55); font-family:inherit; font-size: clamp(14px, 2vmin, 20px); }\r\n  .km__m:active { transform: scale(.97); }\r\n  .km__m img, .km__m video { position:relative; width:100%; height:100%; object-fit:cover; display:block; }\r\n  .km__play { position:absolute; right:12px; bottom:12px; width: clamp(40px, 6vmin, 64px); height: clamp(40px, 6vmin, 64px); border-radius:50%; background: rgba(244,239,230,.92); display:flex; align-items:center; justify-content:center; }\r\n  .km__play::after { content:\"\"; margin-left:12%; border-style:solid; border-width: .55em 0 .55em .9em; border-color: transparent transparent transparent #3d4a4d; font-size: clamp(14px, 2.2vmin, 24px); }\r\n\r\n  .km__lb { position:absolute; inset:0; z-index:10; display:none; align-items:center; justify-content:center; padding:4vmin; background: rgba(10,25,28,.92); }\r\n  .km__lb.is-open { display:flex; }\r\n  .km__lbbody { display:flex; max-width:100%; max-height:100%; }\r\n  .km__lbbody img, .km__lbbody video { max-width:92vw; max-height:82vh; border-radius:10px; background:#000; }\r\n  .km__lbclose { position:absolute; top:3vmin; right:3vmin; }\r\n\r\n  .km button:focus-visible, .km a:focus-visible { outline: 4px solid var(--gold); outline-offset: 3px; }\r\n  @media (max-width: 700px) { .km__spacer { display:none; } .km__choice { max-width:none; flex-basis:100%; min-height:110px; } }\r\n  @media (prefers-reduced-motion: reduce) { .km__view.is-active { animation:none; } }\r\n<\/style>\r\n\r\n<div class=\"km\" role=\"main\">\r\n  <div class=\"km__photo\"><\/div>\r\n\r\n  <!-- ===================== \u0395\u03a0\u0399\u039b\u039f\u0393\u0397 ===================== -->\r\n  <section class=\"km__view is-active\" data-view=\"home\">\r\n    <div class=\"km__panel\">\r\n      <div class=\"km__head\">\r\n        <!-- \u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9 (2): link \u03c4\u03b7\u03c2 \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae\u03c2 \u03c3\u03b5\u03bb\u03af\u03b4\u03b1\u03c2 \u03c4\u03bf\u03c5 kiosk -->\r\n        <a class=\"km__back\" href=\"\/\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>Back\r\n        <\/a>\r\n        <h1 class=\"km__title\">Kids Activities<\/h1>\r\n        <span class=\"km__spacer\"><\/span>\r\n      <\/div>\r\n      <div class=\"km__choices\">\r\n        <!-- \u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9 (3): \u03c4\u03af\u03c4\u03bb\u03bf\u03b9 \u03ba\u03b1\u03b9 \u03c5\u03c0\u03cc\u03c4\u03b9\u03c4\u03bb\u03bf\u03b9 -->\r\n        <button class=\"km__choice\" data-go=\"pool\">Kids Pool<span>Ages 2 \u2013 12<\/span><\/button>\r\n        <button class=\"km__choice\" data-go=\"kindergarten\">Kindergarten<span>Ages 3 \u2013 8<\/span><\/button>\r\n        <button class=\"km__choice\" data-go=\"playground\">Playground<span>Ages 4 \u2013 12<\/span><\/button>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== KIDS POOL ===================== -->\r\n  <section class=\"km__view\" data-view=\"pool\">\r\n    <div class=\"km__panel\">\r\n      <div class=\"km__head\">\r\n        <button class=\"km__back\" data-go=\"home\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>Back<\/button>\r\n        <h2 class=\"km__title\">Kids Pool<small>Ages 2 \u2013 12<\/small><\/h2>\r\n        <span class=\"km__spacer\"><\/span>\r\n      <\/div>\r\n      <div class=\"km__scroll\">\r\n        <!-- \u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9 (4): \u03c0\u03bb\u03b7\u03c1\u03bf\u03c6\u03bf\u03c1\u03af\u03b5\u03c2 -->\r\n        <p class=\"km__intro\">A shallow, sun-warmed pool with a splash area and small slides, just for our youngest guests.<\/p>\r\n        <!-- \u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9 (6): \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2\/\u03b2\u03af\u03bd\u03c4\u03b5\u03bf. \u0386\u03bb\u03bb\u03b1\u03be\u03b5 \u03c4\u03bf data-src (\u03ba\u03b1\u03b9 \u03c4\u03bf src) \u03bc\u03b5 \u03c4\u03bf link \u03b1\u03c0\u03cc \u03c4\u03b7 \u0392\u03b9\u03b2\u03bb\u03b9\u03bf\u03b8\u03ae\u03ba\u03b7 \u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03c9\u03bd -->\r\n        <div class=\"km__media\">\r\n          <button class=\"km__m\" data-type=\"image\" data-label=\"Photo\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kids-pool-1.jpg\"><img decoding=\"async\" src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kids-pool-1.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.remove()\"><\/button>\r\n          <button class=\"km__m\" data-type=\"image\" data-label=\"Photo\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kids-pool-2.jpg\"><img decoding=\"async\" src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kids-pool-2.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.remove()\"><\/button>\r\n          <button class=\"km__m\" data-type=\"video\" data-label=\"Video\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kids-pool-video.mp4\"><video src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kids-pool-video.mp4\" muted loop playsinline preload=\"metadata\" onerror=\"this.remove()\"><\/video><span class=\"km__play\"><\/span><\/button>\r\n        <\/div>\r\n        <div class=\"km__cat\">\r\n          <h3>Good to know<\/h3>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Open daily<\/b><i>09:00 \u2013 19:00<\/i><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Depth<\/b><i>0.4 \u2013 0.6 m<\/i><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Location<\/b><i>Next to the main pool<\/i><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Lifeguard<\/b><i>On duty<\/i><\/div><\/div>\r\n        <\/div>\r\n        <div class=\"km__cat\">\r\n          <h3>Rules<\/h3>\r\n          <div class=\"km__item\"><p>Children under 12 must be accompanied by an adult at all times.<\/p><\/div>\r\n          <div class=\"km__item\"><p>Please shower before entering and use swim diapers for babies.<\/p><\/div>\r\n          <div class=\"km__item\"><p>No running on the pool deck.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== KINDERGARTEN ===================== -->\r\n  <section class=\"km__view\" data-view=\"kindergarten\">\r\n    <div class=\"km__panel\">\r\n      <div class=\"km__head\">\r\n        <button class=\"km__back\" data-go=\"home\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>Back<\/button>\r\n        <h2 class=\"km__title\">Kindergarten<small>Ages 3 \u2013 8<\/small><\/h2>\r\n        <span class=\"km__spacer\"><\/span>\r\n      <\/div>\r\n      <div class=\"km__scroll\">\r\n        <p class=\"km__intro\">A supervised play space with trained staff, where children can paint, play and make new friends while parents relax.<\/p>\r\n        <!-- \u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9 (6): \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2\/\u03b2\u03af\u03bd\u03c4\u03b5\u03bf. \u0386\u03bb\u03bb\u03b1\u03be\u03b5 \u03c4\u03bf data-src (\u03ba\u03b1\u03b9 \u03c4\u03bf src) \u03bc\u03b5 \u03c4\u03bf link \u03b1\u03c0\u03cc \u03c4\u03b7 \u0392\u03b9\u03b2\u03bb\u03b9\u03bf\u03b8\u03ae\u03ba\u03b7 \u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03c9\u03bd -->\r\n        <div class=\"km__media\">\r\n          <button class=\"km__m\" data-type=\"image\" data-label=\"Photo\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kindergarten-1.jpg\"><img decoding=\"async\" src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kindergarten-1.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.remove()\"><\/button>\r\n          <button class=\"km__m\" data-type=\"image\" data-label=\"Photo\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kindergarten-2.jpg\"><img decoding=\"async\" src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kindergarten-2.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.remove()\"><\/button>\r\n          <button class=\"km__m\" data-type=\"image\" data-label=\"Photo\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kindergarten-3.jpg\"><img decoding=\"async\" src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/kindergarten-3.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.remove()\"><\/button>\r\n        <\/div>\r\n        <div class=\"km__cat\">\r\n          <h3>Good to know<\/h3>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Morning session<\/b><i>10:00 \u2013 13:00<\/i><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Afternoon session<\/b><i>16:00 \u2013 20:00<\/i><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Price<\/b><i>Free for hotel guests<\/i><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Reservations<\/b><i>At reception<\/i><\/div><\/div>\r\n        <\/div>\r\n        <div class=\"km__cat\">\r\n          <h3>Daily activities<\/h3>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Arts &amp; crafts<\/b><\/div><p>Painting, clay and seashell crafts.<\/p><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Story time<\/b><\/div><p>Fairy tales in English and Greek.<\/p><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Games &amp; music<\/b><\/div><p>Songs, dancing and group games.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"km__note\">Parents are asked to leave a phone number at reception.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- ===================== PLAYGROUND ===================== -->\r\n  <section class=\"km__view\" data-view=\"playground\">\r\n    <div class=\"km__panel\">\r\n      <div class=\"km__head\">\r\n        <button class=\"km__back\" data-go=\"home\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M15 5l-7 7 7 7\"\/><\/svg>Back<\/button>\r\n        <h2 class=\"km__title\">Playground<small>Ages 4 \u2013 12<\/small><\/h2>\r\n        <span class=\"km__spacer\"><\/span>\r\n      <\/div>\r\n      <div class=\"km__scroll\">\r\n        <p class=\"km__intro\">An outdoor garden play area with swings, a climbing frame and shaded spots to rest.<\/p>\r\n        <!-- \u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9 (6): \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b5\u03c2\/\u03b2\u03af\u03bd\u03c4\u03b5\u03bf. \u0386\u03bb\u03bb\u03b1\u03be\u03b5 \u03c4\u03bf data-src (\u03ba\u03b1\u03b9 \u03c4\u03bf src) \u03bc\u03b5 \u03c4\u03bf link \u03b1\u03c0\u03cc \u03c4\u03b7 \u0392\u03b9\u03b2\u03bb\u03b9\u03bf\u03b8\u03ae\u03ba\u03b7 \u03a0\u03bf\u03bb\u03c5\u03bc\u03ad\u03c3\u03c9\u03bd -->\r\n        <div class=\"km__media\">\r\n          <button class=\"km__m\" data-type=\"image\" data-label=\"Photo\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/playground-1.jpg\"><img decoding=\"async\" src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/playground-1.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.remove()\"><\/button>\r\n          <button class=\"km__m\" data-type=\"image\" data-label=\"Photo\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/playground-2.jpg\"><img decoding=\"async\" src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/playground-2.jpg\" alt=\"\" loading=\"lazy\" onerror=\"this.remove()\"><\/button>\r\n          <button class=\"km__m\" data-type=\"video\" data-label=\"Video\" data-src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/playground-video.mp4\"><video src=\"https:\/\/YOUR-SITE.gr\/wp-content\/uploads\/playground-video.mp4\" muted loop playsinline preload=\"metadata\" onerror=\"this.remove()\"><\/video><span class=\"km__play\"><\/span><\/button>\r\n        <\/div>\r\n        <div class=\"km__cat\">\r\n          <h3>Good to know<\/h3>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Open daily<\/b><i>09:00 \u2013 20:00<\/i><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Location<\/b><i>Garden, behind the restaurant<\/i><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Shade<\/b><i>Available<\/i><\/div><\/div>\r\n        <\/div>\r\n        <div class=\"km__cat\">\r\n          <h3>What's there<\/h3>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Swings &amp; slides<\/b><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Climbing frame<\/b><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Sandpit<\/b><\/div><\/div>\r\n          <div class=\"km__item\"><div class=\"km__row\"><b>Table tennis<\/b><\/div><p>Rackets and balls at reception.<\/p><\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <p class=\"km__note\">Children under 12 must be accompanied by an adult.<\/p>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <!-- \u039c\u03b5\u03b3\u03ad\u03b8\u03c5\u03bd\u03c3\u03b7 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1\u03c2 \/ \u03b2\u03af\u03bd\u03c4\u03b5\u03bf (\u03c0\u03b1\u03c4\u03ac\u03c2 \u03c0\u03ac\u03bd\u03c9 \u03c3\u03b5 \u03bc\u03af\u03b1 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1) -->\r\n  <div class=\"km__lb\" id=\"kmLb\">\r\n    <button class=\"km__back km__lbclose\" id=\"kmLbClose\">Close<\/button>\r\n    <div class=\"km__lbbody\" id=\"kmLbBody\"><\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n  (function () {\r\n    var views = document.querySelectorAll('.km__view');\r\n    var lb = document.getElementById('kmLb'), lbBody = document.getElementById('kmLbBody');\r\n\r\n    function playActive() {\r\n      document.querySelectorAll('.km__m video').forEach(function (v) { v.pause(); });\r\n      document.querySelectorAll('.km__view.is-active .km__m video').forEach(function (v) {\r\n        v.muted = true; var p = v.play(); if (p && p.catch) p.catch(function () {});\r\n      });\r\n    }\r\n    function show(name) {\r\n      views.forEach(function (v) { v.classList.toggle('is-active', v.dataset.view === name); });\r\n      var s = document.querySelector('.km__view.is-active .km__scroll');\r\n      if (s) s.scrollTop = 0;\r\n      playActive();\r\n    }\r\n    document.querySelectorAll('[data-go]').forEach(function (b) {\r\n      b.addEventListener('click', function () { show(b.dataset.go); });\r\n    });\r\n\r\n    \/\/ \u039c\u03b5\u03b3\u03ad\u03b8\u03c5\u03bd\u03c3\u03b7 media\r\n    document.querySelectorAll('.km__m').forEach(function (m) {\r\n      m.addEventListener('click', function () {\r\n        lbBody.innerHTML = '';\r\n        var el;\r\n        if (m.dataset.type === 'video') {\r\n          el = document.createElement('video');\r\n          el.src = m.dataset.src; el.controls = true; el.autoplay = true; el.playsInline = true;\r\n        } else {\r\n          el = document.createElement('img'); el.src = m.dataset.src; el.alt = '';\r\n        }\r\n        lbBody.appendChild(el);\r\n        document.querySelectorAll('.km__m video').forEach(function (v) { v.pause(); });\r\n        lb.classList.add('is-open');\r\n      });\r\n    });\r\n    function closeLb() { lbBody.innerHTML = ''; lb.classList.remove('is-open'); playActive(); }\r\n    document.getElementById('kmLbClose').addEventListener('click', closeLb);\r\n    lb.addEventListener('click', function (e) { if (e.target === lb) closeLb(); });\r\n\r\n    \/\/ Kiosk: \u03c7\u03c9\u03c1\u03af\u03c2 \u03b4\u03b5\u03be\u03af \u03ba\u03bb\u03b9\u03ba \/ zoom\r\n    document.addEventListener('contextmenu', function (e) { e.preventDefault(); });\r\n    document.addEventListener('gesturestart', function (e) { e.preventDefault(); });\r\n\r\n    \/\/ \u0391\u039b\u039b\u0391\u039e\u0395 \u0395\u0394\u03a9 (5): \u03b1\u03b4\u03c1\u03ac\u03bd\u03b5\u03b9\u03b1 \u2192 \u03b5\u03c0\u03b9\u03c3\u03c4\u03c1\u03bf\u03c6\u03ae \u03c3\u03c4\u03b7\u03bd \u03b1\u03c1\u03c7\u03b9\u03ba\u03ae \u03c4\u03bf\u03c5 kiosk\r\n    var HOME_URL = '\/', IDLE_SECONDS = 90, t;\r\n    function reset() {\r\n      clearTimeout(t);\r\n      t = setTimeout(function () {\r\n        if (lb.classList.contains('is-open')) { reset(); return; }   \/\/ \u03b4\u03b5\u03bd \u03c6\u03b5\u03cd\u03b3\u03b5\u03b9 \u03cc\u03c3\u03bf \u03c0\u03b1\u03af\u03b6\u03b5\u03b9 \u03b2\u03af\u03bd\u03c4\u03b5\u03bf\r\n        window.location.href = HOME_URL;\r\n      }, IDLE_SECONDS * 1000);\r\n    }\r\n    ['touchstart', 'mousedown', 'scroll', 'keydown'].forEach(function (ev) {\r\n      document.addEventListener(ev, reset, { passive: true, capture: true });\r\n    });\r\n    reset();\r\n    playActive();\r\n  })();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Back Kids Activities Kids PoolAges 2 \u2013 12 KindergartenAges 3 \u2013 8 PlaygroundAges 4 \u2013 12 Back Kids PoolAges 2 \u2013 12 A shallow, sun-warmed pool with a splash area and small slides, just for our youngest guests. Good to know Open daily09:00 \u2013 19:00 Depth0.4 \u2013 0.6 m LocationNext to the main pool LifeguardOn [&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-35","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/touch.magicweb.gr\/index.php?rest_route=\/wp\/v2\/pages\/35","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/touch.magicweb.gr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/touch.magicweb.gr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/touch.magicweb.gr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/touch.magicweb.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=35"}],"version-history":[{"count":10,"href":"https:\/\/touch.magicweb.gr\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions"}],"predecessor-version":[{"id":51,"href":"https:\/\/touch.magicweb.gr\/index.php?rest_route=\/wp\/v2\/pages\/35\/revisions\/51"}],"wp:attachment":[{"href":"https:\/\/touch.magicweb.gr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=35"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}