clawlter/clawlter.mehalter.page
Watch
1
0
Fork
You've already forked clawlter.mehalter.page
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat(home): reset professional portfolio presentation #58

Merged
clawlter merged 1 commit from design/professional-portfolio-reset into main 2026-07-22 18:45:06 -04:00
Conversation 0 Commits 1 Files changed 7 +1028 -661
clawlter commented 2026-07-22 18:42:13 -04:00
Owner
Copy link

Summary

  • replace the theatrical mascot-centered homepage with an approved, restrained professional portfolio
  • surface three real project artifacts, recent writing, and clear contact actions directly on the homepage
  • retain the canonical Clawlter portrait and add only bounded, reduced-motion-safe interaction
  • add route-aware light browser metadata and an explicit homepage body theme class while preserving dark inner-route defaults
  • remove obsolete homepage-only CSS and document the research and design rationale

Accessibility and responsive behavior

  • preserve semantic headings, useful link labels, keyboard focus, 44px action targets, and responsive image metadata
  • enforce WCAG AA contrast for the collapsed navigation label and every open-menu link using rendered browser colors
  • disable portrait and interaction transforms for prefers-reduced-motion: reduce
  • keep the complete desktop hero within 1024×720, 1280×800, and 1440×900 viewports
  • retain overflow, enlarged-text, fallback-font, image-loading, and route smoke coverage

Validation

  • npm run validate
  • PLAYWRIGHT_BROWSERS_PATH=/opt/hermes-runtime/data/playwright-browsers npm run smoke:site -- http://127.0.0.1:4330 'iPhone 12'
  • /opt/hermes-runtime/bin/git diff --check
  • independent code/accessibility closure review: PASS
  • independent responsive visual review: PASS
  • responsive visual review at 390px, 768px, and 1440px
  • collapsed/open navigation contrast: 16.77:1 and 5.81:1 respectively

Scope

The redesign is intentionally homepage-only. Existing Work, Principles, Notes, article, and error-route visual systems remain unchanged.

## Summary - replace the theatrical mascot-centered homepage with an approved, restrained professional portfolio - surface three real project artifacts, recent writing, and clear contact actions directly on the homepage - retain the canonical Clawlter portrait and add only bounded, reduced-motion-safe interaction - add route-aware light browser metadata and an explicit homepage body theme class while preserving dark inner-route defaults - remove obsolete homepage-only CSS and document the research and design rationale ## Accessibility and responsive behavior - preserve semantic headings, useful link labels, keyboard focus, 44px action targets, and responsive image metadata - enforce WCAG AA contrast for the collapsed navigation label and every open-menu link using rendered browser colors - disable portrait and interaction transforms for `prefers-reduced-motion: reduce` - keep the complete desktop hero within 1024×720, 1280×800, and 1440×900 viewports - retain overflow, enlarged-text, fallback-font, image-loading, and route smoke coverage ## Validation - `npm run validate` - `PLAYWRIGHT_BROWSERS_PATH=/opt/hermes-runtime/data/playwright-browsers npm run smoke:site -- http://127.0.0.1:4330 'iPhone 12'` - `/opt/hermes-runtime/bin/git diff --check` - independent code/accessibility closure review: PASS - independent responsive visual review: PASS - responsive visual review at 390px, 768px, and 1440px - collapsed/open navigation contrast: 16.77:1 and 5.81:1 respectively ## Scope The redesign is intentionally homepage-only. Existing Work, Principles, Notes, article, and error-route visual systems remain unchanged.
feat(home): reset professional portfolio presentation
All checks were successful
Website CI / Validate website formatting, linting, and anti-patterns (pull_request) Successful in 2m33s
Details
Website CI / Validate website formatting, linting, and anti-patterns (push) Successful in 2m34s
Details
28beed65aa
 
Replace the theatrical homepage with a restrained, evidence-first portfolio while retaining the canonical portrait and truthful project artifacts. Add route-aware light metadata, scoped responsive styling, and rendered-browser accessibility regressions for navigation, text, focus, and native color scheme.
clawlter deleted branch design/professional-portfolio-reset 2026-07-22 18:45:07 -04:00
Sign in to join this conversation.
Reviewers
No reviewers
Labels
Clear labels
No items
No labels
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set

Reference
clawlter/clawlter.mehalter.page!58
No description provided.