EXPERIENCIA 0001
Libro-objeto + extensión digital

El expediente existe.Ocupa 16 × 21 cm y reúne testimonios, planos, anotaciones, piezas desplegables y algunos accesos que continúan fuera del papel.

$45.000

Venta y envíos a través de Mercado Libre.


Puede leerse de principio a fin.También puede abrirse, desplegarse, escucharse y, llegado cierto punto, complicarse innecesariamente.Algunas partes permanecen en el papel. Otras continúan mediante audios, documentos y pequeñas decisiones del lector.


FORMATO

16 × 21 cm

INCLUYE

Solapas, troqueles y piezas manipulables

EXTENSIÓN

Contenido sonoro y digital mediante QR

AUTOR / EDITOR

Damián A. Rodriguez

EDICIÓN

Contado de Otro Modo


Algunas versiones quedaron fuera del libro.Por eso ciertos fragmentos continúan en audios y pequeñas experiencias digitales a las que se accede durante la lectura.No son contenido adicional.


UNA ACLARACIÓN RAZONABLEEl libro no necesita una aplicación especial.Los contenidos digitales se abren desde el teléfono mediante códigos QR.Conviene tener auriculares.Lo demás depende bastante de los vecinos.


Libro-objeto + extensión digital

$45.000

Mercado Libre se ocupa del pago, el envío y otras cuestiones razonables.

El audio no pudo reproducirse.
(function () { const audio = document.getElementById('cdom-audio-qr1'); const boton = document.getElementById('cdom-play-qr1'); const progreso = document.getElementById('cdom-progress-qr1'); const error = document.getElementById('cdom-error-qr1'); /* ========================= PLAY / PAUSA ========================= */ boton.addEventListener('click', async function () { if (audio.paused) { try { await audio.play(); boton.textContent = '❚❚'; boton.setAttribute( 'aria-label', 'Pausar audio' ); } catch (e) { error.style.display = 'block'; } } else { audio.pause(); boton.textContent = '▶'; boton.setAttribute( 'aria-label', 'Reproducir audio' ); } }); /* ========================= ACTUALIZAR PROGRESO ========================= */ audio.addEventListener('timeupdate', function () { if (!audio.duration) return; progreso.value = (audio.currentTime / audio.duration) * 100; }); /* ========================= ADELANTAR / RETROCEDER ========================= */ progreso.addEventListener('input', function () { if (!audio.duration) return; audio.currentTime = (progreso.value / 100) * audio.duration; }); /* ========================= CUANDO TERMINA ========================= */ audio.addEventListener('ended', function () { boton.textContent = '▶'; boton.setAttribute( 'aria-label', 'Reproducir audio' ); progreso.value = 0; audio.currentTime = 0; }); /* ========================= ERROR ========================= */ audio.addEventListener('error', function () { error.style.display = 'block'; }); })();

Todos aseguraron que no estaban pendientes del viejo.

