Settings screen
A weather station's configuration drawn as its data logger's front panel: a nameplate of fields, channels with switches and lamps, ranges, affixed units, a table of feed keys, and dialogs that ask before anything is lost.
The shell frames it with a sticky section list. One form holds every section and validate.js guards it: a refused save marks each invalid field in place with its reason. The nameplate is a grid of fields, one read-only, one with a pattern, one with an affix for its unit; the channels are switches, each with a lamp that follows it in pure CSS; the sampling rates are ranges read out by range.js; the alert thresholds are affixed numbers beside a fieldset of checkboxes. The feed keys sit in a table, and revoking one or decommissioning the station opens a dialog, the second asking for the station's ID first. The world is its own, a powder-grey logger panel, from a theme of Yeti tokens and element rules in its own layer, plus a short stylesheet for the tapes and lamps.
Or drag the box's corner to see the page at any width. It is written with nothing but Yeti's classes and attributes, and every element on it is validated against the manifest the way each demo on this site is.