Skip to main content

Module html

Module html 

Source
Expand description

The one page style every generated report uses.

Self-contained by rule: the style is inline, no asset is fetched, and every link is relative, so a report works at whatever mount it is given and from the filesystem. That is why the style is inline; it is not why the values would be chosen here. The palette and the type stack are tokens.css, generated from share/design/tokens.yaml and compiled in, so a report renders in the same design as the site and the Cockpit without fetching anything. Layout below is this page’s own; colour, type, radius and measure are tokens. It is mobile-first in the same sense the site is — one readable column at any width, tables that scroll inside their own box rather than pushing the page sideways — because these pages are this repository’s own UI, not a third party’s output.

Functions§

escape
Escape text for HTML: the only escaping a generated page needs, applied at every interpolation rather than hoped for.
origin
The footer every report carries: where the evidence came from.
page
The document around a report’s body.
summary
The summary tiles at the top of a report.
table
A table inside its own scrolling box: wide evidence never pushes the page sideways.