2
0
Fork
You've already forked website
0

Hamburger menu #8

Merged
spookyvision merged 2 commits from hamburger-menu into main 2026年07月09日 18:30:25 +02:00

/ ! \ review & merge #7 first, as this pull request builds on top of those changes.

For narrow screen sizes the header links now get condensed into a "hamburger" dropdown menu.

This is implemented only using CSS and is based on where the user focus is:

  • inside the menu or on the "open-nav" element -> it is open
  • outside the menu or on the "close-nav" element -> it is closed

Only one of the open/close elements is visible, so they look like the same button.

Screen readers will just ignore these and navigate into the menu, so will keyboard users navigating with the tab key.

Secondary changes:

  • Move page header to separate file for readability
> **/ ! \\** review & merge #7 first, as this pull request builds on top of those changes. For narrow screen sizes the header links now get condensed into a "hamburger" dropdown menu. This is implemented only using CSS and is based on where the user focus is: - inside the menu or on the "open-nav" element -> it is open - outside the menu or on the "close-nav" element -> it is closed Only one of the open/close elements is visible, so they look like the same button. Screen readers will just ignore these and navigate into the menu, so will keyboard users navigating with the tab key. Secondary changes: - Move page header to separate file for readability 
- abstracts translation code to it's own component
- some support for formatting text - supports rendering an array of translation strings as separate elements (paragraphs, list items, etc.)
- landing page
 - add texts
 - add hex graphics and image
- add logo to header
- change fonts
- smaller fixes / adjustments

as mentioned in discord, especially PRs that are heavy on CSS are difficult to review using only a diff view - approving to unblock progress, but will look into preview deployment.

as mentioned in discord, especially PRs that are heavy on CSS are difficult to review using only a diff view - approving to unblock progress, but will look into preview deployment.
spookyvision deleted branch hamburger-menu 2026年07月09日 18:36:28 +02:00
Sign in to join this conversation.
No reviewers
Labels
Clear labels
Compat/Breaking
Breaking change that won't be backward compatible
Complexity
Good First Issue
 Straightforward task
Complexity
High
 Requires experience with this project and/or extra care
Complexity
Moderate
 Requires familiarity with the project
Kind/Bug
Something is not working
Kind/Documentation
Documentation changes
Kind/Enhancement
Improve existing functionality
Kind/Feature
New functionality
Kind/Security
This is security issue
Kind/Testing
Issue or pull request related to testing
Priority
Critical
 The priority is critical
Priority
High
 The priority is high
Priority
Low
 The priority is low
Priority
Medium
 The priority is medium
Reviewed
Confirmed
 Issue has been confirmed
Reviewed
Duplicate
 This issue or pull request already exists
Reviewed
Invalid
 Invalid issue
Reviewed
Won't Fix
 This issue won't be fixed
Status
Abandoned
 Somebody has started to work on this but abandoned work
Status
Blocked
 Something is blocking this issue or pull request
Status
Need More Info
 Feedback is required to reproduce issue or to continue work
Milestone
Clear milestone
No items
No milestone
Projects
Clear projects
No items
No project
Assignees
Clear assignees
No assignees
2 participants
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
maracuya/website!8
Reference in a new issue
maracuya/website
No description provided.
Delete branch "hamburger-menu"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?