homepage: typography upgrade + ArticleFeed polish
- layout.tsx: load Lora (serif) + Inter (sans) via next/font/google, self-hosted at build time, exposed as --font-serif / --font-sans CSS variables on <html>. No CDN fetch, no FOIT, no GDPR concern. - tailwind.css: --font-heading and --font-body now reference the next/font variables with Georgia / -apple-system fallbacks for the brief window before the self-hosted face is ready. --font-mono upgraded to IBM Plex Mono → ui-monospace → Courier New fallback (DoubleTicker chips already specify IBM Plex Mono directly). - ArticleFeed: drop the FEATURED filter chip (duplicates the Staff Editorial section above), add publish date alongside the byline on every card, lift the homepage feed cap from 200 → 5000. - api/public/posts: lift MAX_LIMIT to 10000 so client-side pagination + infinite-scroll see the full archive.
This commit is contained in:
@@ -17,9 +17,12 @@
|
||||
--color-border: #2a2a2a;
|
||||
--color-top-bar: #1a2535;
|
||||
--color-sub-nav: #161c28;
|
||||
--font-heading: Georgia, 'Times New Roman', serif;
|
||||
--font-body: Arial, Helvetica, sans-serif;
|
||||
--font-mono: 'Courier New', Courier, monospace;
|
||||
/* --font-serif and --font-sans are injected on <html> by next/font/google
|
||||
(Lora + Inter) in src/app/layout.tsx. The system-font tails are real
|
||||
fallbacks for the brief window before the self-hosted face is ready. */
|
||||
--font-heading: var(--font-serif), Georgia, 'Times New Roman', serif;
|
||||
--font-body: var(--font-sans), -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;
|
||||
--font-mono: 'IBM Plex Mono', ui-monospace, 'SF Mono', Menlo, Consolas, 'Courier New', monospace;
|
||||
--transition-fast: 0.18s ease;
|
||||
--transition-base: 0.25s ease;
|
||||
--transition-slow: 0.4s ease;
|
||||
|
||||
Reference in New Issue
Block a user