feat: plakat redesign phase 1 (tokens, fonts, poster hero, header)

- New design tokens: signal red, ink and paper as RGB channels; ink and paper
  swap roles in dark mode so every component inverts cleanly
- Fonts via next/font: Bricolage Grotesque (with wdth/opsz axes), Geist,
  Geist Mono; drop Inter and Playfair
- Poster hero: kicker, giant DK0 wordmark that reacts to pointer distance
  (weight and width through a damped spring, desktop only, off for reduced
  motion), claim as h1, intro with thesis countdown, marquee strip
- Header in poster style: transparent over the red hero, paper strip with
  ink rule when scrolled or on subpages; drawer menu restyled
- Remove wavy SVG separators, CSS shader gradient, background blobs and
  unused providers that caused the pink/purple bands between sections
- Drop the global p/span/div color override so colors inherit properly
- New hero texts in de/en, tests and i18n key check updated

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
denshooter
2026-10-15 18:37:54 +02:00
parent 02914d6145
commit 229715235f
19 changed files with 355 additions and 584 deletions
+9 -18
View File
@@ -23,21 +23,15 @@
"acceptSelected": "Accept selected",
"rejectAll": "Reject all",
"hide": "Hide"
}
,
},
"home": {
"hero": {
"badge": "Student & Self-Hoster",
"line1": "Building",
"line2": "Stuff.",
"features": {
"f1": "Next.js & Flutter",
"f2": "Docker Swarm & CI/CD",
"f3": "Self-Hosted Infrastructure"
},
"description": "I'm Dennis Konkol, a computer science student and web developer from Osnabrück, Germany. I build fullstack apps with Next.js and Flutter and love running my own infrastructure with Docker and CI/CD.",
"ctaWork": "View Projects",
"ctaContact": "Get in touch"
"kicker": "Dennis Konkol — Osnabrück, Germany",
"claim": "I self-host half my life. The rest I code.",
"intro": "IT admin in Osnabrück and master's student. From February 2027 I look after Microsoft 365 full-time, until then my master's thesis.",
"countdown": "{days, plural, one {# day to go.} other {# days to go.}}",
"ctaWork": "See projects",
"ctaContact": "Write me"
},
"about": {
"title": "Behind the Code",
@@ -133,8 +127,7 @@
"characters": "{count} characters"
}
}
}
,
},
"projects": {
"shared": {
"featured": "Featured"
@@ -154,8 +147,7 @@
"viewSource": "View Source",
"techStack": "Tech Stack"
}
}
,
},
"footer": {
"role": "Software Engineer",
"madeIn": "Made in Germany",
@@ -201,4 +193,3 @@
"professional": "Professional"
}
}