retals

▮ qué es retals

una biblioteca de Web Components vanilla y un editor en navegador para hacer webs personales. inspirado en Geocities, en la ligereza del JAMstack, y en el respeto por el código del visitante.

▰ qué NO es

no es WordPress. no hay base de datos, ni panel de admin, ni updates de seguridad cada mes.
no es Wix ni Squarespace. tu web no vive en su servidor con su marca encima.
no es mmm.page. el output no es un dump generado — es HTML legible que puedes editar a mano.
no hay tracking. no hay analytics. no hay cookies salvo localStorage del editor.

▱ cómo funciona

descarga un starter o abre el editor.
edita texto e imágenes en el HTML. arrastra bloques desde la biblioteca.
comprime tu media con imgToWeb y videoToWeb.
descarga la carpeta y súbela a Neocities, GitHub Pages, Codeberg, tu servidor — donde quieras.

✦ la biblioteca de bloques

15 Web Components vanilla. cada uno con su demo, su docs y fallback HTML legible sin JS.

<r-window>

ventana arrastrable y redimensionable. temas none, win95, macos.

<r-divider>

separador decorativo con glifos, ondas o SVG.

<r-marquee>

texto en movimiento configurable. sin el <marquee> viejo.

<r-typewriter>

texto que se escribe solo, con velocidad y delay.

<r-clock>

reloj en vivo con formato personalizable.

<r-glitch>

texto glitcheado con intensidad regulable.

<r-cursor>

efectos de cursor: sparkle, trail, custom.

<r-tooltip>

tooltip anclado a elemento o siguiendo cursor.

<r-card>

tarjeta con slots para image, title, body y link.

<r-tabs>

tabs accesibles con keyboard navigation.

<r-accordion>

secciones expandibles con un solo abierto a la vez (opcional).

<r-gallery>

4 layouts (grid · masonry · carousel · stack) + lightbox interno.

<r-jukebox>

reproductor con playlist <r-track>, loop y shuffle.

<r-counter>

contador local (localStorage) o compartido (Worker self-hosted).

<r-guestbook>

libro de visitas local o compartido (Worker self-hosted).

✺ starters

arquetipos descargables. cada uno trae los componentes que usa copiados dentro — snapshot inmutable, sigue funcionando aunque retals desaparezca.

collage-ventanas

composición de ventanas arrastrables a lo Geocities. el más distintivo del proyecto.

studio-carta

portfolio editorial tipo meowrhino / rikamichie. grid de proyectos, foco tipográfico.

one-pager

scroll narrativo vertical, secciones grandes, anclas, tipografía protagonista.

archivo

índice cronológico (blog / diario). lista densa con fecha, estética 2000s-blogger.

zine-personal

diario / cuaderno digital. marquee, glitch, typewriter, sobre papel hueso.

portfolio-foto

portfolio editorial fondo negro, masonry de 12 fotos con lightbox y 3 proyectos.

banda-album

lanzamiento de disco. portada generativa CSS, jukebox con tracklist y ventanas de créditos.

wiki-jardin

jardín digital — notas con estados (brote, en crecimiento, verde). tabs + accordion sobre serif crema.

hub-minimal

linktree honesto. avatar CSS, 5 links, contador local, reloj, cursor sparkle. cero JS extra.

◌ persistencia self-host

<r-counter> y <r-guestbook> arrancan en localStorage (cero servidor). para counter y guestbook compartidos entre visitantes, hay Workers de Cloudflare listos para que cada quien despliegue el suyo.

guía paso a paso de self-host →

no hay Worker público de retals. mantener uno compartido invita a spam y rate-limit abuse, y nos compromete a una infra que no queremos sostener. el self-host es la respuesta sincera.

bloques para hacerte una web.