Backstage 00:00:00:00

Esto no se arma arrastrando figuritas.

Código real, en vivo, de andinawebstudio.com.

lookback.js

build — andina.local

// líneas, ventanas y formas: todo esto es código, no imágenes

Mito vs. realidad

No es arrastrar y soltar.

mito.txt

realidad.js

Los casos

Estantería armada en JS, con sonido propio hecho en Web Audio API.

lookback.js

spine.addEventListener('click', function(){ shelf.classList.add('is-open'); });

El disco gira sincronizado con el audio real, no con una animación suelta.

vinyl-player.js

tonearm.style.transform = 'rotate(' + deg + 'deg)';

Calendario conectado en vivo a Supabase: bloquea, guarda y confirma solo.

booking.js

.eq('estado', 'confirmada').then(renderMonth);

GSAP y ScrollTrigger deciden cuándo entra cada elemento en pantalla.

reveals.js

scrollTrigger: { start: 'top 75%' }

Con qué armamos cada página

nuevo-proyecto.sh

$ ./empezar

Sin plantillas. Lo escribimos desde cero.