<font color="black">
<font face="OpenDyslexic">
<h1 align="center"><i>Capítulo 4</i></h1>
<h2 align="center">Llegando a Montevideo en… ¡1930 y 2030!</h2>
<img src="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/imagenes/Cap. 8 cartelera .jpg" alt="Trulli" width="570" height="600">
<div class="grupo-botones">
<button class="button">
[[CONTINÚA LA HISTORIA]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/AUDIOS/Parte 40.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !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 {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
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;
}
.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;
}
/* Fin estilos botones */<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:blue;">Ana Solari - </span>
Me da un poco de pena, porque la verdad es que estoy disfrutando muchísimo del cuento y quisiera que no seacabara nunca. Como cuando nos gusta un libro y no queremos que termine.
</p>
<p style="color:black;">
<span style="color:green;">Federica - </span>
─Después volvimos a nuestro camarote y nos dimos cuenta de que probablemente no volveríamos a vernos. Tomassino y Antonella iban a llegar al puerto en 1930… y nosotros en 2030. ¡Y claro, se nos ocurrieron un par de cosas fantásticas!
</p>
<span style="color:blue;">Ana Solari - </span>
─A esta altura, de ustedes ya no me sorprende nada. No voy a ponerme a adivinar. ¿Qué se les ocurrió?
</p>
<div class="grupo-botones">
<button class="button">
[[IDEA A]]
</button>
</div>
<div class="grupo-botones">
<button class="button">
[[IDEA B]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/AUDIOS/Parte 41.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !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 {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
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;
}
.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;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:magenta;">Javier - </span>
─Que buscaran al bisabuelo de Javier, que se llamaba Massimo, y que vivía en Montevideo. En 1930, tenía unos 16 años. Él los podía ayudar a encontrar a ese pariente. Y para que siguiéramos en contacto, les dejamos un celular y les explicamos cómo usarlo. Porque claro, ¡nosotros íbamos a viajar a 1930 durante el mundial! Después de tantos líos, era algo que no podíamos perdernos, ¿no?─explica Javier.
<span style="color:blue;">Ana Solari - </span>
A los dos les brillan los ojos: es obvio que viajaron al primer mundial de fútbol.
Tienen razón, claro que sí. Yo hubiera hecho lo mismo. Pero eso significa que… la historia sigue.
<span style="color:green;">Federica - </span>
─Y cuando nos acercamos al puerto… ellos lo veían como era en 1930, y nosotros, como es en 2030. Un poco distinto al de este año, 2022. Más grande, creo ─como si estuviera llegando al puerto otra vez.
<span style="color:magenta;">Javier - </span>
─Nos abrazamos con mucha fuerza, seguros de que nos volveríamos a ver. Ellos bajaron y se perdieron entre el gentío que aplaudía a las selecciones que llegaban. Nosotros nos mezclamos por ahí, porque viste que no se puede estar en el puerto… y teníamos que llegar a casa ─
<div class="grupo-botones">
<button class="button">
[[1930, 2030, 2022]]
</button>
</div>
<div class="grupo-botones">
<button class="button">
[[IDEA B]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/AUDIOS/Parte 411.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !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 {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
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;
}
.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;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<p style="color:black;">
<span style="color:green;">Federica - </span>
─Se nos ocurrió algo que capaz te parece un poco loco. Cuando éramos chiquitos,
Javier y yo fuimos al jardín de infantes 217, “Roland Moore”. ¿Sabés quién era Roland Moore? Supongo que no. Te cuento. Era el nombre de un club de fútbol del barrio Peñarol, y ahí jugó el gran Nasazzi. ¡Es que la historia es viejísima! En el año 1891, en las oficinas del Ferrocarril Central en Peñarol, se reunieron unos hombres muy importantes, entre ellos Roland Moore, que presidió la reunión, para fundar un club deportivo… el CURCC. Moore también estaba en la Comisión de Fomento, que le pedía a las autoridades mejoras para el barrio. ¡Un héroe! ¡Y adivina qué! ¡De ahí surge, mucho después, el gran club Peñarol! Pero esa es otra historia ─me cuenta.
<span style="color:blue;">Ana Solari - </span>
─¿Y entonces? ─les pregunto, porque no me doy cuenta de lo que pensaron.
<span style="color:green;">Federica - </span>
─Les pedimos que fueran al terreno donde muchos años después se construyó el jardín de infantes. Queríamos saber qué había antes ahí.
<span style="color:blue;">Ana Solari - </span>
─¿Y? ¿Lo encontraron? ─digo muerta de la curiosidad.
<span style="color:magenta;">Javier - </span>
─Sí. El terreno quedaba a unas cuadras de la estación Peñarol. Y de paso vieron El
Trompo. Viste que nadie sabe muy bien quién lo puso ni cuándo. Algunos dicen que era un pedazo de cañón de la época colonial ─continúa. ─Pero eso también es otra historia. A Fede y a mí nos encanta El Trompo. Es notable. Tenés que ir a verlo.
<div class="grupo-botones">
<button class="button">
[[IDEA A]]
</button>
</div>
<div class="grupo-botones">
<button class="button">
[[CONTINÚA LA HISTORIA]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/AUDIOS/Parte 412.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !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 {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
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;
}
.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;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:magenta;">Javier - </span>
<p style="color: black;">
─Tal cual. Y ahora, hasta la próxima. Mientras nos esperás, escribís esta. Es el primer tomo ─dice Javier y sonríe de oreja a oreja.
</p>
<span style="color:blue;">Ana Solari - </span>
<p style="color: black;">
Después se levantan, me dan un sonoro beso y los acompaño hasta la puerta. No les pregunto qué fotografía van a usar para viajar a 2030, su año. Después de todo lo que contaron, estoy segura de que no van a tener ningún problema para viajar.
Les hago adiós con la mano y marco la fecha de hoy en el calendario. Sé que a partir de este momento, estaré contando los días hasta el próximo encuentro.
Estimados lectores y lectoras: hasta aquí llega este cuento. Espero que les haya interesado y les haya dado ganas de saber cómo sigue. ¿Se imaginan que nos cuenten sobre el año 1830 y sobre el primer mundial?
</p>
<div class="grupo-botones">
<button class="button">
[[CONTRATAPA]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/AUDIOS/Parte 43a.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !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 {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
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;
}
.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;
}
/* Fin estilos botones */
[continued]
<font face="OpenDyslexic">
<p style="color: black;">
<span style="color:blue;">Ana Solari - </span>
─Veo que lo lograron. Si no, no estarían acá.
</p>
<p style="color: black;">
<span style="color:green;">Federica - </span>
─Sí, pero ahora tenemos que volver a nuestro tiempo, 2030 ─aclara Federica..
</p>
<p style="color: black;">
<span style="color:blue;">Ana Solari - </span>
─No me digan nada: van a ver el partido de apertura, ¿no?
Los dos ríen con fuerza.
</p>
<span style="color:magenta;">Javier </span> y <span style="color:green;">Federica - </span>
─¡Sí! ¡Va a ser impresionante! ¡Ya te contaremos!─dicen a la vez.
El corazón me late con fuerza.
</p>
<p style="color: black;">
<span style="color:blue;">Ana Solari - </span>
─¿Entonces me van a contar cómo salió el partido? ¿Y me van a contar qué pasó con los gemelos, el bisabuelo y la búsqueda del pariente?
</p>
<span style="color:magenta;">Javier - </span>
─¡Por supuesto… además… y esto es un adelanto: no solo viajamos a 1930, también nos fuimos a 1830. Eso sí que es el pasado, ¿no?─dice Javier con voz misteriosa.
</p>
<p style="color: black;">
<span style="color:blue;">Ana Solari - </span>
─¿A 1830, y por qué?
</p>
<p style="color: black;">
<span style="color:green;">Federica - </span>
─ Año de la Jura de la Constitución; y cien años después, el centenario; y doscientos años después, el mundial de 2030 en Montevideo. Así que…─me explica Federica y parece una maestra un poco decepcionada.
</p>
<p style="color: black;">
Me miran encantados y sé lo que van a decir.
<p style="color: black;">
<span style="color:blue;">Ana Solari - </span>
─La historia sigue, ¿no es así?
<img src ="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/imagenes/ultima-imagen.png" alt="Trulli" width="570" height="400">
<div class="grupo-botones">
<button class="button">
[[CONTINUARÁ... ¿CUÁNDO? ]]
</button>
</div>
<audio controls class="audio-prueba">
<source src="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/AUDIOS/Parte 42.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !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 {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
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;
}
.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;
}
/* Fin estilos botones */
[continued]
<img src ="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/imagenes/contratapa.jpg" alt="Trulli" width="570" height="400">
<div class="grupo-botones">
<button class="button">
[[CAPÍTULO 4]]
</button>
</div>
<div class="grupo-botones">
<button class="button">
<a href='https://1930.utec.edu.uy/wp-content/uploads/lectura_agil/' target="_blank">
Revive la historia
</button>
</a>
</div>
<audio controls class="audio-prueba">
<source src="https://1930.utec.edu.uy/wp-content/uploads/lectura_agil_4/AUDIOS/Parte 43b.wav">
</audio>
<div class="texto-audio">
<p>
Audio de lectura.
</p>
</div>
[CSS]
/* Estilos imágenes */
img{
border: 8px solid #a36200 !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 {
--bg: #000;
--hover-bg: #a36200;
--hover-text: #000000;
color: #ffffff !important;
border: 1px solid var(--bg);
border-radius: 4px;
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;
}
.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;
}
/* Fin estilos botones */
[continued]