HTML Watch recreation of a fruit smartwatch, WITH burn in prevention.
This is a recreation of a certain companies' smart watch but with some fun additions.
- Liquid Glass background
- Can use any image URL as the background by passing in a url flag, along with tile, cover and center modes
- A second image can be chosen too, to help with burn in prevention. Just pass the same flags but with a 2 at the end.
- Can use any colour as a background instead of an image, turned on with a URL flag too
- Date can be turned on with a URL flag too
- Hours of automatic reload are added with a flag.
URL Flags
| Flag | Value | Description | Default |
|---|---|---|---|
| ?bg_img= | [URL] | Full URL of a background image (e.g., .jpg, .png). | None |
| ?bg_mode= | tile, center, cover | How the background image is displayed. | center |
| ?bg_img2= | [URL] | Full URL of a second background image (e.g., .jpg, .png). | None |
| ?bg_mode2= | tile, center, cover | How the second background image is displayed. | center |
| ?bg= | [HEX or Color Name] | Sets the color of the translucent "Liquid Glass" clock face. | #000000 (Black) |
| ?date= | show or hide | Toggles the visibility of the date and day of the week. | hide |
| ?reload_h= | # of Hours | Set the interval of an automagic reload, without cache | 12 hours |
| ?clock_bg_img= | [URL] | Set unblurred clock background | None (try https://gifroz.vercel.app) |
| ?clock_bg_mode= | tile, center, cover | How the clock background image is displayed. | center |
| ?blur= | # of blur | Amount of clock background blur, good with gif backgrounds... | 15 |
EXAMPLES(Preview):
