Playwright inspection of the redesigned root page surfaced three real issues: 1. The .landing-hero element had a bottom-border that rendered as a harsh horizontal rule between the intro and the search. Combined with the footer's top-border, a short landing page had TWO visual <hr> lines fighting each other. Removed the bottom-border. 2. The intro's secondary paragraph ended with "Mer om personvern og hvordan det virker." — the persistent footer right below has the exact same link. Two identical CTAs within ~400 vertical pixels on a short page. Dropped the inline link. 3. **Real contrast bug**: the body's snowflake background image was meant to be barely-visible (a body::before wash at z-index -1 was supposed to fade it). But `z-index: -1` on a pseudo-element of body puts it BEHIND the body's painted background — not in front. So the wash did nothing, and on full-screen viewports (≥1100 px) the snowflake rendered at full luminosity-blended opacity, wrecking text contrast. The user spotted this in full screen. Fix: remove the body-background snowflake entirely. The ❄ glyph next to the wordmark in nav.top h1::after already carries the seasonal icon language and never interferes with content text. Also: extended .gitignore to drop .playwright-mcp/ artefacts and *.png. The previous attempt at this commit accidentally included inspection screenshots and console logs; reset and redone. |
||
|---|---|---|
| .. | ||
| public | ||
| src | ||
| index.html | ||
| svelte.config.js | ||
| tsconfig.json | ||
| vite.config.ts | ||