{"id":1443,"date":"2024-12-29T05:27:57","date_gmt":"2024-12-29T05:27:57","guid":{"rendered":"https:\/\/prongo.com\/dinoland\/"},"modified":"2024-12-29T05:27:59","modified_gmt":"2024-12-29T05:27:59","slug":"dinoland","status":"publish","type":"post","link":"https:\/\/prongo.com\/dinoland\/","title":{"rendered":"DinoDraw Design Studio"},"content":{"rendered":"\n<style>\n    \/* Main styles for the inline iframe *\/\n    #iframeInline {\n        margin: 20px auto;\n        width: 100%; \/* Full width for the inline iframe *\/\n        max-width: 100%;\n        height: 500px; \/* Adjust height to fit the iframe *\/\n        border: 1px solid #ccc;\n        text-align: center; \/* Centering the content *\/\n    }\n\n    \/* Full-page iframe container styles *\/\n    #iframeFullPage {\n        display: none; \/* Hidden by default *\/\n        position: fixed;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        z-index: 9999; \/* High priority *\/\n        background-color: white;\n    }\n\n    #iframeFullPage iframe {\n        width: 100%;\n        height: 100%;\n        border: none;\n    }\n\n    \/* Button to open the full-page view *\/\n    #fullPageButton {\n        display: inline-block;\n        margin: 10px 0;\n        background-color: #007BFF;\n        color: white;\n        border: none;\n        padding: 10px 20px;\n        font-size: 16px;\n        cursor: pointer;\n        border-radius: 5px;\n    }\n\n    \/* Button to close the full-page view *\/\n    #closeIframeButton {\n        position: fixed;\n        top: 10px;\n        right: 10px;\n        background-color: red;\n        color: white;\n        border: none;\n        padding: 10px 20px;\n        font-size: 16px;\n        cursor: pointer;\n        border-radius: 5px;\n        z-index: 10000; \/* Ensure it stays above other content *\/\n    }\n<\/style>\n\n<!-- Inline iframe -->\n<div id=\"iframeInline\">\n    <iframe loading=\"lazy\" id=\"iframeInlineContent\" src=\"https:\/\/prongo.com\/dinogm1\/\" style=\"border: 0px #ffffff none;\" name=\"myiFrame\" scrolling=\"no\" frameborder=\"1\" marginheight=\"0px\" marginwidth=\"0px\" height=\"100%\" width=\"100%\" allowfullscreen><\/iframe>\n    <button id=\"fullPageButton\">Fullscreen View<\/button>\n<\/div>\n\n<!-- Full-page iframe container -->\n<div id=\"iframeFullPage\">\n    <button id=\"closeIframeButton\">Close<\/button>\n    <iframe id=\"iframeFullScreenContent\" src=\"\" allowfullscreen><\/iframe>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function () {\n        const fullPageButton = document.getElementById('fullPageButton');\n        const iframeFullPage = document.getElementById('iframeFullPage');\n        const closeIframeButton = document.getElementById('closeIframeButton');\n        const iframeFullScreen = document.getElementById('iframeFullScreenContent');\n        const iframeInlineContent = document.getElementById('iframeInlineContent');\n\n        \/\/ Open full-page view\n        fullPageButton.addEventListener('click', () => {\n            iframeFullScreen.src = iframeInlineContent.src; \/\/ Copy the src from inline iframe\n            iframeFullPage.style.display = 'block'; \/\/ Show full-page container\n            \/\/ Trigger fullscreen mode\n            if (iframeFullPage.requestFullscreen) {\n                iframeFullPage.requestFullscreen();\n            } else if (iframeFullPage.mozRequestFullScreen) { \/\/ Firefox\n                iframeFullPage.mozRequestFullScreen();\n            } else if (iframeFullPage.webkitRequestFullscreen) { \/\/ Chrome, Safari, and Opera\n                iframeFullPage.webkitRequestFullscreen();\n            } else if (iframeFullPage.msRequestFullscreen) { \/\/ IE\/Edge\n                iframeFullPage.msRequestFullscreen();\n            }\n        });\n\n        \/\/ Close full-page view\n        closeIframeButton.addEventListener('click', () => {\n            iframeFullPage.style.display = 'none'; \/\/ Hide full-page container\n            iframeFullScreen.src = ''; \/\/ Clear the src to stop loading in the background\n            \/\/ Exit fullscreen mode\n            if (document.exitFullscreen) {\n                document.exitFullscreen();\n            } else if (document.mozCancelFullScreen) { \/\/ Firefox\n                document.mozCancelFullScreen();\n            } else if (document.webkitExitFullscreen) { \/\/ Chrome, Safari, and Opera\n                document.webkitExitFullscreen();\n            } else if (document.msExitFullscreen) { \/\/ IE\/Edge\n                document.msExitFullscreen();\n            }\n        });\n    });\n<\/script>\n\n\n\n\n<div style=\"height:100px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p class=\"has-large-font-size\"><br><strong>DinoDraw Design Studio<\/strong><\/p>\n\n\n\n<p><br>Create Your Own Jurassic World with the DinoDraw Stamping Game: A Step-by-Step Guide<br><\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Click the &#8220;Start&#8221; icon to launch your exciting DinoDraw Stamping Game adventure.<\/li>\n\n\n\n<li>In the DinoDraw Scene Maker, explore the captivating dinosaur image gallery at the bottom of the screen.<\/li>\n\n\n\n<li>Choose your favorite prehistoric creature or element, and then click and hold to place it within the Scene Maker canvas.<\/li>\n\n\n\n<li>To flip the image horizontally, simply double-click on it. Click once more to revert to its original orientation.<\/li>\n\n\n\n<li>Unleash your creativity and design an immersive dinosaur landscape by repositioning images using the easy drag-and-drop feature.<\/li>\n\n\n\n<li>If you wish to start from scratch, click the &#8220;REMOVE&#8221; button to clear the canvas and begin anew.<\/li>\n<\/ol>\n\n\n\n<p><br>Discover the endless possibilities of artistic expression with the DinoDraw Stamping Game and construct your very own Jurassic world today!<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fullscreen View Close DinoDraw Design Studio Create Your Own Jurassic World with the DinoDraw Stamping Game: A Step-by-Step Guide Discover the endless possibilities of artistic expression with the DinoDraw Stamping Game and construct your very own Jurassic world today!<\/p>\n","protected":false},"author":1,"featured_media":4714,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[39,159,160,163,161,38,42,37,217,25,162,194],"tags":[],"class_list":["post-1443","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-games","category-1st-grade","category-2nd-grade","category-3rd-grade","category-4th-grade","category-ages3-6","category-ages6-9","category-ages9-12","category-creative-play","category-education","category-kindergarten","category-preschool"],"views":1,"_links":{"self":[{"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/posts\/1443","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/comments?post=1443"}],"version-history":[{"count":1,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/posts\/1443\/revisions"}],"predecessor-version":[{"id":8912,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/posts\/1443\/revisions\/8912"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/media\/4714"}],"wp:attachment":[{"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/media?parent=1443"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/categories?post=1443"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/tags?post=1443"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}