{"id":117,"date":"2024-03-01T16:52:52","date_gmt":"2024-03-01T16:52:52","guid":{"rendered":"https:\/\/ezlanguage.me\/?page_id=117"},"modified":"2024-10-22T21:02:07","modified_gmt":"2024-10-22T21:02:07","slug":"story-dice","status":"publish","type":"page","link":"https:\/\/ezlanguage.me\/index.php\/game-zone\/story-dice\/","title":{"rendered":"Story Dice"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"117\" class=\"elementor elementor-117\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-117bfb64 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"117bfb64\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4430ff2c\" data-id=\"4430ff2c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-28dd34df elementor-widget elementor-widget-image\" data-id=\"28dd34df\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 28-02-2024 *\/\n.elementor-widget-image{text-align:center}.elementor-widget-image a{display:inline-block}.elementor-widget-image a img[src$=\".svg\"]{width:48px}.elementor-widget-image img{vertical-align:middle;display:inline-block}<\/style>\t\t\t\t\t\t\t\t\t\t\t<a href=\"http:\/\/www.ezlanguage.me\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"300\" height=\"213\" src=\"https:\/\/ezlanguage.me\/wp-content\/uploads\/2024\/02\/LOGO-EZ-LENGUAGE-300x213.png\" class=\"attachment-medium size-medium wp-image-14\" alt=\"\" srcset=\"https:\/\/ezlanguage.me\/wp-content\/uploads\/2024\/02\/LOGO-EZ-LENGUAGE-300x213.png 300w, https:\/\/ezlanguage.me\/wp-content\/uploads\/2024\/02\/LOGO-EZ-LENGUAGE.png 563w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\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<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-a9638c8 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"a9638c8\" data-element_type=\"section\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;shape_divider_bottom&quot;:&quot;split&quot;}\">\n\t\t\t\t\t<div class=\"elementor-shape elementor-shape-bottom\" data-negative=\"false\">\n\t\t\t<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 1000 20\" preserveAspectRatio=\"none\">\n\t<path class=\"elementor-shape-fill\" d=\"M0,0v3c0,0,393.8,0,483.4,0c9.2,0,16.6,7.4,16.6,16.6c0-9.1,7.4-16.6,16.6-16.6C606.2,3,1000,3,1000,3V0H0z\"\/>\n<\/svg>\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-26ff2a30\" data-id=\"26ff2a30\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2ae74752 elementor-widget elementor-widget-heading\" data-id=\"2ae74752\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 28-02-2024 *\/\n.elementor-heading-title{padding:0;margin:0;line-height:1}.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-heading .elementor-heading-title.elementor-size-small{font-size:15px}.elementor-widget-heading .elementor-heading-title.elementor-size-medium{font-size:19px}.elementor-widget-heading .elementor-heading-title.elementor-size-large{font-size:29px}.elementor-widget-heading .elementor-heading-title.elementor-size-xl{font-size:39px}.elementor-widget-heading .elementor-heading-title.elementor-size-xxl{font-size:59px}<\/style><h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/javdesign.me\/ez-language\/preparacion-para-entrevistas\/\">Preparaci\u00f3n\npara entrevistas<\/a><\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-55ac44f1\" data-id=\"55ac44f1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6265a402 elementor-widget elementor-widget-heading\" data-id=\"6265a402\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/javdesign.me\/ez-language\/elaboracion-de-hojas-de-vida\/\">Elaboraci\u00f3n\nHojas de Vida <\/a><\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-1f8f63b1\" data-id=\"1f8f63b1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1cdd2f5d elementor-widget elementor-widget-heading\" data-id=\"1cdd2f5d\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/javdesign.me\/ez-language\/los-4-habitos\/\">Los 4 h\u00e1bitos \npara aprender<\/a><\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-640b6242\" data-id=\"640b6242\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3f462abb elementor-widget elementor-widget-heading\" data-id=\"3f462abb\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/javdesign.me\/ez-language\/clases-personalizadas\/\">Clases \nPersonalizadas <\/a><\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-ad3d8ed\" data-id=\"ad3d8ed\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1acd313a elementor-widget elementor-widget-heading\" data-id=\"1acd313a\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/javdesign.me\/ez-language\/club-conversacional\/\">Club \nConversacional <\/a><\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-16 elementor-top-column elementor-element elementor-element-7ddff39d\" data-id=\"7ddff39d\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6a10cb32 elementor-widget elementor-widget-heading\" data-id=\"6a10cb32\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/javdesign.me\/ez-language\/clases-grupales\/\">Clases \nGrupales<\/a><\/h3>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t<div class=\"elementor-element elementor-element-9e66be1 e-flex e-con-boxed e-con e-parent\" data-id=\"9e66be1\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-6ca07b7 e-con-full e-flex e-con e-child\" data-id=\"6ca07b7\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c2d1ed0 elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"c2d1ed0\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">GAME ZONE<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-bd6b169 e-con-full e-flex e-con e-child\" data-id=\"bd6b169\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea59896 elementor-widget__width-initial elementor-widget elementor-widget-image\" data-id=\"ea59896\" data-element_type=\"widget\" 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 decoding=\"async\" width=\"500\" height=\"500\" src=\"https:\/\/ezlanguage.me\/wp-content\/uploads\/2024\/03\/scan-me.png\" class=\"attachment-full size-full wp-image-320\" alt=\"\" srcset=\"https:\/\/ezlanguage.me\/wp-content\/uploads\/2024\/03\/scan-me.png 500w, https:\/\/ezlanguage.me\/wp-content\/uploads\/2024\/03\/scan-me-300x300.png 300w, https:\/\/ezlanguage.me\/wp-content\/uploads\/2024\/03\/scan-me-150x150.png 150w\" sizes=\"(max-width: 500px) 100vw, 500px\" \/>\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<\/div>\n\t\t<div class=\"elementor-element elementor-element-68dc259 e-con-full e-flex e-con e-child\" data-id=\"68dc259\" data-element_type=\"container\" data-settings=\"{&quot;content_width&quot;:&quot;full&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-cbe2f47 elementor-widget elementor-widget-heading\" data-id=\"cbe2f47\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">LA  <span style=\"color:#48c6b5;font-size:50px;\">MEJOR<\/span> FORMA DE <span style=\"color:#48c6b5;\">APRENDER<\/span> ES  DIVERTI\u00c9NDOTE<\/h2>\t\t<\/div>\n\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-c5522ac e-flex e-con-boxed e-con e-parent\" data-id=\"c5522ac\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;gradient&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-99f5b8d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"99f5b8d\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<style>\/*! elementor - v3.19.0 - 28-02-2024 *\/\n.elementor-widget-divider{--divider-border-style:none;--divider-border-width:1px;--divider-color:#0c0d0e;--divider-icon-size:20px;--divider-element-spacing:10px;--divider-pattern-height:24px;--divider-pattern-size:20px;--divider-pattern-url:none;--divider-pattern-repeat:repeat-x}.elementor-widget-divider .elementor-divider{display:flex}.elementor-widget-divider .elementor-divider__text{font-size:15px;line-height:1;max-width:95%}.elementor-widget-divider .elementor-divider__element{margin:0 var(--divider-element-spacing);flex-shrink:0}.elementor-widget-divider .elementor-icon{font-size:var(--divider-icon-size)}.elementor-widget-divider .elementor-divider-separator{display:flex;margin:0;direction:ltr}.elementor-widget-divider--view-line_icon .elementor-divider-separator,.elementor-widget-divider--view-line_text .elementor-divider-separator{align-items:center}.elementor-widget-divider--view-line_icon .elementor-divider-separator:after,.elementor-widget-divider--view-line_icon .elementor-divider-separator:before,.elementor-widget-divider--view-line_text .elementor-divider-separator:after,.elementor-widget-divider--view-line_text .elementor-divider-separator:before{display:block;content:\"\";border-block-end:0;flex-grow:1;border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--element-align-left .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-left .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-left .elementor-divider__element{margin-left:0}.elementor-widget-divider--element-align-right .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-right .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-right .elementor-divider__element{margin-right:0}.elementor-widget-divider--element-align-start .elementor-divider .elementor-divider-separator>.elementor-divider__svg:first-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-start .elementor-divider-separator:before{content:none}.elementor-widget-divider--element-align-start .elementor-divider__element{margin-inline-start:0}.elementor-widget-divider--element-align-end .elementor-divider .elementor-divider-separator>.elementor-divider__svg:last-of-type{flex-grow:0;flex-shrink:100}.elementor-widget-divider--element-align-end .elementor-divider-separator:after{content:none}.elementor-widget-divider--element-align-end .elementor-divider__element{margin-inline-end:0}.elementor-widget-divider:not(.elementor-widget-divider--view-line_text):not(.elementor-widget-divider--view-line_icon) .elementor-divider-separator{border-block-start:var(--divider-border-width) var(--divider-border-style) var(--divider-color)}.elementor-widget-divider--separator-type-pattern{--divider-border-style:none}.elementor-widget-divider--separator-type-pattern.elementor-widget-divider--view-line .elementor-divider-separator,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:after,.elementor-widget-divider--separator-type-pattern:not(.elementor-widget-divider--view-line) .elementor-divider-separator:before,.elementor-widget-divider--separator-type-pattern:not([class*=elementor-widget-divider--view]) .elementor-divider-separator{width:100%;min-height:var(--divider-pattern-height);-webkit-mask-size:var(--divider-pattern-size) 100%;mask-size:var(--divider-pattern-size) 100%;-webkit-mask-repeat:var(--divider-pattern-repeat);mask-repeat:var(--divider-pattern-repeat);background-color:var(--divider-color);-webkit-mask-image:var(--divider-pattern-url);mask-image:var(--divider-pattern-url)}.elementor-widget-divider--no-spacing{--divider-pattern-size:auto}.elementor-widget-divider--bg-round{--divider-pattern-repeat:round}.rtl .elementor-widget-divider .elementor-divider__text{direction:rtl}.e-con-inner>.elementor-widget-divider,.e-con>.elementor-widget-divider{width:var(--container-widget-width,100%);--flex-grow:var(--container-widget-flex-grow)}<\/style>\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b3361be elementor-widget elementor-widget-heading\" data-id=\"b3361be\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Story Cards<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4a42998 elementor-widget elementor-widget-heading\" data-id=\"4a42998\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">For this game, you should make up a story chronologically with the cards in less than a minute. This will help you to increase your speaking skills and creativity.<\/h2>\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-9474623 e-flex e-con-boxed e-con e-parent\" data-id=\"9474623\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;content_width&quot;:&quot;boxed&quot;}\" data-core-v316-plus=\"true\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-46c7ca0 elementor-widget elementor-widget-html\" data-id=\"46c7ca0\" 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>Random Image Generator<\/title>\r\n<style>\r\n    \/* Add your CSS styles here *\/\r\n    body {\r\n        font-family: 'Roboto', sans-serif; \/* Apply Roboto font to the whole page *\/\r\n        margin: 0; \/* Remove default margin *\/\r\n        padding: 0; \/* Remove default padding *\/\r\n        color: white; \/* Set default font color to white *\/\r\n    }\r\n    .container {\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        height: 100vh; \/* Set default height to 100vh *\/\r\n    }\r\n    .image-list {\r\n        display: flex;\r\n        flex-wrap: wrap;\r\n        justify-content: center;\r\n        gap: 10px;\r\n        margin-top: 20px;\r\n        margin-bottom: 20px; \/* Reduce margin on large screens *\/\r\n    }\r\n    .image-list img {\r\n        max-width: 150px;\r\n        max-height: 150px;\r\n        width: auto;\r\n        height: auto;\r\n        border: 4px solid rgba(255, 255, 255, 0.5); \/* Thick white faded border *\/\r\n        border-radius: 5px;\r\n        opacity: 0;\r\n        animation: bounce 0.7s ease-out forwards; \/* Apply bounce animation *\/\r\n        animation-fill-mode: both;\r\n    }\r\n\r\n    @keyframes bounce {\r\n        0% { transform: scale(0.9); }\r\n        50% { transform: scale(1.15); }\r\n        100% { transform: scale(1); }\r\n    }\r\n\r\n    .center {\r\n        text-align: center;\r\n    }\r\n\r\n    button {\r\n        background-color: #10406F; \/* Set button background color *\/\r\n        color: white; \/* Set button font color to white *\/\r\n        padding: 15px 30px; \/* Add padding to the button *\/\r\n        border: none; \/* Remove button border *\/\r\n        border-radius: 5px; \/* Add border radius *\/\r\n        cursor: pointer; \/* Change cursor to pointer on hover *\/\r\n        transition: background-color 0.3s; \/* Add transition effect to background color *\/\r\n        font-family: \"atma\";\r\n        font-weight: 700;\r\n        font-size: 20px; \/* Increase font size *\/\r\n        box-shadow: 0 0 10px 3px rgba(255, 255, 255, 0.5); \/* Add glowing effect to the border (white color) *\/\r\n    }\r\n\r\n    button:hover {\r\n        background-color: #001F3F; \/* Darken button background color on hover *\/\r\n    }\r\n\r\n    .timer {\r\n        text-align: center;\r\n        margin-bottom: 10px;\r\n        font-size: 24px;\r\n    }\r\n\r\n    \/* Media query for larger screens *\/\r\n    @media screen and (min-width: 768px) {\r\n        .container {\r\n            height: 50vh; \/* Set height to 50vh for large screens *\/\r\n        }\r\n        .image-list img {\r\n            max-width: 200px; \/* Increase max-width for larger screens *\/\r\n            max-height: 200px; \/* Increase max-height for larger screens *\/\r\n        }\r\n    }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n    <div class=\"timer\" id=\"timer\">60<\/div>\r\n    <div class=\"image-list\" id=\"random-images\">\r\n        <!-- Pre-create empty image elements -->\r\n        \r\n    <\/div>\r\n    <div class=\"center button-container\"> <!-- Center the button -->\r\n        <button onclick=\"generateRandomImages()\" id=\"generate-button\">Generate Random Images<\/button>\r\n    <\/div>\r\n<\/div>\r\n\r\n<script>\r\nvar timerElement = document.getElementById('timer');\r\nvar timerInterval;\r\nvar generatingImages = false; \/\/ Flag to indicate if images are being generated\r\n\r\nfunction generateRandomImages() {\r\n    if (generatingImages) return; \/\/ Do nothing if images are being generated\r\n\r\n    clearInterval(timerInterval); \/\/ Clear previous timer interval\r\n\r\n    var container = document.getElementById('random-images');\r\n    container.innerHTML = ''; \/\/ Clear previous images\r\n\r\n    var imageNumbers = [];\r\n    var delay = 0.1; \/\/ Delay between each image animation\r\n\r\n    startTimer(); \/\/ Start the timer immediately\r\n\r\n    \/\/ Show \"Ready?\" text\r\n    timerElement.textContent = 'Ready?';\r\n    setTimeout(function() {\r\n        \/\/ Show \"Set\" text after 1 second\r\n        timerElement.textContent = 'Set';\r\n        setTimeout(function() {\r\n            \/\/ Show \"Go\" text after 1 second\r\n            timerElement.textContent = 'Go';\r\n            setTimeout(function() {\r\n                \/\/ Generate random images after 1 second\r\n                generatingImages = true; \/\/ Set flag to indicate image generation is in progress\r\n                generateImages();\r\n            }, 1000);\r\n        }, 1000);\r\n    }, 1000);\r\n}\r\n\r\nfunction startTimer() {\r\n    var timeLeft = 70;\r\n    timerInterval = setInterval(function() {\r\n        timeLeft--;\r\n        if (timeLeft <= 0) {\r\n            clearInterval(timerInterval);\r\n            \/\/ Optionally, you can add any action you want when the timer ends\r\n        } else {\r\n            timerElement.textContent = timeLeft;\r\n        }\r\n    }, 1000);\r\n}\r\n\r\nfunction generateImages() {\r\n    var container = document.getElementById('random-images');\r\n    var imageNumbers = [];\r\n    var delay = 0.1; \/\/ Delay between each image animation\r\n\r\n    while (imageNumbers.length < 5) {\r\n        var randomNumber = Math.floor(Math.random() * 95) + 1;\r\n        if (!imageNumbers.includes(randomNumber)) {\r\n            imageNumbers.push(randomNumber);\r\n            var image = document.createElement('img');\r\n            image.src = \"https:\/\/ezlanguage.me\/wp-content\/uploads\/2024\/03\/\" + randomNumber + \".jpg\";\r\n            image.alt = 'Image ' + randomNumber;\r\n            image.onload = function() {\r\n                this.style.opacity = 1;\r\n            };\r\n            image.style.animationDelay = delay + 's'; \/\/ Set animation delay for each image\r\n            container.appendChild(image);\r\n            delay += 0.1; \/\/ Increase delay for the next image\r\n        }\r\n    }\r\n    generatingImages = false; \/\/ Reset flag when image generation is complete\r\n}\r\n<\/script>\r\n<\/body>\r\n<\/html>\r\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c9092c2 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c9092c2\" data-element_type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\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\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Preparaci\u00f3n para entrevistas Elaboraci\u00f3n Hojas de Vida Los 4 h\u00e1bitos para aprender Clases Personalizadas Club Conversacional Clases Grupales GAME ZONE LA MEJOR FORMA DE APRENDER ES DIVERTI\u00c9NDOTE Story Cards For this game, you should make up a story chronologically with the cards in less than a minute. This will help you to increase your speaking [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":730,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/comments?post=117"}],"version-history":[{"count":196,"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":1984,"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/pages\/117\/revisions\/1984"}],"up":[{"embeddable":true,"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/pages\/730"}],"wp:attachment":[{"href":"https:\/\/ezlanguage.me\/index.php\/wp-json\/wp\/v2\/media?parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}