Screenshots
A visual tour of Kanfei's dashboard, features, and integrations.
Screenshots are organized by area. Each image is captioned with a brief description. To update a screenshot, replace the corresponding file in images/ using the naming convention below and push to the wiki repo.
Naming convention: images/<section>-<description>.png (lowercase, hyphens, PNG preferred)
The main dashboard features SVG gauges on a drag-and-resize 12-column grid with weather-driven background imagery.
Tiles can expand to show sparkline trend charts for recent readings.
Screenshot needed: images/dashboard-light.png
The brass-and-cream analog aesthetic.
Screenshot needed: images/dashboard-classic.png
Responsive layout on phone-width screens.
Screenshot needed: images/dashboard-mobile.png
Highcharts time-series with selectable sensor, date range, and resolution.
Zambretti barometric algorithm blended with NWS API data.
Sunrise/sunset arc, twilight bands, and moon phase with illumination.
AI-powered hyper-local weather intelligence (optional add-on).
Screenshot needed: images/nowcast.png
Rule-based go/no-go engine with product thresholds and outcome feedback.
Screenshot needed: images/spray-advisor.png
Active alert monitoring for your station location.
Screenshot needed: images/nws-alerts.png
First-run wizard for hardware detection, location, and preferences.
Screenshot needed: images/setup-wizard-detect.png
Screenshot needed: images/setup-wizard-location.png
Station connection, hardware config, and WeatherLink calibration.
Units, theme, timezone, and weather background settings.
Weather Underground and CWOP/APRS upload integrations.
Telegram and Discord bot configuration.
Custom alert threshold configuration.
Database overview, table stats, and sensor reading compaction.
Automatic backup scheduling, manual backup, and backup archive management.
Application logs, password management, and service management commands.
Project info, software stack, credits, and sponsorship.
Commands and notifications as seen in the Telegram client.
Screenshot needed: images/telegram-current.png
Screenshot needed: images/telegram-alert.png
Screenshot needed: images/telegram-nowcast.png
Slash commands and notifications as seen in the Discord client.
Screenshot needed: images/discord-current.png
Screenshot needed: images/discord-alert.png
Screenshot needed: images/discord-nowcast.png
Session authentication login page.
Screenshot needed: images/login.png
- Take the screenshot and save as PNG.
- Name it following the convention:
images/<section>-<description>.png - Place it in the
images/directory in the wiki repo. - Uncomment the
![...]()image line and remove the Screenshot needed placeholder. - Commit and push.
To replace an existing screenshot, overwrite the file with the same name — all references update automatically.