{"id":2,"date":"2025-04-03T09:15:13","date_gmt":"2025-04-03T09:15:13","guid":{"rendered":"https:\/\/kaleidoskop.stauss-alpha.de\/?page_id=2"},"modified":"2025-05-02T12:42:29","modified_gmt":"2025-05-02T10:42:29","slug":"sample-page","status":"publish","type":"page","link":"https:\/\/kaleidoskop.stauss-alpha.de\/","title":{"rendered":"Home"},"content":{"rendered":"    <div class=\"kaleidoscope rotating\" data-tiles=\"8\"\r\n         data-src=\"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/04\/AdobeStock_194316297-scaled.jpeg\"\r\n         id=\"my-kaleido\">\r\n    <\/div>\r\n\r\n    <footer class=\"options\" data-kaleido-target=\"#my-kaleido\">\r\n        <input type=\"range\" name=\"tiles\" value=\"8\" min=\"3\" max=\"16\"\/>\r\n        <input type=\"text\" name=\"src\"\r\n               value=\"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/04\/AdobeStock_194316297-scaled.jpeg\"\r\n               placeholder=\"image url\"\/>\r\n    <\/footer>\r\n\r\n    \r\n    <audio  hidden id=\"back-audio-0\">\r\n        <source src=\"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/04\/03-Song-From-A-Secret-Garden.mp3\" type=\"audio\/mpeg\"\/>\r\n    <\/audio>\r\n    \r\n    <audio  hidden id=\"back-audio-1\">\r\n        <source src=\"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/04\/02-The-Promise.mp3\" type=\"audio\/mpeg\"\/>\r\n    <\/audio>\r\n    \r\n    <audio  hidden id=\"back-audio-2\">\r\n        <source src=\"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/04\/Love-your-Body.mp3\" type=\"audio\/mpeg\"\/>\r\n    <\/audio>\r\n    \r\n    <audio  hidden id=\"back-audio-3\">\r\n        <source src=\"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/04\/Love-your-Body.mp3\" type=\"audio\/mpeg\"\/>\r\n    <\/audio>\r\n    \r\n\r\n\r\n    <div class=\"popup-container\">\r\n        <div class=\"btn-container\">\r\n            <button onclick=\"playMusic();\" class=\"button\" id=\"start-button\">Starten<\/button>\r\n        <\/div>\r\n\r\n        <!-- Pop Up Modal -->\r\n        <div class=\"popup-section\">\r\n            <div class=\"popup-content\">\r\n                <div class=\"popup-image-cont\" id=\"modImgCont\">\r\n                    <img decoding=\"async\" src=\"\" class=\"popup-iamge\" id=\"modImg\" alt=\"Einblendung\"\/>\r\n                <\/div>\r\n                <div class=\"popup-text-cont\" id=\"modTextCont\">\r\n                    <p class=\"popup-name\" id=\"modText\"><\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <script>\r\n        var vAudio = document.getElementById(\"back-audio-0\");\r\n        var hasInit = false;\r\n\r\n        function playMusic() {\r\n            if (!hasInit) {\r\n                document.getElementById(\"start-button\").style.display = 'none';\r\n                document.querySelectorAll(\".kaleidoscope\").forEach((element) => {\r\n                    new Kaleidoscope(element);\r\n                });\r\n                hasInit = true;\r\n                vAudio.play();\r\n                initTimers();\r\n            }\r\n        }\r\n\r\n                document.getElementById(\"back-audio-0\").addEventListener('ended', function() {\r\n            document.getElementById(\"back-audio-1\").play();\r\n            console.log('Liedwechsel');\r\n        });\r\n\r\n                document.getElementById(\"back-audio-1\").addEventListener('ended', function() {\r\n            document.getElementById(\"back-audio-2\").play();\r\n            console.log('Liedwechsel');\r\n        });\r\n\r\n                document.getElementById(\"back-audio-2\").addEventListener('ended', function() {\r\n            document.getElementById(\"back-audio-3\").play();\r\n            console.log('Liedwechsel');\r\n        });\r\n\r\n        \r\n        const modImg = document.querySelector(\"#modImg\");\r\n        const modImgCont = document.querySelector(\"#modImgCont\");\r\n        const modText = document.querySelector(\"#modText\");\r\n        const modTextCont = document.querySelector(\"#modTextCont\");\r\n        const popup = document.querySelector(\".popup-section\");\r\n\r\n        function initTimers() {\r\n\r\n\t\t\t\r\n            let timer_165 = setTimeout(function () {\r\n                \/\/  get random data from the array\r\n                modImgCont.style.display = 'none';\r\n                modTextCont.style.display = 'none';\r\n\r\n\t\t\t\t                modImgCont.style.display = 'block';\r\n                modImg.src = \"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/12\/IMG_0960.jpeg\";\r\n\t\t\t\t\r\n\t\t\t\t                modTextCont.style.display = 'block';\r\n\r\n                const t = \"So wird mein K\u00f6rper meine \\r\\nHerzklappe reparieren\";\r\n                modText.textContent = t;\r\n                modText.style.whiteSpace = 'pre-line';\r\n\t\t\t\t\r\n                \/\/add \"show-popup\" after 16000 milliseconds\r\n                popup.classList.add(\"show-popup\");\r\n\r\n                setTimeout(() => {\r\n                    if (popup.classList.contains(\"show-popup\")) {\r\n                        popup.classList.remove(\"show-popup\");\r\n                    }\r\n                }, 60000);\r\n            }, 360000);\r\n\r\n\t\t\t\r\n            let timer_157 = setTimeout(function () {\r\n                \/\/  get random data from the array\r\n                modImgCont.style.display = 'none';\r\n                modTextCont.style.display = 'none';\r\n\r\n\t\t\t\t                modImgCont.style.display = 'block';\r\n                modImg.src = \"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/04\/bisoprotol.jpg\";\r\n\t\t\t\t\r\n\t\t\t\t                modTextCont.style.display = 'block';\r\n\r\n                const t = \"Bisoprolol\";\r\n                modText.textContent = t;\r\n                modText.style.whiteSpace = 'pre-line';\r\n\t\t\t\t\r\n                \/\/add \"show-popup\" after 16000 milliseconds\r\n                popup.classList.add(\"show-popup\");\r\n\r\n                setTimeout(() => {\r\n                    if (popup.classList.contains(\"show-popup\")) {\r\n                        popup.classList.remove(\"show-popup\");\r\n                    }\r\n                }, 30000);\r\n            }, 120000);\r\n\r\n\t\t\t\r\n            let timer_125 = setTimeout(function () {\r\n                \/\/  get random data from the array\r\n                modImgCont.style.display = 'none';\r\n                modTextCont.style.display = 'none';\r\n\r\n\t\t\t\t                modImgCont.style.display = 'block';\r\n                modImg.src = \"https:\/\/kaleidoskop.stauss-alpha.de\/wp-content\/uploads\/2025\/04\/IMG_0958.png\";\r\n\t\t\t\t\r\n\t\t\t\t                modTextCont.style.display = 'block';\r\n\r\n                const t = \"So schl\u00e4gt mein Herz auch. \\r\\nRuhig, gesund und gleichmaessig\";\r\n                modText.textContent = t;\r\n                modText.style.whiteSpace = 'pre-line';\r\n\t\t\t\t\r\n                \/\/add \"show-popup\" after 16000 milliseconds\r\n                popup.classList.add(\"show-popup\");\r\n\r\n                setTimeout(() => {\r\n                    if (popup.classList.contains(\"show-popup\")) {\r\n                        popup.classList.remove(\"show-popup\");\r\n                    }\r\n                }, 60000);\r\n            }, 240000);\r\n\r\n\t\t\t        }\r\n    <\/script>\r\n\t\n\n\n\n<p><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><\/figure>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/kaleidoskop.stauss-alpha.de\/index.php\/wp-json\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kaleidoskop.stauss-alpha.de\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/kaleidoskop.stauss-alpha.de\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/kaleidoskop.stauss-alpha.de\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kaleidoskop.stauss-alpha.de\/index.php\/wp-json\/wp\/v2\/comments?post=2"}],"version-history":[{"count":38,"href":"https:\/\/kaleidoskop.stauss-alpha.de\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":156,"href":"https:\/\/kaleidoskop.stauss-alpha.de\/index.php\/wp-json\/wp\/v2\/pages\/2\/revisions\/156"}],"wp:attachment":[{"href":"https:\/\/kaleidoskop.stauss-alpha.de\/index.php\/wp-json\/wp\/v2\/media?parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}