Spaces:
Sleeping
Sleeping
Commit History
-
feat(frontend): apply frontend-design, web-design-guidelines, architect-review skills
Ryan Christian D. Deniega- Replace Inter+SpaceGrotesk w/ Syne+Lora+JetBrains Mono (frontend-design) - Halftone dot texture background, sharp 4px corners (frontend-design) - PH flag red/gold/cyan palette, editorial ruled headers (frontend-design) - Staggered fade-up animations w/ prefers-reduced-motion guard (web-guidelines) - color-scheme: dark on html, touch-action: manipulation (web-guidelines) - Semantic nav/main/header/section/ul/li/time elements (web-guidelines) - aria-labels on all icon buttons, role=tablist, role=alert (web-guidelines) - htmlFor labels on all form inputs, useId for unique IDs (web-guidelines) - focus-visible rings, no outline-none (web-guidelines) - font-variant-numeric tabular-nums via .tabular class (web-guidelines) - Intl.DateTimeFormat via utils/format.js timeAgo() (web-guidelines) - Business logic (timeAgo, scoreColor, VERDICT_MAP) extracted to utils/ (architect) - SectionHeading, MetaRow, ScoreBar as atomic sub-components (architect)b1a8265