Skip to content

ux: add navigation links to the 404 page#527

Merged
geoffrey-wu merged 6 commits into
qbreader:mainfrom
xpoes123:ux/404-navigation
Jul 4, 2026
Merged

ux: add navigation links to the 404 page#527
geoffrey-wu merged 6 commits into
qbreader:mainfrom
xpoes123:ux/404-navigation

Conversation

@xpoes123

@xpoes123 xpoes123 commented Jun 30, 2026

Copy link
Copy Markdown
Contributor

Adds a small navigation block below the Easter-egg question on the 404 page so users who land on a missing URL have an obvious path back into the site.

Problem

client/404.html had no navigation — after displaying the HTTP status codes quiz question, users were left with no actionable link. This was particularly jarring for anyone who arrived via a broken external link.

Changes

  • Adds a horizontal rule and a short explanatory sentence below the existing answer line.
  • Adds three Bootstrap button links: "Go home" (/), "Play tossups" (/play/tossups/), and "Question database" (/db/).
  • The Easter-egg question and answer line are completely untouched.

Risk & testing

HTML-only change, no JavaScript or server logic involved. All three link targets exist in the client/ tree. Layout uses existing Bootstrap flex utilities, consistent with the rest of the page.

@geoffrey-wu geoffrey-wu merged commit fd2838d into qbreader:main Jul 4, 2026
1 check passed
geoffrey-wu added a commit that referenced this pull request Jul 4, 2026
…549)

* security: refuse to boot in production with default secrets

* ux: add navigation links to the 404 page (#527)

* ux: add navigation links to the 404 page

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

* ux: add navigation links to the 404 page

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

* fix SSI for 404 page

* fix status code

* fix page appearance

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: Geoffrey Wu <geoffreywu1000@gmail.com>

* security: refuse to boot in production with default secrets

* move guard to server.js

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: Geoffrey Wu <geoffreywu1000@gmail.com>
geoffrey-wu added a commit that referenced this pull request Jul 4, 2026
* a11y: make theme-switcher dropdown keyboard-accessible

Convert href-less anchor dropdown items to buttons and add aria-haspopup to the toggle.

* ux: add navigation links to the 404 page (#527)

* ux: add navigation links to the 404 page

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

* ux: add navigation links to the 404 page

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

* fix SSI for 404 page

* fix status code

* fix page appearance

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: Geoffrey Wu <geoffreywu1000@gmail.com>

* a11y: make theme-switcher dropdown keyboard-accessible

Convert href-less anchor dropdown items to buttons and add aria-haspopup to the toggle.

---------

Co-authored-by: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-authored-by: Geoffrey Wu <geoffreywu1000@gmail.com>
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.

2 participants