# Page snapshot

```yaml
- main [ref=e4]:
  - generic [ref=e6]:
    - complementary
    - generic [ref=e7]:
      - generic [ref=e8]:
        - generic [ref=e11]:
          - link "(<sx>)" [ref=e12] [cursor=pointer]:
            - /url: /sx/
            - generic [ref=e14]: (<sx>)
          - paragraph [ref=e15]: The framework-free reactive hypermedium
          - paragraph [ref=e17]: © Giles Bradshaw 2026· /sx/
        - generic [ref=e19]:
          - link "Geography" [ref=e20] [cursor=pointer]:
            - /url: /sx/(geography)
          - link "Language" [ref=e21] [cursor=pointer]:
            - /url: /sx/(language)
          - link "Applications" [ref=e22] [cursor=pointer]:
            - /url: /sx/(applications)
          - link "Tools" [ref=e23] [cursor=pointer]:
            - /url: /sx/(tools)
          - link "Etc" [ref=e24] [cursor=pointer]:
            - /url: /sx/(etc)
      - generic [ref=e29]:
        - generic [ref=e30]: (div (~tw :tokens "text-center") (h1 (~tw :tokens "text-3xl font-bold mb-2") (span (~tw :tokens "text-rose-500") "the ") (span (~tw :tokens "text-amber-500") "joy ") (span (~tw :tokens "text-emerald-500") "of ") (span (~tw :tokens "text-violet-600 text-4xl") "sx")))
        - generic [ref=e31]:
          - button "◀" [ref=e32] [cursor=pointer]
          - generic [ref=e33]: 16 / 16
          - button "▶" [ref=e34] [cursor=pointer]
        - heading "the joy of sx" [level=1] [ref=e37]
```