{"id":1874,"date":"2024-12-30T03:36:46","date_gmt":"2024-12-30T03:36:46","guid":{"rendered":"https:\/\/prongo.com\/blocks\/"},"modified":"2024-12-30T03:36:47","modified_gmt":"2024-12-30T03:36:47","slug":"blocks","status":"publish","type":"post","link":"https:\/\/prongo.com\/blocks\/","title":{"rendered":"Blocks Kingdom: Thrilling Three-in-a-Row Quest"},"content":{"rendered":"\n<style>\n    \/* Main styles for the inline iframe *\/\n    #iframeInline {\n        margin: 20px auto;\n        width: 100%;\n        max-width: 800px; \/* Adjust max-width for the inline display *\/\n        height: 660px; \/* Adjust height to fit the game *\/\n        border: 1px solid #ccc;\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: 5;\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: calc(50px + 10px); \/* Adjust '50px' based on your header's height *\/\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: 10; \/* Ensure it stays above other content *\/\n    }\n<\/style>\n\n<!-- Inline iframe -->\n<div id=\"iframeInline\">\n    <!-- Adjust the 'src' attribute for different games -->\n    <iframe loading=\"lazy\" src=\"https:\/\/prongo.com\/block\" name=\"myiFrame\" width=\"100%\" height=\"100%\" allowfullscreen><\/iframe>\n    <!-- Button to view the game in full-page mode -->\n    <button id=\"fullPageButton\">Fullscreen Mode <\/button>\n<\/div>\n\n<!-- Full-page iframe container -->\n<div id=\"iframeFullPage\">\n    <!-- Close button for the full-page view -->\n    <button id=\"closeIframeButton\">Close<\/button>\n    <!-- Adjust the 'src' attribute for different games -->\n    <iframe src=\"https:\/\/prongo.com\/block\" name=\"myiFrame\" allowfullscreen><\/iframe>\n<\/div>\n\n<script>\n    document.addEventListener('DOMContentLoaded', function() {\n        \/\/ Get references to the buttons and containers\n        const fullPageButton = document.getElementById('fullPageButton'); \/\/ Button to open full-page view\n        const iframeFullPage = document.getElementById('iframeFullPage'); \/\/ Full-page iframe container\n        const closeIframeButton = document.getElementById('closeIframeButton'); \/\/ Button to close full-page view\n\n        \/\/ Show full-page iframe when the \"View Full Page\" button is clicked\n        fullPageButton.addEventListener('click', () => {\n            iframeFullPage.style.display = 'block'; \/\/ Show the full-page container\n        });\n\n        \/\/ Hide full-page iframe when the \"Close\" button is clicked\n        closeIframeButton.addEventListener('click', () => {\n            iframeFullPage.style.display = 'none'; \/\/ Hide the full-page container\n        });\n    });\n<\/script>\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\" style=\"flex-basis:10px\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<p>Unleash the fun by combining three or more matching blocks in this exciting puzzle game! Align identical blocks together to free them and clear the board. Enjoy endless hours of entertainment as you strategically match and connect blocks of the same kind. Challenge yourself and start playing now!<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:10px\"><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Fullscreen Mode Close Unleash the fun by combining three or more matching blocks in this exciting puzzle game! Align identical blocks together to free them and clear the board. Enjoy endless hours of entertainment as you strategically match and connect blocks of the same kind. Challenge yourself and start playing now!<\/p>\n","protected":false},"author":1,"featured_media":1873,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_themeisle_gutenberg_block_has_review":false,"footnotes":""},"categories":[32,38,42,39],"tags":[149,335,348],"class_list":["post-1874","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-strategy","category-ages3-6","category-ages6-9","category-games","tag-matching","tag-matching-game","tag-three-in-a-row-game"],"views":1,"_links":{"self":[{"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/posts\/1874","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=1874"}],"version-history":[{"count":1,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/posts\/1874\/revisions"}],"predecessor-version":[{"id":9016,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/posts\/1874\/revisions\/9016"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/media\/1873"}],"wp:attachment":[{"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/media?parent=1874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/categories?post=1874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/prongo.com\/wp-json\/wp\/v2\/tags?post=1874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}