LineApp Demo Generator — browser-based tool for creating branded festival app prototypes
  • HTML 67.9%
  • JavaScript 31%
  • Shell 1.1%
Find a file
Paweł Orzech 24da9de822
Switch festival demos to light mode + move title below banner
Dark palette was hiding brand content behind a heavy surface. Going
full light mode makes the lineup, schedule, and CTA far more scannable,
and the festival's own branding (banner image, logo) now carries the
dark/colourful visual weight instead of fighting it.

Changes:
- fix-contrast.mjs: output near-white backgrounds (L=97) with faint
  brand tint, near-black text (L=12), and primaries clamped to L∈[35,55].
  Iterative darken loop for high-luminance hues (yellow/green/cyan) so
  every festival clears WCAG AA (P/BG ≥ 3.5 in practice).
- template.html: derivePalette detects light mode from bg L>60 and
  flips container offsets negative, so surface-container-low/high get
  darker (card separation) instead of hitting the L=100 ceiling.
- template.html: restructure hero. Banner is now pure photo (no title
  overlay), and the festival name + tagline + date/location chips live
  in a rounded surface block directly below. This removes the common
  clash between our overlaid NAME and the festival's own brand text
  that many banners already carry ("ŻYWIEC MĘSKIE GRANIE",
  "ZA MIŁOŚĆ!", "STATE OF EXIT", etc.).
- Chips use brand-coloured icons on surface-container-high for a subtle
  accent without fighting the photo.

All 24 verified via Playwright — no JS errors, readable typography,
primary colour visible on every CTA/active state.
2026-04-21 18:24:26 +02:00
batch Switch festival demos to light mode + move title below banner 2026-04-21 18:24:26 +02:00
index.html Fix file upload buttons not reachable on smaller screens 2026-04-14 20:15:39 +02:00