Citas

01 — Qué es

Qué es y para qué sirve

Citas es una aplicación sencilla: al abrirla muestra la Cita del Día —una cita con su autor— y un botón para ver otra cita. Cada visita puede devolver una cita distinta.

Su segunda cara es el widget incrustable: la misma cita en un formato pensado para meterse dentro de un <iframe> en una web ajena, con parámetros para adaptar colores, tipografía y comportamiento al diseño de la página anfitriona.

02 — Los datos

De dónde salen los datos

Por confirmar: la portada de elabeto.com dice «184 autores clásicos»; lo que he verificado es que hay 184 citas repartidas entre 87 autores. La atribución de «clásicos» no la puedo confirmar desde la app, así que no la repito.

03 — Uso

Cómo se usa

1. Abre /Citas/: verás una cita aleatoria con su autor y el botón Ver otra cita.
2. Pulsa Ver otra cita tantas veces como quieras para obtener nuevas citas.
3. Si quieres el widget en tu web, apunta a /Citas/embed.jsp y añade los parámetros que necesites (siguiente apartado).

04 — Incrustar

Incrustarlo en tu web

El punto de entrada es /Citas/embed.jsp. Parámetros reconocidos: theme (dark para fondo oscuro), accent, bg, fg, sub (colores en hexadecimal), size (14–64), radius (0–40), refresh (segundos de auto-actualización, 0–3600), align (left/center) y brand=0 para ocultar la marca.

<iframe src="https://elabeto.com/Citas/embed.jsp?theme=light&accent=%230f766e&size=22&radius=16&refresh=60"
        width="100%" height="220" style="border:1px solid #e4e4e7;border-radius:14px"
        loading="lazy" title="Cita aleatoria"></iframe>

• accent cambia el color de acento del texto (por defecto #0f766e).
• refresh=60 hace que la cita se renueve sola cada minuto.
• theme=dark invierte fondo y tinta para webs oscuras.