The suplovani.cz school notice board is built from widgets — self-contained tiles that show substitutions, announcements, photos, video or, say, the weather. The editor arranges each widget into the scene exactly where it’s needed.
It’s best shown live. The widget below is exactly the same code that runs on the screens in schools — just shrunk down to fit a browser window. It fetches real data from Open-Meteo on its own and renders an animated scene based on the current weather at the chosen location.
What the scene can do
- Time of day — dawn, day, dusk and night, based on the real time and location.
- The sky — clouds with parallax, rain and snow as particles, procedural lightning.
- Sun and moon — including the current phase of the moon.
- Temperatures and stats — feels-like temperature, wind, humidity.
The widget is responsive: on a small tile it shows just the large temperature and the place name, while on a bigger one it shows the full scene with the stats. Simply drag it onto the board and resize it.
Just pick a location
In the editor, the weather is set with a single field — a location autocomplete. The chosen location then drives the whole scene. No manually flipping between “it’s overcast” and “the sun’s out”; everything runs on real data.
