erikghandClaude Opus 5.5
89e54a6e84
Primitivas y contenido del rediseño (escala tipográfica, Revelar, MarcaSeccion, Seccion, Antetitulo, SimboloMarca, Resplandor, ClaridadHero, sección Proceso de ocho etapas, lib/content.ts reestructurado en seis secciones con alias para las viejas). Mecanismo y FormaTrabajar se retiran. Encima, lo de esta sesión: - recorrido: creeer vuelve a responder cada situación en vez de repetirla (el alias apuntaba respuesta a situacion); respuestas en plural. Créditos de las seis fotos de México. - contacto: WhatsApp, email (con mailto:) y LinkedIn reales; iconos de las redes en el cierre y el footer (IconoRed, trazos de Simple Icons, CC0). - enlaces: lo externo abre en otra pestaña con noopener y aviso para lectores de pantalla (lib/enlaces.ts); mailto y anclas se quedan. - Proceso: las ocho tarjetas no aparecían nunca en móvil (amount 0.3 sobre una lista de ~3000px); ahora cada una se revela sola. El ≡ de la 08 ya no tapa un entregable, título equilibrado, etiqueta a 12px, sin elevar al hover lo que no es clicable. - Disciplinas: la frase «No son la promesa — son los medios» gana peso y se agrupa con título e ilustración; sin cortes huérfanos en móvil. Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
26 lines
818 B
TypeScript
26 lines
818 B
TypeScript
// A soft light source dropped behind a section's content.
|
|
//
|
|
// A flat fill reads as a printed block: nothing tells the eye where the light
|
|
// comes from, so every section weighs the same. One of these, placed off to a
|
|
// side, gives the surface a direction and lets the gradient underneath do its
|
|
// work. Purely decorative — it carries no meaning and is hidden from assistive
|
|
// tech.
|
|
//
|
|
// The caller positions and sizes it; only the colour and the falloff live here.
|
|
export function Resplandor({
|
|
className = '',
|
|
tono = 'dorado',
|
|
}: {
|
|
className?: string;
|
|
tono?: 'dorado' | 'frio';
|
|
}) {
|
|
return (
|
|
<div
|
|
aria-hidden="true"
|
|
className={`pointer-events-none absolute rounded-full blur-[1px] ${
|
|
tono === 'dorado' ? 'bg-velo-dorado' : 'bg-velo-frio'
|
|
} ${className}`}
|
|
/>
|
|
);
|
|
}
|