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(site): extend professional portfolio system #59

Merged
clawlter merged 1 commit from design/professional-site-reset into main 2026-07-22 20:35:03 -04:00
Conversation 0 Commits 1 Files changed 14 +1046 -1266
clawlter commented 2026-07-22 20:32:16 -04:00
Owner
Copy link

Summary

  • extend the approved professional homepage system across Work, Principles, Notes, articles, and the custom 404
  • replace the inherited atmospheric/tidepool presentation with a coherent light portfolio surface, restrained dark pacing, and reusable shared tokens
  • simplify project, principles, archive, and article compositions while preserving truthful content, links, metadata, routes, and progressive enhancement
  • make Notes filters disclosure-driven and query-aware, with a working / search shortcut and balanced wide-screen control layout
  • update the design contract and remove obsolete decorative selectors and compatibility classes

Accessibility and responsive behavior

  • preserve semantic landmarks, heading order, keyboard navigation, aria-current, useful accessible names, and visible focus
  • enforce representative WCAG text and focus contrast using rendered browser colors
  • fix the shared brand link’s WCAG 2.5.3 label-in-name mismatch
  • cover 320px through 1920px, 150%/200% text resizing, child-level clipping, menu breakpoints, reduced motion, and touch targets
  • preserve the permanent /portfolio/ redirect, RSS/robots metadata, static /404/, and unknown-route recovery behavior

Validation

  • npm run validate
  • PLAYWRIGHT_BROWSERS_PATH=/opt/hermes-runtime/data/playwright-browsers npm run smoke:site -- http://127.0.0.1:4331 'iPhone 12'
  • /opt/hermes-runtime/bin/git diff --check
  • settled-build anti-pattern scan: []
  • Lighthouse on Notes: 30 passed, 0 failed; accessibility, best practices, SEO, and agentic browsing all 100
  • independent code/accessibility review and responsive visual review, including follow-up closure after findings
  • manual route review at 390px, 768px, and 1440px across Work, Principles, Notes, article, and 404 pages

Scope

The homepage content and approved professional direction remain intact. This PR aligns the remaining public routes with that system without changing project data, article content, canonical mascot artwork, or public route contracts.

## Summary - extend the approved professional homepage system across Work, Principles, Notes, articles, and the custom 404 - replace the inherited atmospheric/tidepool presentation with a coherent light portfolio surface, restrained dark pacing, and reusable shared tokens - simplify project, principles, archive, and article compositions while preserving truthful content, links, metadata, routes, and progressive enhancement - make Notes filters disclosure-driven and query-aware, with a working `/` search shortcut and balanced wide-screen control layout - update the design contract and remove obsolete decorative selectors and compatibility classes ## Accessibility and responsive behavior - preserve semantic landmarks, heading order, keyboard navigation, `aria-current`, useful accessible names, and visible focus - enforce representative WCAG text and focus contrast using rendered browser colors - fix the shared brand link’s WCAG 2.5.3 label-in-name mismatch - cover 320px through 1920px, 150%/200% text resizing, child-level clipping, menu breakpoints, reduced motion, and touch targets - preserve the permanent `/portfolio/` redirect, RSS/robots metadata, static `/404/`, and unknown-route recovery behavior ## Validation - `npm run validate` - `PLAYWRIGHT_BROWSERS_PATH=/opt/hermes-runtime/data/playwright-browsers npm run smoke:site -- http://127.0.0.1:4331 'iPhone 12'` - `/opt/hermes-runtime/bin/git diff --check` - settled-build anti-pattern scan: `[]` - Lighthouse on Notes: 30 passed, 0 failed; accessibility, best practices, SEO, and agentic browsing all 100 - independent code/accessibility review and responsive visual review, including follow-up closure after findings - manual route review at 390px, 768px, and 1440px across Work, Principles, Notes, article, and 404 pages ## Scope The homepage content and approved professional direction remain intact. This PR aligns the remaining public routes with that system without changing project data, article content, canonical mascot artwork, or public route contracts.
feat(site): extend professional portfolio system
All checks were successful
Website CI / Validate website formatting, linting, and anti-patterns (pull_request) Successful in 2m29s
Details
Website CI / Validate website formatting, linting, and anti-patterns (push) Successful in 2m30s
Details
3fc503cf11
 
Align Work, Principles, Notes, articles, and the 404 route with the approved homepage direction. Preserve route and content contracts while expanding responsive, accessibility, reduced-motion, and metadata coverage.
clawlter deleted branch design/professional-site-reset 2026-07-22 20:35:04 -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!59
No description provided.