diff --git a/.gitignore b/.gitignore index c7cbad9..0d66673 100644 --- a/.gitignore +++ b/.gitignore @@ -7,3 +7,8 @@ data/ .env .env.local .DS_Store + +# Playwright inspection artefacts — generated by the MCP browser tool when +# inspecting the live site. Never source of truth, never committed. +.playwright-mcp/ +*.png diff --git a/frontend/src/components/Home.svelte b/frontend/src/components/Home.svelte index fb1eddd..546c441 100644 --- a/frontend/src/components/Home.svelte +++ b/frontend/src/components/Home.svelte @@ -131,7 +131,6 @@
Du velger selv om hver oppføring er privat (kryptert i nettleseren din), anonym (synlig uten navn), eller offentlig. - Mer om personvern og hvordan det virker.
{:else if session.user} diff --git a/frontend/src/styles.css b/frontend/src/styles.css index efc30b0..2f18186 100644 --- a/frontend/src/styles.css +++ b/frontend/src/styles.css @@ -55,38 +55,10 @@ html, body { -webkit-text-size-adjust: 100%; } -/* Body gets a very subtle snowflake silhouette in the corner, picking up the - icon language without being intrusive. Hidden on small viewports because - it competes with content. Disabled under prefers-reduced-motion only when - the background image could imply motion — here it's static, so it stays. */ -@media (min-width: 1100px) { - body { - background-image: url('/icon.svg'); - background-position: calc(50% + 420px) 80px; - background-size: 260px; - background-repeat: no-repeat; - background-attachment: fixed; - /* Heavily de-emphasised so it never competes with text contrast. */ - background-blend-mode: luminosity; - background-color: var(--bg); - } - body::before { - /* Layer a soft wash over the icon to fade it to barely-visible. */ - content: ''; - position: fixed; - inset: 0; - background: var(--bg); - opacity: 0.92; - pointer-events: none; - z-index: -1; - } -} - main { max-width: 720px; margin: 0 auto; padding: 1.5rem max(1rem, env(safe-area-inset-right)) calc(4rem + env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left)); - position: relative; /* sit above the body::before wash */ } h1, h2, h3, h4 { line-height: 1.2; margin-top: 0; } @@ -263,12 +235,13 @@ nav.top h1::after { opacity: 0.85; } -/* Hero treatment on the landing — a touch more breathing room and weight - on the first paragraph so the page reads as inviting, not utilitarian. */ +/* Hero treatment on the landing — extra weight on the first paragraph so + the page reads as inviting, not utilitarian. No bottom border: a short + landing page only needs one horizontal rule (the footer's), and adding + a second made the hero read as a separate section visually fighting the + list below. */ .landing-hero { - margin-bottom: 1.25rem; - padding-bottom: 1rem; - border-bottom: 1px solid var(--border); + margin-bottom: 1.5rem; } .landing-hero p { font-size: 1.05rem;