Web UI Operations
The web interface is designed to be a simple-to-use yet comprehensive interface to the Wsprry Pi program and configuration. I’ll explain the UI from top to bottom.
Card Header
Each page contains a “card,” which has a similar header. The header is the shaded region at the top of the configuration card.
Card Info
Contextual information about what page/card you are viewing is on the left side of each card header.
Server Control
On the top right side before the clock are server control icons:
The icon to the left, the arrow in a circle, is to reboot your Pi. When you select this, a visual indicator will appear via the transmission LED (if configured). It will flash two times and then reboot.
The arrow to the right, the circle with the vertical line, will power off the Pi. When selected, a visual indicator will appear via the transmission LED (if configured). It will flash three times and then shut down immediately. Remember that in most configurations, you will need to remove the power and re-power the Pi to start it again.
Clock
On the far right side of the card header is a clock displaying both local and UTC time:
Application Pages / Card Bodies
The card body holds all of the available configuration options. You may need to scroll to see some. The layout is also designed to be responsive; that is, it should display in a usable manner on your cell phone and computer screen.
All changes must be saved via the save button before being applied to the system.