AUREA — La Biblioteca del 1%

Ver en vivo →

Cinco resúmenes editoriales en un solo archivo HTML autocontenido, sin dependencias de UI ni de animación. La única petición externa son tres tipografías variables.

El concepto rector sale de la propia portada: el conocimiento no es poder hasta que se aplica. Una landing de resúmenes contradice esa tesis —se lee y se cierra—, así que la página tiene dos estados y un solo interruptor.

	Modo Lectura	Modo Aplicación
Acento	oro #C9A227	lapislázuli #93AEDC
Interlineado	1.72	1.5
Titulares	Bodoni Moda	IBM Plex Mono, versalitas
Citas · notas al margen · capitulares	5 · 10 · sí	0 · 0 · no
Herramientas	ninguna, ni un botón	diagnóstico, protocolo, bóveda, tarjeta

Leer es cálido y lento. Ejecutar es frío y apretado. La transición ocurre in situ con la View Transitions API: los mismos elementos cambian de rol.

El Hilo Conductor

Un hilo SVG recorre el documento entero. Deja lapislázuli frío por delante de tu scroll y oro cálido por detrás: no decora, registra tu lectura. Se curva hacia cada idea para dejar un nodo con su numeral romano, y al señalar uno de los cinco conceptos transversales sus nodos se encienden a la vez en los cinco libros. Termina en la Constelación: 25 ideas alrededor de 5 hubs, filtrable, navegable con teclado, con enlace de vuelta al párrafo de origen.

Se dibuja con scroll-driven animations nativas (animation-timeline: scroll()); JavaScript solo entra como respaldo.

Capa de aplicación

Sin backend. Todo se guarda en localStorage y se exporta.

1. Diagnóstico de restricción — 6 preguntas basadas en la teoría de restricciones. Devuelve una limitación dominante y 3–5 ideas de los cinco libros que la atacan. Las otras veinte se callan.
2. Protocolo de 7 días — derivado de esa restricción. Una prioridad A+ por día, bloque de 90 minutos, arranque de 5. Exporta a .ics y Markdown.
3. Bóveda de ideas — compromiso concreto, evidencia y plazo por idea. Exporta a Markdown; el cuadernillo impreso hace de PDF.
4. Tarjeta para compartir — cualquier cita o idea compuesta en Canvas a 1080×1350, renderizada en el navegador del lector.

Contenido

Vol.	Título	Autor
I	30 años de marketing digital en 53 minutos	Simon Squibb
II	Cómo aprender cualquier cosa muy rápido, según la ciencia	Adrià
III	El poder de la disciplina	Gabriel Batistuta
IV	En realidad es bastante fácil superar al 99 % de las personas	Alex Hormozi
V	La actitud	Víctor Küppers

Los resúmenes son originales, escritos a partir de las charlas de cada autor: obra derivada breve y transformadora. Las transcripciones de origen no se publican en este repositorio (ver .gitignore). Los derechos de las obras originales pertenecen a sus autores.

El autor del volumen II aparece en su charla solo por el nombre de pila.

Técnico

• Un fichero, 125 KB. Cero dependencias de UI, cero librerías de animación.
• Cinco portadas en SVG vectorial embebido: sin peticiones de red, nítidas a cualquier resolución, CLS = 0.
• Tipografías variables con preconnect y preload, más métricas de fallback (size-adjust, ascent-override) contra el desplazamiento de intercambio.
• Contraste WCAG AA verificado en los once pares de color en uso, en los dos modos. Foco visible y consistente; Constelación navegable con teclado.
• Mejora progresiva real: sin JavaScript sigue siendo un documento completo y legible, y la Constelación degrada a un índice de 25 enlaces.
• prefers-reduced-motion: reduce desactiva todo salvo cambios de opacidad.
• JSON-LD ItemList + Book por título; deep links #libro-0N.
• Hoja de impresión que produce un cuadernillo: saltos de página, viudas y huérfanas, sin rail ni capa de aplicación.

Pendiente

• Imágenes Open Graph. No hay og:image: una previsualización rota es peor que ninguna. Al depositar og/aurea.png y og/libro-0N.png, añadir la etiqueta y cambiar twitter:card a summary_large_image.
• Folios numerados al imprimir. Ningún motor implementa los page margin boxes de CSS Paged Media; la numeración la pone el diálogo de impresión.
• Lighthouse. No medido. Ver DESIGN-NOTES.md para lo que sí se verificó y lo que no.

Ficheros

index.html                    AUREA v2 — el entregable
DESIGN-NOTES.md               plan, riesgo estético, defectos corregidos, poda
v1-biblioteca-esencial.html   primera versión, conservada como referencia

---

Compuesta en Bodoni Moda, Newsreader e IBM Plex Mono. Sin analítica, sin cookies, sin llamadas a terceros.