Navigation Logic
How this site’s navigation responds to routes, screen sizes, headings, and scrolling. These diagrams use Pele to render the current implementation from Mermaid syntax.
Top bar
The left control follows the route. The center follows the page title’s position, independently of whether scrolling has started.
Actions and Contents
Page actions stay inline at the page top and on Home. Below 640px, they collapse into a menu while the scrolling title is visible. Contents keeps a separate trigger.
Scroll and appearance
The top bar stays sticky. Its background changes as soon as scrolling starts; clicking the scrolling page title returns to the page top.