El sitio de Jose Sánchez

Descripción de lo que se ve y se oye

Esta página es una portada animada, sin más texto visible que el símbolo. Lo que ocurre en la pantalla, segundo a segundo, es esto.

Al abrirla, toda la pantalla está en blanco, completamente vacía.

Pasado un segundo, el blanco empieza a oscurecerse muy despacio, pasando por grises cada vez más oscuros, como cuando se apagan poco a poco las luces de un cine. El fundido dura cuatro segundos: empieza suave, se acelera en la mitad y vuelve a frenar al final. Hacia el segundo cinco la pantalla ya es negra del todo.

Desde el segundo cuatro, cuando ya está casi negro, aparece en el centro un símbolo que surge de la oscuridad poco a poco, hasta verse entero hacia el segundo siete. Ocupa algo menos de la mitad del ancho de la pantalla en un móvil.

El símbolo es un taijitu triple: un círculo dividido en tres remolinos que se enroscan unos en otros, como tres gotas que se persiguen. Uno es rojo, otro naranja y otro amarillo, colores de fuego sobre el fondo negro. Dentro de la parte ancha de cada remolino hay un círculo pequeño con otro remolino de dos colores, al estilo del yin y el yang, hecho con los colores de los otros dos remolinos.

A la vez que aparece, el símbolo empieza a girar en el sentido de las agujas del reloj, a velocidad constante, dando una vuelta completa cada doce segundos, y no se detiene nunca.

Abajo a la derecha aparece al mismo tiempo un botón redondo con borde blanco y el dibujo de un altavoz. Al pulsarlo suena la apertura de la banda sonora de Ghost in the Shell, de Kenji Kawai, la pieza titulada Making of Cyborg, con coros y tambores. La música se repite al terminar, y se para volviendo a pulsar el botón. Mientras está parada, el altavoz lleva una cruz; cuando suena, se dibujan dos ondas de sonido.

Cómo está hecha: es un único archivo HTML. Los efectos son animaciones CSS, sin bibliotecas: una cambia el color de fondo de la página de blanco a negro, otra cambia la opacidad del símbolo de transparente a visible, y otra lo rota 360 grados. Solo el botón de la música usa unas líneas de JavaScript, porque los navegadores no dejan que una web suene hasta que la persona pulsa algo.

La web está en construcción. Pronto habrá aquí contenido sobre la consciencia humana y la inteligencia artificial.