WorldAPI layouts

Accent

Elements

Plain HTML, themed. No frames: a border appears only where it means something — the foldable and the drop zone below, and the focus ring.

Text

Body text is light on dark. Strong text and titles are white. Links take the accent: a link to this page. Inline code, a key Ctrl and small print.

Muted text says something secondary: updated 3 minutes ago.

A third-level title

  • First point
  • Second point, with a longer text that wraps onto the next line on a phone to show the indent of the list
  • Third point
inherit './theme/theme.hl'

Buttons

A link as a button

Quiet by default; the accent marks the one main action; danger says it destroys something.

Fields

Show

Foldables

The border is part of the foldable, like the tracker's seasons.

Season 2 · 8 episodes
  1. The Fall
  2. Lamia
  3. Feral
Season 1 · 10 episodes

Folded until opened.

Drop zone

Drop a file here

Nothing dropped yet.

Table

TitleTypeNext
ReacherSeriesS03E08
Dune: Part TwoMoviewatched
Late Night with the DevilMovie—
TaskmasterShowS18E02

Type colours and pills

Six slots an app names (the tracker: 1 Movie, 2 Series, 3 Show, 4 Genre, 5 Person). A pill is inverted: text on the colour.

MovieSeriesShowGenrePersonType 6

Dune: Part TwoReacherTaskmasterScience FictionAlan Ritchson

AccentRunningPausedEndedUnknown

Empty state and an overlong title

No notes yet.

Averyveryverylongtitlewithoutanyspacethatmustnotpushthepagesidewaysonaphone and then some more words to wrap