Perfecto.
Ya habla como vecino.
Puede volver al libro.
Conviene no perder de vista el paraguas.
(function () { const boton = document.getElementById('qr1-boton'); const respuesta = document.getElementById('qr1-respuesta'); boton.addEventListener('click', function () { const manuscrito = document.getElementById('image03'); /* Desvanecer botón */ boton.style.opacity = '0'; /* Desvanecer imagen manuscrita */ if (manuscrito) { manuscrito.style.setProperty('opacity', '0', 'important'); } /* Al terminar el fundido */ setTimeout(function () { boton.style.display = 'none'; if (manuscrito) { manuscrito.style.display = 'none'; } respuesta.style.display = 'block'; }, 350); }); })();
El audio no pudo reproducirse.
(function () { const audio = document.getElementById('cdom-audio-qr2'); const boton = document.getElementById('cdom-play-qr2'); const progreso = document.getElementById('cdom-progress-qr2'); const error = document.getElementById('cdom-error-qr2'); /* PLAY / PAUSA */ boton.addEventListener('click', async function () { if (audio.paused) { try { await audio.play(); boton.textContent = '❚❚'; boton.setAttribute( 'aria-label', 'Pausar audio' ); } catch (e) { error.style.display = 'block'; } } else { audio.pause(); boton.textContent = '▶'; boton.setAttribute( 'aria-label', 'Reproducir audio' ); } }); /* ACTUALIZAR PROGRESO */ audio.addEventListener('timeupdate', function () { if (!audio.duration) return; progreso.value = (audio.currentTime / audio.duration) * 100; }); /* ADELANTAR / RETROCEDER */ progreso.addEventListener('input', function () { if (!audio.duration) return; audio.currentTime = (progreso.value / 100) * audio.duration; }); /* AL TERMINAR */ audio.addEventListener('ended', function () { boton.textContent = '▶'; boton.setAttribute( 'aria-label', 'Reproducir audio' ); progreso.value = 0; audio.currentTime = 0; }); /* ERROR */ audio.addEventListener('error', function () { error.style.display = 'block'; }); })();
El audio no pudo reproducirse.
(function () { const audio = document.getElementById('cdom-audio-qr3'); const boton = document.getElementById('cdom-play-qr3'); const progreso = document.getElementById('cdom-progress-qr3'); const error = document.getElementById('cdom-error-qr3'); /* PLAY / PAUSA */ boton.addEventListener('click', async function () { if (audio.paused) { try { await audio.play(); boton.textContent = '❚❚'; boton.setAttribute( 'aria-label', 'Pausar audio' ); } catch (e) { error.style.display = 'block'; } } else { audio.pause(); boton.textContent = '▶'; boton.setAttribute( 'aria-label', 'Reproducir audio' ); } }); /* ACTUALIZAR PROGRESO */ audio.addEventListener('timeupdate', function () { if (!audio.duration) return; progreso.value = (audio.currentTime / audio.duration) * 100; }); /* ADELANTAR / RETROCEDER */ progreso.addEventListener('input', function () { if (!audio.duration) return; audio.currentTime = (progreso.value / 100) * audio.duration; }); /* AL TERMINAR */ audio.addEventListener('ended', function () { boton.textContent = '▶'; boton.setAttribute( 'aria-label', 'Reproducir audio' ); progreso.value = 0; audio.currentTime = 0; }); /* ERROR */ audio.addEventListener('error', function () { error.style.display = 'block'; }); })();

Durante los primeros días, el pueblo hizo lo único que podía hacer sin admitir que estaba preocupado.

No volvió.
Tampoco.
Nada.
A partir de acá empezaron las versiones.
Puede volver al libro.
(function () { const boton1 = document.getElementById('qr3-boton-1'); const boton2 = document.getElementById('qr3-boton-2'); const boton3 = document.getElementById('qr3-boton-3'); const espera = document.getElementById('qr3-espera'); const paso1 = document.getElementById('qr3-paso-1'); const paso2 = document.getElementById('qr3-paso-2'); const final = document.getElementById('qr3-final'); /* ESPERA EN BUCLE . → .. → ... → . → .. El ciclo continúa hasta que se cumple el tiempo asignado. */ function esperar(duracion, alTerminar) { let cantidadPuntos = 1; espera.style.display = 'block'; espera.textContent = '.'; /* Cambiar los puntos cada 450 ms */ const intervalo = setInterval(function () { cantidadPuntos++; if (cantidadPuntos > 3) { cantidadPuntos = 1; } espera.textContent = '.'.repeat(cantidadPuntos); }, 450); /* Terminar la espera */ setTimeout(function () { clearInterval(intervalo); espera.style.display = 'none'; espera.textContent = ''; alTerminar(); }, duracion); } /* PRIMERA ESPERA — 2,5 SEGUNDOS */ boton1.addEventListener('click', function () { boton1.style.display = 'none'; esperar(2500, function () { paso1.style.display = 'block'; }); }); /* SEGUNDA ESPERA — 3,5 SEGUNDOS */ boton2.addEventListener('click', function () { paso1.style.display = 'none'; esperar(3500, function () { paso2.style.display = 'block'; }); }); /* TERCERA ESPERA — 4,5 SEGUNDOS */ boton3.addEventListener('click', function () { paso2.style.display = 'none'; esperar(4500, function () { final.style.display = 'block'; }); }); })();

