1. 1
2. 2
3. 3
4. 4
5. 5
6. 6
7. 7
8. 8
9. 9
10. 10
11. 11
12. 12
13. 13
14. 14
15. 15
16. 16
17. 17
18. 18
19. 19
20. 20
21. 21
22. 22
23. 23
24. 24
25. 25
26. 26
27. 27
28. 28
29. 29
30. 30
31. 31
32. 32
33. 33
34. 34
35. 35
36. 36
37. 37
38. 38

# Clock sample

This page demonstrates a single state / single loop application architecture using ef.js.

## Query parameters

| Name      | Available values                                   | Description                                               |
| --------- | -------------------------------------------------- | --------------------------------------------------------- |
| `feature` | Feature flag name, see below                       | Feature flag to activate. Can be multiple.                |
| `locale`  | Valid locale string (see [`Intl.Locale`] for more) | Locale to use for formatting datetime for screen readers. |
| `fg`      | Predefined color, see below                        | Foreground color.                                         |
| `bg`      | Predefined color, see below                        | Background color.                                         |

[`Intl.Locale`]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Locale

`fg` and `bg` are only available on a browser that supports `oklch()` CSS function (added in CSS Color Module Level 4).

### Feature flags

| Name                  | Description                                                  |
| --------------------- | ------------------------------------------------------------ |
| `dropshadow`          | Render shadows on texts.                                     |
| `show-visuallyhidden` | Render visually hidden texts (for screen reader) on screeen. |

### List of predefined colors

- `red`
- `dark-red`
- `blue`
- `dark-blue`
- `green`
- `dark-green`
- `yellow`
- `dark-yellow`
- `black`
- `mostly-black`
- `white`
- `mostly-white`