The theseus.x website: Theseus downloads, extensions, plug-ins, whitepaper and developer docs
Mobile phones were giving the topnav 130 px — three or four wrapped rows — before the hero even started drawing. On a 375 x 812 viewport that cost ~16% of the first screen to redundant navigation, and the "Get Theseus" / "Get for Android" CTAs duplicated download buttons that sit in the hero one scroll away. The new pattern: - Desktop (>720 px) is unchanged. Theseus.X drops Brand + Whitepaper from the topnav (they live in the deep footer), so the row is now brand + Plug-ins + Extensions + Sirius.X + Get Theseus. Ariadne.X keeps the same set it had. - Mobile (<=720 px) collapses to a single ~58 px row: brand on the left, a native <details><summary> hamburger on the right, nothing else. The dropdown panel is right-anchored, pure HTML+CSS, no JS, keyboard-usable via the summary's built-in semantics. - Theseus dropdown: Plug-ins, Extensions, Sirius.X. - Ariadne dropdown: Ariadne's Thread, Theseus.X, Sirius.X. The hero + its primary CTA now fit above the fold on an iPhone 13 class viewport, which is where this content needs to land first. |
||
|---|---|---|
| assets | ||
| brand | ||
| dl | ||
| extensions | ||
| plug-ins | ||
| whitepaper | ||
| index.html | ||