En el pueblo, una versión rara vez viajaba sola.Bastaba que alguien dijera «yo prefiero no opinar» para que, media hora después, hubiera explicado el asunto en tres casas distintas.La vecina de la hoja arrancada dejó la suya.Y, a esta altura, probablemente ya tenga la suya. Justo a tiempo para empeorar la situación.¿Qué les habría dicho a los demás?

Claro.
A esta altura era difícil vivir en el pueblo y no tener una.
¿Qué habría dicho?
No pedimos nombre ni correo. La versión se envía a Contado de Otro Modo y no se publica automáticamente.
Algo salió mal. La versión, por ahora, se quedó en esta vereda.
Una decisión sensata.
En el pueblo solía durar hasta que alguien preguntaba:
«¿Y usted qué cree?»
Puede conservar el silencio.
La vecina inconveniente tuvo menos disciplina.
(function () { /* ========================= ELEMENTOS ========================= */ const decision = document.getElementById('decision-version'); const botonTengo = document.getElementById('boton-tengo-version'); const botonNo = document.getElementById('boton-no-version'); const caminoVersion = document.getElementById('camino-version'); const caminoSilencio = document.getElementById('camino-silencio'); const form = document.getElementById('version-form'); const botonEnviar = document.getElementById('version-boton'); const error = document.getElementById('version-error'); /* ========================= MOSTRAR ELEMENTOS CARRD ========================= */ function mostrarElemento(id) { const elemento = document.getElementById(id); if (elemento) { elemento.classList.add('version-visible'); } } /* ========================= ELECCIÓN: TENGO UNA VERSIÓN ========================= */ botonTengo.addEventListener('click', function () { decision.style.display = 'none'; caminoVersion.style.display = 'block'; }); /* ========================= ELECCIÓN: PREFIERO NO METERME ========================= */ botonNo.addEventListener('click', function () { decision.style.display = 'none'; caminoSilencio.style.display = 'block'; /* En este camino NO aparecen: QUEDA DICHO ni el texto posterior. Sólo aparece el acceso a la versión de la vecina. */ setTimeout(function () { mostrarElemento('links01'); }, 350); }); /* ========================= ENVÍO DE LA VERSIÓN ========================= */ form.addEventListener('submit', async function (evento) { evento.preventDefault(); error.style.display = 'none'; botonEnviar.disabled = true; botonEnviar.textContent = '[Haciendo circular...]'; const datos = new FormData(form); try { const respuesta = await fetch(form.action, { method: 'POST', body: datos, headers: { 'Accept': 'application/json' } }); /* ========================= ENVÍO CORRECTO ========================= */ if (respuesta.ok) { /* Desaparece todo el bloque donde escribió su versión. */ caminoVersion.style.display = 'none'; /* Primero: QUEDA DICHO. */ mostrarElemento('image13'); /* Después: texto posterior. */ setTimeout(function () { mostrarElemento('text01'); }, 300); /* Finalmente: acceso a la vecina. */ setTimeout(function () { mostrarElemento('links01'); }, 450); } /* ========================= ERROR DE FORMSPREE ========================= */ else { botonEnviar.disabled = false; botonEnviar.textContent = '[Hacerla circular]'; error.style.display = 'block'; } } /* ========================= ERROR DE CONEXIÓN ========================= */ catch (e) { botonEnviar.disabled = false; botonEnviar.textContent = '[Hacerla circular]'; error.style.display = 'block'; } }); })();

En el pueblo, eso bastaba para que una versión dejara de pertenecerle.Ahora puede conocer la de la vecina.Conviene aclarar que ella tampoco presentó pruebas.Eso nunca detuvo demasiado la conversación.

