<font color="black"> <font face="OpenDyslexic"> <h1 align="center"><i>Capítulo 4</i></h1> <h2 align="center">El fin del juego, por ahora. </h2> <img src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/P40.png" alt="Trulli" width="570" height="500"> <div class="grupo-botones"> <button class="button"> [[ El comienzo del final ]] </button> </div> [CSS] /* Estilos imágenes */ img{ border: 4px solid #A52CDA !important; border-radius: 8px !important; box-shadow: 0.25rem 0.25rem #000000; margin-bottom: 20px !important; } /* Fin estilos imágenes */ /* Estilos audios */ .audio-prueba { display: flex !important; justify-content: center !important; margin: auto; margin-bottom: 20px !important; width: 100%; border: 1px solid #000000; border-radius: 4px; background-color: #56AEFF; transform: translate(-0.25rem,-0.25rem); box-shadow: 0.25rem 0.25rem #000000; margin-top: 15px; } audio::-webkit-media-controls-panel { background-color: #56AEFF; } .texto-audio { width: 100%; font-size: 14px; margin: -25px 0 10px 0; } /* Fin de estilos audio */ /* Estilos botones */ .grupo-botones { position: relative; bottom: 0; width: 100%; } .button:hover { color: var(--hover-text); background: var(--bg); transform: translate(0rem,0rem); box-shadow: none; } .button:active { transform: translate(0); box-shadow: none; } .button a{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; font-family: "OpenDyslexic"; width: 100%; } .button a:hover{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; } .center { position: absolute; top: 25vh; bottom: 75vh; left: 40vw; } .button { --bg: #000; --hover-bg: #A52CDA; --hover-text: #000000; color: #ffffff !important; border: 1px solid var(--bg); border-radius: 40px; padding: 0.8em 2em; transform: translate(-0.25rem,-0.25rem); background: var(--hover-bg); box-shadow: 0.25rem 0.25rem var(--bg); transition: 0.2s; display: flex !important; justify-content: center !important; margin: auto !important; margin-bottom: 20px !important; width: 100%; font-family: OpenDyslexic; font-size: 16px; } /* Fin estilos botones */ [continued] <font face="OpenDyslexic"> <p style="color: black;"> <span style="color:magenta;">Javier: </span> ─Bueno. Seguimos. ¿Quién saca una carta? Ya van quedando pocas… ─dice Javier. <span style="color:blue;">Narradora: </span>- Federica saca una y se pone pálida. La carta dice: Final del mundo, 2030. Se la muestra a Javier y duda. <span style="color:green;">Federica: </span>─Contá vos, Javier, porque si cuento yo, me pongo a llorar ─le pide. <span style="color:magenta;">Javier: </span>─Fuimos a ver la transmisión de la final en el Centenario. La pasaban en pantalla gigante y Erre nos consiguió tres entradas para la tribuna América. Fuimos Fede, el Lalo y yo ─comienza Javier. ─Después de que terminó el partido, entre gritos y la euforia del público, nos fuimos a festejar a 18 de Julio. ¡Un mar de banderas! ¡Una locura total! La gente gritaba “Uruguay nomá’” ─a Javier le tiembla un poco la voz. <div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="1930: el origen carta 9" frameborder="0" width="1200" height="675" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genially.com/663cfaabc0e2a30014ed4de3" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div> <br> <div class="grupo-botones"> <button class="button"> [[ El peor suceso ]] </button> </div> <audio controls class="audio-prueba"> <source src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/audios\4.1.m4a"> </audio> <div class="texto-audio"> <p> Audio de lectura. </p> </div> [CSS] /* Estilos imágenes */ img{ border: 4px solid #A52CDA !important; border-radius: 8px !important; box-shadow: 0.25rem 0.25rem #000000; margin-bottom: 20px !important; } /* Fin estilos imágenes */ /* Estilos audios */ .audio-prueba { display: flex !important; justify-content: center !important; margin: auto; margin-bottom: 20px !important; width: 100%; border: 1px solid #000000; border-radius: 4px; background-color: #56AEFF; transform: translate(-0.25rem,-0.25rem); box-shadow: 0.25rem 0.25rem #000000; margin-top: 15px; } audio::-webkit-media-controls-panel { background-color: #56AEFF; } .texto-audio { width: 100%; font-size: 14px; margin: -25px 0 10px 0; } /* Fin de estilos audio */ /* Estilos botones */ .grupo-botones { position: relative; bottom: 0; width: 100%; } .button:hover { color: var(--hover-text); background: var(--bg); transform: translate(0rem,0rem); box-shadow: none; } .button:active { transform: translate(0); box-shadow: none; } .button a{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; font-family: "OpenDyslexic"; width: 100%; } .button a:hover{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; } .center { position: absolute; top: 25vh; bottom: 75vh; left: 40vw; } .button { --bg: #000; --hover-bg: #A52CDA; --hover-text: #000000; color: #ffffff !important; border: 1px solid var(--bg); border-radius: 40px; padding: 0.8em 2em; transform: translate(-0.25rem,-0.25rem); background: var(--hover-bg); box-shadow: 0.25rem 0.25rem var(--bg); transition: 0.2s; display: flex !important; justify-content: center !important; margin: auto !important; margin-bottom: 20px !important; width: 100%; font-family: OpenDyslexic; font-size: 16px; } /* Fin estilos botones */ [continued] <font face="OpenDyslexic"> <p style="color: black;"> <span style="color:blue;">Narradora: </span>- Cuando Federica recuerda lo que pasó, le duele la panza y siente como un adoquín en el pecho. Ve al Lalo que baja a la calle, feliz. Fede lo pierde de vista durante unos minutos. Y zas, el Lalo cae inconsciente al suelo. Javier corre a ayudarlo y ve, entre el gentío a un hombre que se mete entre la gente y desaparece. ¡Es el mismo hombre que le robó el celular en el Conte Verde! ¡Es el que atacó al Lalo! ¿Pero por qué? Cuando llega la ambulancia, el Lalo ya no respira. Y los días que siguen son tristísimos. El Fede está desconsolada, sin el Lalo, nada parece tener sentido. <span style="color:red;">Antonella: </span> ─Este juego se puso muy triste ─susurra Antonella y no puede contener las lágrimas. <img src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/p41.png" alt="Trulli" width="570" height="500"> <div class="grupo-botones"> <button class="button"> [[ La decisión de Federica ]] </button> </div> <audio controls class="audio-prueba"> <source src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/audios\4.2.m4a"> </audio> <div class="texto-audio"> <p> Audio de lectura. </p> </div> [CSS] /* Estilos imágenes */ img{ border: 4px solid #A52CDA !important; border-radius: 8px !important; box-shadow: 0.25rem 0.25rem #000000; margin-bottom: 20px !important; } /* Fin estilos imágenes */ /* Estilos audios */ .audio-prueba { display: flex !important; justify-content: center !important; margin: auto; margin-bottom: 20px !important; width: 100%; border: 1px solid #000000; border-radius: 4px; background-color: #56AEFF; transform: translate(-0.25rem,-0.25rem); box-shadow: 0.25rem 0.25rem #000000; margin-top: 15px; } audio::-webkit-media-controls-panel { background-color: #56AEFF; } .texto-audio { width: 100%; font-size: 14px; margin: -25px 0 10px 0; } /* Fin de estilos audio */ /* Estilos botones */ .grupo-botones { position: relative; bottom: 0; width: 100%; } .button:hover { color: var(--hover-text); background: var(--bg); transform: translate(0rem,0rem); box-shadow: none; } .button:active { transform: translate(0); box-shadow: none; } .button a{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; font-family: "OpenDyslexic"; width: 100%; } .button a:hover{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; } .center { position: absolute; top: 25vh; bottom: 75vh; left: 40vw; } .button { --bg: #000; --hover-bg: #A52CDA; --hover-text: #000000; color: #ffffff !important; border: 1px solid var(--bg); border-radius: 40px; padding: 0.8em 2em; transform: translate(-0.25rem,-0.25rem); background: var(--hover-bg); box-shadow: 0.25rem 0.25rem var(--bg); transition: 0.2s; display: flex !important; justify-content: center !important; margin: auto !important; margin-bottom: 20px !important; width: 100%; font-family: OpenDyslexic; font-size: 16px; } /* Fin estilos botones */ [continued] <font face="OpenDyslexic"> <p style="color: black;"> <span style="color:green;">Federica: </span> ─Sí, fue muy triste todo. Y entonces decidí irme a 1930, a estar con Tomassino y contigo, Antonella ─resume Federica. <span style="color:orange;">Tomassino: </span>─Porque nos enamoramos ─interviene Tomassino para cortar la mala onda. <span style="color:green;">Federica: </span>─Javier me apoyó y me dijo que no iba a ser fácil que me adaptara al tiempo de ustedes. Las mujeres y los niños y niñas no tienen los mismos derechos que tenemos hoy, por ejemplo. Y las chicas no juegan al fútbol, entre otro montón de cosas. Pero me fui igual. Javier me dijo que me iba a extrañar horrores y nos despedimos ─sigue Federica y rememora lo que vivieron. <span style="color:magenta;">Javier: </span>─Sí, nos abrazamos y después nos dimos vuelta y no nos vimos más hasta… este momento ─continúa Javier. <img src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/p42.png" alt="Trulli" width="570" height="500"> <div class="grupo-botones"> <button class="button"> [[ El viaje de federica ]] </button> </div> <audio controls class="audio-prueba"> <source src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/audios\4.3.m4a"> </audio> <div class="texto-audio"> <p> Audio de lectura. </p> </div> [CSS] /* Estilos imágenes */ img{ border: 4px solid #A52CDA !important; border-radius: 8px !important; box-shadow: 0.25rem 0.25rem #000000; margin-bottom: 20px !important; } /* Fin estilos imágenes */ /* Estilos audios */ .audio-prueba { display: flex !important; justify-content: center !important; margin: auto; margin-bottom: 20px !important; width: 100%; border: 1px solid #000000; border-radius: 4px; background-color: #56AEFF; transform: translate(-0.25rem,-0.25rem); box-shadow: 0.25rem 0.25rem #000000; margin-top: 15px; } audio::-webkit-media-controls-panel { background-color: #56AEFF; } .texto-audio { width: 100%; font-size: 14px; margin: -25px 0 10px 0; } /* Fin de estilos audio */ /* Estilos botones */ .grupo-botones { position: relative; bottom: 0; width: 100%; } .button:hover { color: var(--hover-text); background: var(--bg); transform: translate(0rem,0rem); box-shadow: none; } .button:active { transform: translate(0); box-shadow: none; } .button a{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; font-family: "OpenDyslexic"; width: 100%; } .button a:hover{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; } .center { position: absolute; top: 25vh; bottom: 75vh; left: 40vw; } .button { --bg: #000; --hover-bg: #A52CDA; --hover-text: #000000; color: #ffffff !important; border: 1px solid var(--bg); border-radius: 40px; padding: 0.8em 2em; transform: translate(-0.25rem,-0.25rem); background: var(--hover-bg); box-shadow: 0.25rem 0.25rem var(--bg); transition: 0.2s; display: flex !important; justify-content: center !important; margin: auto !important; margin-bottom: 20px !important; width: 100%; font-family: OpenDyslexic; font-size: 16px; } /* Fin estilos botones */ [continued] <font face="OpenDyslexic"> <p style="color: black;"> <span style="color:red;">Antonella: </span> ─¿Y cómo viajaste, Federica? ─quiere saber Antonella, que la mira con los ojos tan abiertos que parecen dos platos. <span style="color:green;">Federica: </span> ─¡Ah, ese fue el genio de Erre! Pocos días después de lo del Lalo, apareció un sobre debajo de la puerta de casa. Había una foto. Allí estaba yo en la estación de ferrocarril de Peñarol, en 1930. Entendí que me quería ayudar a superar lo que había pasado. Cuando tomé la decisión de irme, comprendí el sentido de la foto. Así podía ir a 1930 ─termina Federica. <span style="color:red;">Antonella: </span>─Hay una sola carta en el mazo ─exclama Antonella. <div class="grupo-botones"> <button class="button"> [[ La última carta ]] </button> </div> <audio controls class="audio-prueba"> <source src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/audios\4.4.m4a"> </audio> <div class="texto-audio"> <p> Audio de lectura. </p> </div> [CSS] /* Estilos imágenes */ img{ border: 4px solid #A52CDA !important; border-radius: 8px !important; box-shadow: 0.25rem 0.25rem #000000; margin-bottom: 20px !important; } /* Fin estilos imágenes */ /* Estilos audios */ .audio-prueba { display: flex !important; justify-content: center !important; margin: auto; margin-bottom: 20px !important; width: 100%; border: 1px solid #000000; border-radius: 4px; background-color: #56AEFF; transform: translate(-0.25rem,-0.25rem); box-shadow: 0.25rem 0.25rem #000000; margin-top: 15px; } audio::-webkit-media-controls-panel { background-color: #56AEFF; } .texto-audio { width: 100%; font-size: 14px; margin: -25px 0 10px 0; } /* Fin de estilos audio */ /* Estilos botones */ .grupo-botones { position: relative; bottom: 0; width: 100%; } .button:hover { color: var(--hover-text); background: var(--bg); transform: translate(0rem,0rem); box-shadow: none; } .button:active { transform: translate(0); box-shadow: none; } .button a{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; font-family: "OpenDyslexic"; width: 100%; } .button a:hover{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; } .center { position: absolute; top: 25vh; bottom: 75vh; left: 40vw; } .button { --bg: #000; --hover-bg: #A52CDA; --hover-text: #000000; color: #ffffff !important; border: 1px solid var(--bg); border-radius: 40px; padding: 0.8em 2em; transform: translate(-0.25rem,-0.25rem); background: var(--hover-bg); box-shadow: 0.25rem 0.25rem var(--bg); transition: 0.2s; display: flex !important; justify-content: center !important; margin: auto !important; margin-bottom: 20px !important; width: 100%; font-family: OpenDyslexic; font-size: 16px; } /* Fin estilos botones */ [continued] <font face="OpenDyslexic"><p style="color: black;"> <span style="color:green;">Federica: </span>─¿Qué será? Porque ya contamos todo. ¿Sabés qué es, Javier? ─pregunta Federica. <span style="color:blue;">Narradora: </span> Tomassino la toma y la deja boca abajo. <span style="color:green;">Federica: </span>─Creo que es algo bueno y que Javier sabe lo que es ─dice como si pudiera leer la carta y los pensamientos de Javier. <span style="color:blue;">Narradora: </span> Javier ríe, feliz y le hace una guiñada al Fede. <span style="color:magenta;">Javier: </span>─Sí… <span style="color:green;">Federica: </span> ─Explico yo, y soy la ganadora de este juego ─se ríe Federica. <span style="color:blue;">Narradora: </span> Tomassino y Antonella los miran sin entender. <div class="grupo-botones"> <button class="button"> [[ ¿Qué pasó con el Lalo? ]] </button> </div> <audio controls class="audio-prueba"> <source src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/audios\4.5.m4a"> </audio> <div class="texto-audio"> <p> Audio de lectura. </p> </div> [CSS] /* Estilos imágenes */ img{ border: 4px solid #A52CDA !important; border-radius: 8px !important; box-shadow: 0.25rem 0.25rem #000000; margin-bottom: 20px !important; } /* Fin estilos imágenes */ /* Estilos audios */ .audio-prueba { display: flex !important; justify-content: center !important; margin: auto; margin-bottom: 20px !important; width: 100%; border: 1px solid #000000; border-radius: 4px; background-color: #56AEFF; transform: translate(-0.25rem,-0.25rem); box-shadow: 0.25rem 0.25rem #000000; margin-top: 15px; } audio::-webkit-media-controls-panel { background-color: #56AEFF; } .texto-audio { width: 100%; font-size: 14px; margin: -25px 0 10px 0; } /* Fin de estilos audio */ /* Estilos botones */ .grupo-botones { position: relative; bottom: 0; width: 100%; } .button:hover { color: var(--hover-text); background: var(--bg); transform: translate(0rem,0rem); box-shadow: none; } .button:active { transform: translate(0); box-shadow: none; } .button a{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; font-family: "OpenDyslexic"; width: 100%; } .button a:hover{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; } .center { position: absolute; top: 25vh; bottom: 75vh; left: 40vw; } .button { --bg: #000; --hover-bg: #A52CDA; --hover-text: #000000; color: #ffffff !important; border: 1px solid var(--bg); border-radius: 40px; padding: 0.8em 2em; transform: translate(-0.25rem,-0.25rem); background: var(--hover-bg); box-shadow: 0.25rem 0.25rem var(--bg); transition: 0.2s; display: flex !important; justify-content: center !important; margin: auto !important; margin-bottom: 20px !important; width: 100%; font-family: OpenDyslexic; font-size: 16px; } /* Fin estilos botones */ [continued] <font face="OpenDyslexic"> <p style="color: black;"> <span style="color:red;">Antonella: </span> y <span style="color:orange;">Tomassino: </span> ─¡Digan de una buena vez!─exclaman a la vez, sin poder aguantar la curiosidad. <span style="color:magenta;">Javier: </span> ─Da vuelta la carta, Tomassino. ¿Qué dice? ─dice Javier. <span style="color:blue;">Narradora: </span> Tomassino la da vuelta y lee sin poder creer lo que dice el título. <span style="color:red;">Antonella: </span>─¡Tomassino! ¿Qué dice? ─grita Antonella a punto de desmayarse de los nervios. <div style="width: 100%;"><div style="position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0;"><iframe title="1930: el origen carta 10" frameborder="0" width="1200" height="675" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%;" src="https://view.genially.com/664e2d1db5afdc00140625c2" type="text/html" allowscriptaccess="always" allowfullscreen="true" scrolling="yes" allownetworking="all"></iframe> </div> </div> <span style="color:orange;">Tomassino: </span>─Dice: “el Lalo se salvó” ─lee en voz alta Tomassino y se los queda mirando. <span style="color:blue;">Narradora: </span>Los gemelos miran a Javier y a Federica sin terminar de entender qué está pasando. <span style="color:magenta;">Javier: </span>─Por eso estamos acá ─explica Javier. <span style="color:green;">Federica: </span>─Los del Instituto del Futuro… ─comienza Federica con voz un poco temblorosa. <span style="color:magenta;">Javier: </span>─¡No te adelantes, Fede! ─casi grita Javier. <span style="color:blue;">Narradora: </span>Y tiene razón. Porque sobre ese asunto y las otras aventuras que siguieron, les contaremos en el tomo 3. <div class="grupo-botones"> <button class="button"> [[ Revive Capitúlo 4]] </button> </div> <div class="grupo-botones"> <button class="button"> [[ Revive 1930: el origen]] </button> </div> <audio controls class="audio-prueba"> <source src="https://1930.utec.edu.uy/wp-content/uploads/1930_twine/src/audios\4.6.m4a"> </audio> <div class="texto-audio"> <p> Audio de lectura. </p> </div> [CSS] /* Estilos imágenes */ img{ border: 4px solid #A52CDA !important; border-radius: 8px !important; box-shadow: 0.25rem 0.25rem #000000; margin-bottom: 20px !important; } /* Fin estilos imágenes */ /* Estilos audios */ .audio-prueba { display: flex !important; justify-content: center !important; margin: auto; margin-bottom: 20px !important; width: 100%; border: 1px solid #000000; border-radius: 4px; background-color: #56AEFF; transform: translate(-0.25rem,-0.25rem); box-shadow: 0.25rem 0.25rem #000000; margin-top: 15px; } audio::-webkit-media-controls-panel { background-color: #56AEFF; } .texto-audio { width: 100%; font-size: 14px; margin: -25px 0 10px 0; } /* Fin de estilos audio */ /* Estilos botones */ .grupo-botones { position: relative; bottom: 0; width: 100%; } .button:hover { color: var(--hover-text); background: var(--bg); transform: translate(0rem,0rem); box-shadow: none; } .button:active { transform: translate(0); box-shadow: none; } .button a{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; font-family: "OpenDyslexic"; width: 100%; } .button a:hover{ color: white !important; background: none !important; text-decoration-color: white !important; font-weight: bold !important; } .center { position: absolute; top: 25vh; bottom: 75vh; left: 40vw; } .button { --bg: #000; --hover-bg: #A52CDA; --hover-text: #000000; color: #ffffff !important; border: 1px solid var(--bg); border-radius: 40px; padding: 0.8em 2em; transform: translate(-0.25rem,-0.25rem); background: var(--hover-bg); box-shadow: 0.25rem 0.25rem var(--bg); transition: 0.2s; display: flex !important; justify-content: center !important; margin: auto !important; margin-bottom: 20px !important; width: 100%; font-family: OpenDyslexic; font-size: 16px; } /* Fin estilos botones */ [continued]