website

• The Pudding Website is a platform for publishing data-driven, visual stories with a focus on embedding data directly into HTML files for smaller datasets.
• It uses a SvelteKit-based starter template (Svelte 5) designed specifically for The Pudding's storytelling needs, featuring pre-loaded components, helpers, and utilities.
• Key features include:
  • Lucide Icons for SVG icons
  • ArchieML integration for micro-CMS via Google Docs/Sheets
  • Style Dictionary for CSS/JS style parity
  • Support for CSV, JSON, and SVG imports
  • SSR static-hosted builds by default
• Content management is handled through Google Sheets for story and author data, with specific guidelines for screenshots and resources.
• The starter template includes numerous pre-built components and utilities:
  • UI components (Footer, Header)
  • Helper components (Scrolly, various toggles, sliders)
  • LayerCake chart components for data visualization
  • Actions (focus traps, viewport detection)
  • Runes (viewport dimensions, media queries)
  • Utilities (CSV download, image loading, localStorage)
• The system emphasizes accessibility with components like focus traps, screen reader-only classes, and semantic tables.
• Designed for static hosting with deployment options for GitHub Pages and AWS.
• Includes specific styling guidelines and font handling for The Pudding's visual identity.