Hubo una versión, bastante incómoda, que decía que el viejo no había tenido tantos paraguas. La sostuvo una mujer que vivía frente al banco y sabía más de lo conveniente. Su defecto no era escuchar. Su defecto era acordarse.Según ella, el viejo tenía un solo paraguas. Uno solo. Oscuro, gastado en los bordes, con una varilla vencida y el mango brillante de tanto uso. Lo había visto durante años cruzar frente al banco, detenerse junto al cordón, acomodarse el saco demasiado grande y seguir camino con el mismo paraguas bajo el brazo. Los colores aparecieron después.La cajera del banco fue de las primeras en recordar el amarillo. Con ella el viejo hacía chistes. Algunos bastante malos. Ella se reía de todos y a veces le pedía otro antes de que llegara su turno de atenderlo. Hacía meses que almorzaba sola detrás del mostrador. Nadie relacionó una cosa con la otra.El rojo pertenecía sobre todo al almacenero. Con ese paraguas, aseguraba, el viejo discutía de política durante horas. Citaban gobiernos, elecciones y alguna fecha que probablemente ninguno de los dos recordaba bien. El almacenero disfrutaba especialmente esas discusiones. Después cerraba el negocio. Más de una vez lo vieron seguir discutiendo solo mientras acomodaba las latas. Señalaba alguna conserva de tomates, esperaba unos segundos y respondía. La conserva nunca cambió de opinión.El verde lo recordaba una mujer de la plaza. Decía que con ese color el viejo podía permanecer sentado mucho tiempo sin hablar. A ella eso le parecía una virtud. Compartieron banco varias tardes. Nunca quedó claro si conversaban poco porque el viejo llevaba el verde o si el verde apareció después, cuando ella empezó a contar aquellas tardes.La vecina de enfrente desconfiaba de ese orden. Según ella, primero ocurrían las cosas. Después aparecía el color.El gris fue distinto. Con el gris bajaban la voz. Eso se volvió costumbre con bastante rapidez y durante algún tiempo se consideró una forma de respeto. Después alguien descubrió que también podía resultar útil. Una tarde, mientras el viejo estaba dentro del banco, un vecino tomó el paraguas que había quedado junto a la puerta y lo llevó hasta el bar de la esquina. Lo apoyó contra una pared. El hombre aseguraba que el paraguas era gris.A los pocos minutos un falta envido terminó discutiéndose casi en secreto. El vecino sostuvo durante años que aquello demostraba algo. Cuando el viejo salió del banco encontró su paraguas junto al bar, lo recogió y siguió caminando. La mujer había visto todo desde su ventana.Para ella había sido oscuro junto al banco. Oscuro contra la pared. Y oscuro cuando el viejo se lo llevó. Los hombres del bar, en cambio, recordaban perfectamente el gris.Con el tiempo pasó algo parecido con casi todos los colores. Uno recordaba el paraguas. Otro recordaba lo que había sentido al verlo. Después las dos cosas quedaban juntas. Para entonces cada color tenía suficientes testigos como para arreglárselas solo.Y el viejo seguía pasando. Siempre con el mismo paraguas oscuro, según la vecina.Hasta una tarde en que se detuvo frente al banco y levantó la vista hacia su ventana. La mujer estaba segura de que él no podía verla detrás de la cortina. El viejo sonrió.Después abrió el paraguas.Desde donde ella estaba, por primera vez, no habría sabido decir de qué color era.

El audio no pudo reproducirse.
(function () { const audio = document.getElementById('cdom-audio-qr4'); const boton = document.getElementById('cdom-play-qr4'); const progreso = document.getElementById('cdom-progress-qr4'); const error = document.getElementById('cdom-error-qr4'); /* PLAY / PAUSA */ boton.addEventListener('click', async function () { if (audio.paused) { try { await audio.play(); boton.textContent = '❚❚'; boton.setAttribute( 'aria-label', 'Pausar audio' ); } catch (e) { error.style.display = 'block'; } } else { audio.pause(); boton.textContent = '▶'; boton.setAttribute( 'aria-label', 'Reproducir audio' ); } }); /* ACTUALIZAR PROGRESO */ audio.addEventListener('timeupdate', function () { if (!audio.duration) return; progreso.value = (audio.currentTime / audio.duration) * 100; }); /* ADELANTAR / RETROCEDER */ progreso.addEventListener('input', function () { if (!audio.duration) return; audio.currentTime = (progreso.value / 100) * audio.duration; }); /* AL TERMINAR */ audio.addEventListener('ended', function () { boton.textContent = '▶'; boton.setAttribute( 'aria-label', 'Reproducir audio' ); progreso.value = 0; audio.currentTime = 0; }); /* ERROR */ audio.addEventListener('error', function () { error.style.display = 'block'; }); })();