Weather forecast page, 16 elements per page, attribute paths, examples from the display

- Home Assistant attributes can be paths into lists (forecast.1.condition).
- Date elements can show a day ahead (day offset 0-7).
- Pages hold 16 elements (page format 6; the old formats are frozen at 8).
  Pages are reset in place (clearPage), not through a 4 KB temporary.
- Verwachting page: today (icon, temperature, max/min) and the next 2
  days with 7 x 7 icons (weer7 <condition>), from a template sensor
  (docs/home-assistant.md).
- examples/home-pages.json is exported from the display with all pages
  and their icons, private entity id parts replaced by placeholders
  (tools/export_examples.py replaces tools/make_example_pages.py).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

docs/pages.md

@@ -3,22 +3,28 @@
 [← Back to the README](../README.md)
 
 The dynamic pages on the display, drawn by the ESP32 itself (`python
-tools/make_page_screenshots.py` makes these pictures again). The Clock page is built in;
+tools/make_page_screenshots.py` makes these pictures again). The Clock page comes with the firmware (it can be changed, Reset brings back the original);
 the others are the example pages in [examples/home-pages.json](../examples/home-pages.json)
-(import them in the web UI, System tab; they use this home's Home Assistant entities).
+with their icons (import them in the web UI, System tab). They use this home's Home
+Assistant entities: change them to yours in the page editor (`climate.home`,
+`sensor.envoy_000000000000_...` and `sensor.plex_server` are placeholders).
+`python tools/export_examples.py` writes the file again from the pages on the display and
+replaces private parts of entity ids by these placeholders.
 
 | Page | |
 |---|---|
-| **Clock** (built in), day and from 17:00 | ![Clock](../Pictures/pages/clock-0000.png) ![Clock, evening](../Pictures/pages/clock-1700.png) |
+| **Clock** (from the firmware), day and from 17:00 | ![Clock](../Pictures/pages/clock-0000.png) ![Clock, evening](../Pictures/pages/clock-1700.png) |
 | **Weer**: clock, weather icon by state, humidity, temperature | ![Weer](../Pictures/pages/weer.png) |
+| **Verwachting**: today (icon, temperature now, max/min) and the next 2 days (weekday, small icon, max/min); needs the [forecast sensor](home-assistant.md#weather-forecast) | ![Verwachting](../Pictures/pages/verwachting.png) |
 | **Dag en nacht**: sun from 07:00, moon and stars from 19:00, date | ![Dag en nacht, day](../Pictures/pages/dag-en-nacht-0700.png) ![Dag en nacht, night](../Pictures/pages/dag-en-nacht-1900.png) |
 | **Energie**: net power now, solar today, clock | ![Energie](../Pictures/pages/energie.png) |
 | **3D printer**: progress, time left, status message (scrolls), nozzle temperature | ![3D printer](../Pictures/pages/3d-printer.png) |
-| **3D printer finished** (not in the examples): shown for 10 minutes after a print completes (rule), with the status message | ![3D printer finished](../Pictures/pages/3d-printer-finished.png) |
+| **3D printer finished**: shown for 10 minutes after a print completes (rule), with the status message | ![3D printer finished](../Pictures/pages/3d-printer-finished.png) |
 | **Binnen**: room and outside temperature, CO2, air quality | ![Binnen](../Pictures/pages/binnen.png) |
 | **Verbruik**: water and energy used today, solar today | ![Verbruik](../Pictures/pages/verbruik.png) |
 | **Grote klok**: big clock, inverted from 22:00 | ![Grote klok](../Pictures/pages/grote-klok-0700.png) ![Grote klok, night](../Pictures/pages/grote-klok-2200.png) |
 | **Datum**: weekday and date | ![Datum](../Pictures/pages/datum.png) |
 | **Aftellen**: countdown to Christmas | ![Aftellen](../Pictures/pages/aftellen.png) |
 | **Stopwatch** | ![Stopwatch](../Pictures/pages/stopwatch.png) |
+| **Bad**: how full the bath is (a progress bar from a Home Assistant number) and the clock; a rule shows it while the bath fills | ![Bad](../Pictures/pages/bad.png) |
 | **Plex**: how many watch, play/pause, title (scrolls) and progress of the Plex user ([Tautulli](home-assistant.md#plex-and-tautulli)) | ![Plex](../Pictures/pages/plex.png) |