hiperficcion_simbiosis

(enchant:?page,(text-colour:black)+(bg:white)) <div style="background-image: url('https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/varios2.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px;"> <br> <span style="font-family: 'Papyrus', cursive; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: justify; display: block; font-size: 1.5rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> «El claro del bosque es un centro en el que no siempre es posible entrar; desde la linde se le mira y el aparecer de algunas huellas de animales no ayuda a dar ese paso. Es otro reino que un alma habita y guarda» <p style="text-align: right; margin: 0;">María Zambrano, <i>Claros del bosque</i></p> Bienvenido a este viaje por las voces del [[Humedal El Tunjo]]. ¿Es este lugar un claro del bosque? ¿Un refugio en medio del sur de Bogotá? Acompañame a descubrirlo. <i>¡Escucha con atención la voz de cada camino!</i> <p style="text-align: center; margin: 0;">Elige tu camino:</p> <p style="text-align: center; margin: 0;">(dropdown: bind $eleccion, "Superficial", "Intermedio", "Profundo")</p> <p class="boton-continuar" style="text-align: center; margin: 0;">[[Entrar]]</p> <p class="boton-continuar" style="text-align: center; margin: 0;">[[Volver|portada]]</p> </div> </div> <audio src="https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/audio_portada.mp3" autoplay></audio>

(goto: $eleccion)

(enchant:?page,(text-colour:black)+(bg:white))  <div style="background-image: url('https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/borrachero.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px;"> <span style="font-family: 'Papyrus'; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: block; font-size: 2rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> ''Camino intermedio'' </span> <div style="display: flex; justify-content: center; align-items: center;"> <video autoplay muted loop style="max-height: 70vh; width: auto;"> <source src="https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/borrachero.mp4" type="video/mp4"> </video> </div> <span style="font-family: 'Papyrus', cursive; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: justify; display: block; font-size: 1.5rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> Parto el camino entre la piedra y el rocío, entre el ruido y la brisa. Espiro el polvo que desborda la mente y hace creer en utopías, en universos que se interesan en la humanidad y en la infinitud del planeta. Bajo las trompetas, no estoy acá para cantar el apocalipsis. Bajo las trompetas para mover mis caderas y esparcir la ilusión. </span> </span> <span style="font-family: 'American Typewriter', bold; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: block; font-size: 1.5rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> <p class="boton-continuar" style="text-align: center; margin: 0;">[[Volver->inicio]]</p> </span> <audio src="https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/audio_hiperficcion_2.mp3" autoplay></audio>

(enchant:?page,(text-colour:black)+(bg:white)) <div style="background-image: url('https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/río1.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px;"> <span style="font-family: 'Papyrus', sans-serif; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: block; font-size: 2rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> ''Camino superficial'' </span> <div style="display: flex; justify-content: center; align-items: center;"> <video autoplay muted loop width="640" height="360"> <source src="https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/arbol.mp4" type="video/mp4"> </video> </div> <span style="font-family: 'Papyrus', cursive; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: justify; display: block; font-size: 1.5rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> <p style="text-align: right; margin: 0;"> «Soy un grávido río, y a la luz meridiana ruedo bajo los ámbitos reflejando el paisaje» José Eustasio Rivera </p> Una bienvenida al humedal. Soy un guardián de la entrada, soy El Tunjuelito. Cada día, escucho el caos de la calle con su velocidad y su estridencia, el caos del viento que canta, a gritos, en medio de las hojas. Soy testigo del perro que pasea a su amo y del grupo de amigos que llega entre risas. Mi molestia es ese árbol del pecado, ese instigador del crimen, que vive en el cruce de caminos. Con su trompeta, promueve el pecado y aleja al humano del <i>claro</i>. </span> </span> <span style="font-family: 'American Typewriter', bold; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: block; font-size: 1.5rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> <p class="boton-continuar" style="text-align: center; margin: 0;">[[Volver->inicio]]</p> </span> <audio src="https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/audio_hiperficcion_1.mp3" autoplay></audio>

(enchant:?page,(text-colour:black)+(bg:white))  <div style="background-image: url('https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/sauce.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px;"> <span style="font-family: 'Papyrus'; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: block; font-size: 2rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> ''Camino profundo'' </span> <div style="display: flex; justify-content: center; align-items: center;"> <video autoplay muted loop style="max-height: 70vh; width: auto;"> <source src="https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/ramas.mp4" type="video/mp4"> </video> </div> <span style="font-family: 'Papyrus', cursive; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: justify; display: block; font-size: 1.5rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> Ya no sé si soy un árbol, un bosque o un prado. Paso los días respirando el viento que me golpea desde la montaña y me desborda hacia el agua. Sí, escucho los pasos de fieras y de personas, el metal que se desmorona allá afuera. Aún así, me invade el silencio de lo no-vivo: adéntrate si necesitas una revelación. Escucho los pasos y no pienso más que en esos pasos. Pasos animados, pasos ebrios, pasos malpensados. No juzgo: solo percibo. Me invade el silencio de lo no-vivo. </span> </span> <span style="font-family: 'American Typewriter', bold; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: block; font-size: 1.5rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> <p class="boton-continuar" style="text-align: center; margin: 0;">[[Volver->inicio]]</p> </span> <audio src="https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/audio_hiperficcion_3.mp3" autoplay></audio>

(enchant:?page,(text-colour:black)+(bg:white)) <div style="background-image: url('https://raw.githubusercontent.com/fcochaux/2026_insumos_twine/main/sauce.jpg'); background-size: cover; background-position: center; background-repeat: no-repeat; padding: 50px;"> <span style="font-family: 'Papyrus', sans-serif; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: block; font-size: 2rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> ''Contexto'' </span> <p style="text-align: center; margin: 0;"> <iframe src="https://es.wikipedia.org/wiki/Humedal_el_Tunjo" width="900" height="500" allow="fullscreen"></iframe> </p> <span style="font-family: 'American Typewriter', bold; color: #FFFFFF; background-color: rgba(0, 0, 0, 0.4); text-align: center; display: block; font-size: 1.5rem; text-shadow: 2px 2px 4px #000000; padding: 30px;"> <p class="boton-continuar" style="text-align: center; margin: 0;">[[Volver->inicio]]</p> </span>