Nevsky.ae tiene una versión normal, un chat AI y otra forma de entrar: el terminal. Puedes abrir una sección, encontrar un artículo y leerlo directamente en una interfaz de texto. Es otra representación del contenido de mi blog.
No necesitaba una colección de textos independiente para este modo. El terminal recibe el material publicado del sitio: títulos, secciones, contenido, imágenes y enlaces. Cuando cambia un artículo, no debe quedar una copia olvidada en el terminal.
Primero el nombre, después la lectura
Una parte visible de este trabajo es la gran representación de mi nombre. En octubre pedí reunir todas las variantes en un aleatorizador: cambiar idioma, estilo y animación, con botones de cambio aleatorio y pausa al lado. La versión del 21 de octubre tenía siete idiomas, 13 estilos y seis efectos.
El cambio automático ocurre aproximadamente cada cinco segundos mientras está abierta la selección de secciones. Si alguien escribe un comando, lee, selecciona texto o cambia de pestaña, la animación no debe molestar. También está limitada para reduced motion. Hubo que trabajar el comportamiento de la interfaz, no solo la forma de las letras.
Abajo está el terminal real de la compilación local actual. Puedes probarlo dentro del artículo: elegir una sección con las flechas y pulsar Enter, o escribir help. «Abrir por separado» le da toda la ventana del navegador.
Versión de terminal de Nevsky.ae
Versión terminal del sitio
Los comandos pertenecen al sitio
Incluye sections, posts, pages y nombres de secciones como ai o design. search busca contenido, open lo abre por número y back vuelve a la lista. En un artículo están disponibles images y links. Exit regresa al sitio normal. Se puede usar el menú sin memorizar los comandos.
Esto no da acceso a la línea de comandos de mi ordenador. El código del sitio interpreta los comandos y las acciones se limitan a consultar su contenido. La ventana del terminal no ejecuta programas arbitrarios.
Lo que se rompe entre dos imágenes bonitas
Al redimensionar apareció un detalle desagradable: el terminal aún escribía la salida antigua cuando la nueva ya empezaba a redibujarse. Esto podía duplicar menús o perder un comando escrito. Se añadieron comprobaciones de generación: una escritura obsoleta no debe sobrescribir un estado más reciente.
Los nombres en distintos idiomas y las pantallas estrechas necesitaron comprobaciones aparte. Un nombre largo, la fila de idiomas, los iconos sociales y un comando deben caber a la vez. Una sola captura acertada en inglés no basta.
Más tarde, cuando el sitio pasó a Medeo, el terminal incorporó Pixel. Las mediciones y los gráficos ASCII quedaron en xterm, mientras el texto visible se mostró mediante el DOM para que la selección coincidiera con las palabras. Para mí es importante: si no se puede seleccionar bien una frase, la apariencia del terminal no lo compensa.
El terminal lee el mismo contenido publicado que las páginas normales. Esta historia muestra el aleatorizador multilingüe publicado el 21 de octubre y el trabajo posterior con Pixel y la selección de texto. En la ventana interactiva del artículo se puede probar el recorrido principal: sección, artículo y regreso a la lista.
Historias relacionadas: La historia de Nevsky.ae · Un portfolio conversacional.
@nevsky_alexander
En Instagram, Dubái más allá de la postal: familia, ciudad, descubrimientos y la vida entre proyectos. En Threads, ideas en voz alta sobre diseño e IA. En YouTube, vídeos que necesitan más espacio que una historia. Sígueme donde te sientas más a gusto y seguimos en contacto