Skip to content

Conversation

KTibow
Copy link
Contributor

@KTibow KTibow commented Aug 2, 2025

Of course redesigning anything is a big change, so let me justify this:

  • The current header has a lot of dead code (eg styling for the nonexistent discord-button and banner-video) and out of scope code (eg styling for body that should go with the rest of the styles).
  • The current header takes up a lot of space (192px to be exact, the same as 7.5 lines of text).
  • The current header has some small touch targets (eg dead space between links instead of clickable area).

The new header is more compact, inspired by the headers VitePress uses:
image
image
Since the new header is compact, it can afford to stick at the top, so I've done that. This removes the need to scroll up to the top every time you need to use the nav.


Despite being more compact, it has larger touch targets than the old one:
image
vs
image
Having larger touch targets is helpful to both mobile users (who see everything smaller due to the current lack of meta name="viewport" tags) and desktop users (who still have a cursor to maneuver).

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