webui/README.md
Djuri Baars 48e585d4ec
All checks were successful
/ check-changes (push) Successful in 18s
/ build (push) Has been skipped
Update badges in README
2024-12-29 03:58:08 +01:00

46 lines
1.2 KiB
Markdown

# BTClock WebUI
[![Latest release](https://git.btclock.dev/btclock/webui/badges/release.svg)](https://git.btclock.dev/btclock/webui/releases/latest)
[![BTClock CI](https://git.btclock.dev/btclock/webui/badges/workflows/build.yaml/badge.svg)](https://git.btclock.dev/btclock/webui/actions?workflow=build.yaml&actor=0&status=0)
The web user-interface for the BTClock, based on Svelte-kit. It uses Bootstrap for the lay-out.
![Screenshot](doc/screenshot-light.webp)
![Screenshot Dark](doc/screenshot-dark.webp)
## Developing
After installed dependencies with `yarn`, start a development server:
```bash
yarn dev
# or start the server and open the app in a new browser tab
yarn dev -- --open
```
## Building
To create a production version of the WebUI:
```bash
yarn build
```
Make sure the postinstall script is ran, because otherwise the filenames are to long for the LittleFS filesystem.
## Deploying
To upload the firmware to the BTClock, you need to GZIP all the files. You can use the python script `gzip_build.py` for that:
```bash
python3 gzip_build.py
```
Then you can make a `LittleFS.bin` with mklittlefs:
```bash
mklittlefs -c build_gz -s 409600 littlefs.bin
```
You can preview the production build with `yarn preview`.