feat: redesign 404 page to match site branding #27

Closed

pook wants to merge 23 commits from feature/404-page-redesign into main

pook commented

2026-04-08 22:02:28 -04:00

Owner

Summary

Redesigned 404.html to use the same design system, nav bar, footer, and interactive elements (custom cursor, mobile hamburger) as all other site pages
Includes VTS logo badge, "Page Not Found" message, and prominent "Back to Home" button
Maintains responsive layout, WCAG touch targets, skip link, and print styles

What changed

The previous 404 page was a minimal standalone page with its own inline CSS and no nav/footer. This update brings it in line with the rest of the site (privacy.html, terms.html, service pages) so users who land on a missing URL still see the full branded experience.

Test plan

Visit a nonexistent path (e.g. /nonexistent) and verify the 404 page renders with full nav and footer
Verify the "Back to Home" button links to /
Test mobile responsiveness (hamburger menu, stacked footer)
Verify the page is not directly accessible at /404 (nginx internal directive)

Closes #18

🤖 Generated with Claude Code

## Summary - Redesigned `404.html` to use the same design system, nav bar, footer, and interactive elements (custom cursor, mobile hamburger) as all other site pages - Includes VTS logo badge, "Page Not Found" message, and prominent "Back to Home" button - Maintains responsive layout, WCAG touch targets, skip link, and print styles ## What changed The previous 404 page was a minimal standalone page with its own inline CSS and no nav/footer. This update brings it in line with the rest of the site (privacy.html, terms.html, service pages) so users who land on a missing URL still see the full branded experience. ## Test plan - [ ] Visit a nonexistent path (e.g. `/nonexistent`) and verify the 404 page renders with full nav and footer - [ ] Verify the "Back to Home" button links to `/` - [ ] Test mobile responsiveness (hamburger menu, stacked footer) - [ ] Verify the page is not directly accessible at `/404` (nginx `internal` directive) Closes #18 🤖 Generated with [Claude Code](https://claude.com/claude-code)

pook added 1 commit

2026-04-08 22:02:28 -04:00

feat: redesign 404 page to match site branding with full nav/footer

CI / test (pull_request) Has been cancelled

Details

CI / docker-build (pull_request) Has been cancelled

Details

a699e6dc1c

Replaces the minimal standalone 404 page with a fully branded version
using the same design system, navigation, footer, and interactive
elements (custom cursor, mobile hamburger menu) as all other site pages.

Closes #18

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>