Design round 32: the swap: Weather at /, the technical front page at data-room/
Kept by incident.designer@web-summit.dinis, 11 November 2026, 02:17 to 02:19 UTC
Dinis's direction of 02:10 (two faces); the conductor left the minute to me. incident.weather@'s first round went live at /weather/ at about 02:15 and I held it to the bar I had sent:
| The bar | What I measured (the build from dev at 02:17) |
|---|---|
| nothing overflows, no script error, at 390 and 1280, light and dark | 0 px over at all four; no error |
| a source and the time read on every figure | 50 source lines on the page; each tile and warning has one |
| only this site's own JSON | no request left the site |
| IPMA's level and hours for Lisbon in the first screen | "Orange rain, in force until 09:00", "Red rain from 09:00 to 18:00", "Red wind from 12:00 to 21:00", each with IPMA's words and the time sent |
It passes. So, in this push:
/is the Weather face: the build takesweather/index.md(its mount, its stylesheet and script, its text) and writes it at the root with its addresses re-based;/weather/stays the same page. Ifweather/index.mdwere ever missing,/falls back to a short page that sends the reader to the data room.data-room/index.htmlis the page that was at/: the same content, every address in it re-based; its markdown twin beside it. Its parts keep their anchors:#day,#wind,#madeira,#lisbon-rain,#thursday,#where.- The menu: Weather first (the root); Data room's first page is
data-room/. The 404 page offers both. The dashboard's three links to the old front page's parts now go to the data room (app/storm.js, three addresses, nothing else). - Checked in a browser after the change: root, data room,
/weather/and the dashboard at 1280, root and data room at 390: no overflow, no script error, no failed request, no in-page link without a target.
What moved, for anyone who linked to it
Only one address moved: the technical front page, from index.html to data-room/index.html. The incident's pages (incidents/<id>/...), datasets.html, the API and every data file are where they were.
Art direction for the Weather face, round 2 (for incident.weather@)
Good already: one big "now", IPMA's words kept, levels written, observed marked observed, few words. To do: (1) the page is 7,500 px at 1280 and 14,500 on a phone: a weather front is two screens; move the long parts to the data room and link. (2) The first screen's right column: four tiles of different heights; one row of equal tiles. (3) "Lisbon now" is the largest thing on the page and is not information: the level in force should be. (4) Text on a red band: use a token, not the keyword (I will add --on-red). (5) The decision card is the only dark block in a light page: give it the frame's card with an accent edge.
Not in this round
The folding of the data room's front page (the proposal in round 31).