Skip to content

design: simplify header to 2-row unified layout#13

Merged
praeducer merged 4 commits intomainfrom
claude/header-design-redesign
Mar 3, 2026
Merged

design: simplify header to 2-row unified layout#13
praeducer merged 4 commits intomainfrom
claude/header-design-redesign

Conversation

@praeducer
Copy link
Owner

@praeducer praeducer commented Mar 3, 2026

Summary

  • Removes the 3-row header (name / contacts / downloads) in favour of a clean 2-row layout: identity on row 1, all actions on row 2
  • Eliminates the orphaned RESUME uppercase label — the download icon + PDF/DOCX/MD labels are self-documenting
  • Unifies all header links (Email, LinkedIn, GitHub, PDF, DOCX, MD) to the same text-xs text-slate-500 text style, removing the heavy dark-filled PDF button and mismatched outlined DOCX/MD buttons
  • A subtle dot separator visually groups contact links from download links without a labelled section
  • Updates --header-height CSS fallback from 150px to 100px to match the new 2-row height

Motivation

User feedback: the RESUME all-caps label was misaligned with both the contact row and section nav; the dark filled PDF button dominated the header visually; contact links and nav links used inconsistent sizing. Goal: a minimal, trust-building header where chrome recedes and content leads.

Visual QA

Viewport Result
Desktop 1280px, light mode Header is 2-row, all links same weight, separator between contacts and downloads
Desktop 1280px, dark mode slate-950/95 bg, light text, 100px height confirmed via DOM inspection
Mobile 375px Row 2 wraps cleanly, no overflow, section nav hidden as expected

Test Plan

  • npm run lint — passed
  • npm test — 245 passed, 2 skipped
  • npm run build — clean static export, no TypeScript errors
  • Review rendered page in Vercel preview deployment

Generated with Claude Code

…style

Collapses the 3-row header (name / contacts / downloads) into 2 rows:
row 1 = identity, row 2 = all actions. Removes the orphaned RESUME
uppercase label. All contact and download links now share the same
text-xs text-slate-500 style — download icon affords intent without
heavy button chrome. Updates --header-height fallback from 150px to 100px.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@vercel
Copy link

vercel bot commented Mar 3, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
paulprae-com Ready Ready Preview, Comment Mar 3, 2026 4:50pm

Installs husky and lint-staged so prettier runs automatically on staged
files before every commit. Eliminates formatting failures in CI by fixing
code style at commit time rather than discovering it after push.

Also fixes the two files that were failing format:check on this branch
(.claude/launch.json, app/page.tsx).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
husky v9 exits non-zero in environments without .git (Vercel CI,
Docker builds, npm install in --ignore-scripts scenarios). The
|| true pattern is the officially recommended cross-environment
pattern — hooks still install on local dev, but CI builds don't
fail if husky can't initialise.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- README.md: add husky + lint-staged to tech stack table; update test
  count 190+ → 245+; add pre-commit hook paragraph to linting section;
  update common tasks table test count
- CONTRIBUTING.md: add pre-commit hook description to Code Quality;
  update test count 190+ → 245+; add 'design' to commit type list;
  correct co-author model name Opus 4.6 → Sonnet 4.6
- CLAUDE.md: update test count 240+ → 245+
- docs/technical-design-document.md: add pre-commit lint-staged step
  to §6.1 automated checks

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@praeducer praeducer merged commit 63f2d7d into main Mar 3, 2026
3 checks passed
@praeducer praeducer deleted the claude/header-design-redesign branch March 3, 2026 16:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant