{"id":6912,"date":"2024-07-27T15:58:16","date_gmt":"2024-07-27T15:58:16","guid":{"rendered":"https:\/\/play.exploragame.com.ar\/?page_id=6912"},"modified":"2024-08-03T13:45:36","modified_gmt":"2024-08-03T13:45:36","slug":"la-boca-explicacion-hoverlay-grupal","status":"publish","type":"page","link":"https:\/\/play.exploragame.com.ar\/index.php\/la-boca-explicacion-hoverlay-grupal\/","title":{"rendered":"La Boca Explicacion Hoverlay Grupal"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6912\" class=\"elementor elementor-6912\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d23e2b5 e-flex e-con-boxed e-con e-parent\" data-id=\"d23e2b5\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation_mobile&quot;:&quot;none&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-950d6e4 elementor-widget elementor-widget-image\" data-id=\"950d6e4\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;tada&quot;}\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"410\" height=\"1024\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/04\/Cream-and-Orange-Simple-Illustrated-Path-Workflow-Process-Timeline-Infographic-3-410x1024.jpg\" class=\"attachment-large size-large wp-image-1654\" alt=\"\" srcset=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/04\/Cream-and-Orange-Simple-Illustrated-Path-Workflow-Process-Timeline-Infographic-3-410x1024.jpg 410w, https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/04\/Cream-and-Orange-Simple-Illustrated-Path-Workflow-Process-Timeline-Infographic-3-120x300.jpg 120w, https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/04\/Cream-and-Orange-Simple-Illustrated-Path-Workflow-Process-Timeline-Infographic-3-768x1920.jpg 768w, https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/04\/Cream-and-Orange-Simple-Illustrated-Path-Workflow-Process-Timeline-Infographic-3.jpg 800w\" sizes=\"(max-width: 410px) 100vw, 410px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3660ddf e-con-full e-flex e-con e-parent\" data-id=\"3660ddf\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9f5517e elementor-mobile-align-center elementor-widget-mobile__width-auto elementor-tablet-align-center elementor-align-center elementor-widget elementor-widget-button\" data-id=\"9f5517e\" data-element_type=\"widget\" data-settings=\"{&quot;_animation_mobile&quot;:&quot;zoomIn&quot;}\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-lg elementor-animation-bounce-in\" href=\"https:\/\/hoverlay.io\/space\/34ht\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">CONTINUAR A HOVERLAY<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-81b25f0 e-flex e-con-boxed e-con e-parent\" data-id=\"81b25f0\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0837bd2 elementor-widget elementor-widget-text-editor\" data-id=\"0837bd2\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Una vez obtenida la imagen adjuntala&nbsp;<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-de47435 elementor-widget elementor-widget-text-editor\" data-id=\"de47435\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>haciendo click en el clip<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be59f78 elementor-widget elementor-widget-html\" data-id=\"be59f78\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Posta: Cancha de Boca<\/title>\r\n    <style>\r\n        body {\r\n            font-family: Arial, sans-serif;\r\n            text-align: center;\r\n            position: relative;\r\n            height: 100vh;\r\n            margin: 0;\r\n            display: flex;\r\n            flex-direction: column;\r\n            justify-content: center;\r\n        }\r\n        .posta-container {\r\n            width: 90%;\r\n            max-width: 400px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            display: flex;\r\n            flex-direction: column;\r\n            align-items: center;\r\n        }\r\n        .posta-container img {\r\n            width: 50%; \/* Cambia este valor para ajustar el tama\u00f1o *\/\r\n            cursor: pointer;\r\n        }\r\n        .mensaje {\r\n            color: red;\r\n            visibility: hidden;\r\n            position: absolute;\r\n            top: calc(100% + 10px);\r\n            left: 50%;\r\n            transform: translateX(-50%);\r\n            margin: 0;\r\n        }\r\n        .mensaje-pista {\r\n            font-size: 16px;\r\n        }\r\n        .animacion-correcta, .animacion-incorrecta {\r\n            position: fixed;\r\n            top: 50%;\r\n            left: 50%;\r\n            transform: translate(-50%, -50%);\r\n            visibility: hidden;\r\n        }\r\n        #checking-image {\r\n            display: none;\r\n            margin-top: 10px; \/* Ajusta este valor para subir el texto *\/\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"posta-container\">\r\n    <img decoding=\"async\" src=\"https:\/\/play.exploragame.com.ar\/wp-content\/uploads\/2024\/07\/Titulo-9.png\" alt=\"Responder\" id=\"camera-icon\">\r\n\r\n    <div id=\"checking-image\">Comprobando imagen...<\/div>\r\n    <input type=\"file\" id=\"image-input\" accept=\"image\/*\" style=\"display: none;\">\r\n\r\n    <p id=\"mensajePista\" class=\"mensaje mensaje-pista\"><\/p>\r\n    <p id=\"mensajeAyuda\" class=\"mensaje\">\u00bfNecesitan ayuda?<\/p>\r\n<\/div>\r\n\r\n<img decoding=\"async\" id=\"animacionCorrecta\" class=\"animacion-correcta\" src=\"https:\/\/prueba.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo-4.gif\" alt=\"Respuesta correcta\">\r\n<img decoding=\"async\" id=\"animacionIncorrecta\" class=\"animacion-incorrecta\" src=\"https:\/\/prueba.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Titulo.gif\" alt=\"Respuesta incorrecta\">\r\n\r\n<audio id=\"correctoAudio\" src=\"https:\/\/prueba.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/Correct-Answer-Sound-Effect-DeeChannel-mp3cut.net_.mp3\"><\/audio>\r\n<audio id=\"incorrectoAudio\" src=\"https:\/\/prueba.exploragame.com.ar\/wp-content\/uploads\/2024\/06\/INCORRECT-mp3cut.net_.mp3\"><\/audio>\r\n\r\n<script>\r\n\/\/ ID de la posta NO OLVIDAR CAMBIAR\r\nvar postaId = \"quinquela\";\r\n\r\ndocument.getElementById('camera-icon').addEventListener('click', function() {\r\n    document.getElementById('image-input').click();\r\n});\r\n\r\ndocument.getElementById('image-input').addEventListener('change', function(event) {\r\n    handleImageSelection(event);\r\n});\r\n\r\nfunction handleImageSelection(event) {\r\n    const imageInput = event.target;\r\n    const selectedFile = imageInput.files[0];\r\n\r\n    if (selectedFile) {\r\n        const checkingImage = document.getElementById('checking-image');\r\n        checkingImage.style.display = 'block';\r\n\r\n        \/\/ Informar al mapa que la posta est\u00e1 completada\r\n        informarMapa(postaId);\r\n\r\n        \/\/ Simular la carga de la imagen con un retraso\r\n        setTimeout(() => {\r\n            checkingImage.style.display = 'none';\r\n            playAnimationAndRedirect();\r\n        }, 4000);\r\n    }\r\n}\r\n\r\nfunction playAnimationAndRedirect() {\r\n    \/\/ Reproducir sonido\r\n    reproducirSonido(\"correctoAudio\");\r\n    mostrarAnimacionCorrecta();\r\n\r\n    \/\/ Redirigir a la URL especificada despu\u00e9s de 2 segundos\r\n    setTimeout(function() {\r\n        window.location.href = \"https:\/\/play.exploragame.com.ar\/index.php\/mapa-postas-la-boca-20-julio\/\";\r\n    }, 2000); \/\/ Redirigir despu\u00e9s de 2 segundos\r\n}\r\n\r\nfunction reproducirSonido(idAudio) {\r\n    var audio = document.getElementById(idAudio);\r\n    audio.play();\r\n}\r\n\r\nfunction mostrarAnimacionCorrecta() {\r\n    var animacion = document.getElementById(\"animacionCorrecta\");\r\n    animacion.style.visibility = \"visible\";\r\n    setTimeout(function() {\r\n        animacion.style.visibility = \"hidden\";\r\n    }, 3000); \/\/ Mostrar la animaci\u00f3n durante 3 segundos\r\n}\r\n\r\nfunction informarMapa(postaId) {\r\n    var parentWindow = window.opener;\r\n\r\n    if (parentWindow) {\r\n        parentWindow.postMessage({ postaId: postaId }, '*');\r\n    } else {\r\n        console.error('No se puede encontrar la ventana principal (mapa).');\r\n    }\r\n}\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>CONTINUAR A HOVERLAY Una vez obtenida la imagen adjuntala&nbsp; haciendo click en el clip Posta: Cancha de Boca Comprobando imagen&#8230; \u00bfNecesitan ayuda?<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"wf_page_folders":[13],"class_list":["post-6912","page","type-page","status-publish"],"_links":{"self":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/6912","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/comments?post=6912"}],"version-history":[{"count":22,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/6912\/revisions"}],"predecessor-version":[{"id":7107,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/pages\/6912\/revisions\/7107"}],"wp:attachment":[{"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/media?parent=6912"}],"wp:term":[{"taxonomy":"wf_page_folders","embeddable":true,"href":"https:\/\/play.exploragame.com.ar\/index.php\/wp-json\/wp\/v2\/wf_page_folders?post=6912"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}