2023-10-07 21:05:54 +00:00
|
|
|
# \<pendor-clock>
|
|
|
|
|
2023-10-07 21:08:25 +00:00
|
|
|
<script type="module" src="./raw/branch/master/build-modern/pendor-clock.js"></script>
|
|
|
|
|
|
|
|
<pendor-clock></pendor-clock>
|
|
|
|
|
2023-10-07 21:05:54 +00:00
|
|
|
Way back at the dawn of the Internet, I started writing (and sometimes still write) a long-running
|
|
|
|
adult space opera serial called [The Journal Entries](https://pendorwright.com/journals). One of the
|
|
|
|
conceits of the series in that the distant world of Pendor was built and terraformed to have a
|
|
|
|
30-hour day, but its years and Terra's years are of exactly the same length. A 30-hour day has a
|
|
|
|
different calendar, and one of the very first [Java
|
|
|
|
applets](https://en.wikipedia.org/wiki/Java_applet) (remember those?) I wrote was a clock that
|
|
|
|
showed the time of day on Pendor.
|
|
|
|
|
|
|
|
This is the Pendorclock, but modernized into a custom Web Component, capable of running in any
|
|
|
|
browser without your needing to do anything at all to make it work correctly. It will load its own
|
|
|
|
font (Google Audiowide) and run anywhere you want. The font is not currently customizable without a
|
|
|
|
rebuild, but the following CSS Custom Attributes are exposed and you're free to change any of them:
|
|
|
|
|
|
|
|
``` JavaScript
|
|
|
|
background-color: var(--pendorclock-background-color, #000030);
|
|
|
|
color: var(--pendorclock-color, #ffffff);
|
|
|
|
font-size: var(--pendorclock-font-size, --default-font-size);
|
|
|
|
line-height: var(--pendorclock-line-height, 1.35);
|
|
|
|
font-weight: var(--pendorclock-font-weight, 700);
|
2021-11-16 03:41:26 +00:00
|
|
|
```
|
|
|
|
|
2023-10-07 21:05:54 +00:00
|
|
|
This is mostly my set-up these days, complete with the hard-core `lint:hard`, Codespell, and
|
|
|
|
automatic Prettier.
|
|
|
|
|
|
|
|
## LICENSE
|
|
|
|
|
|
|
|
The Pendorwright Clock is Copyright [Elf M. Sternberg](https://elfsternberg.com) (c) 2023, and
|
|
|
|
licensed with the Mozilla Public License vers. 2.0. A copy of the license file is included in the
|
|
|
|
root folder.
|
|
|
|
|
2021-11-16 03:41:26 +00:00
|
|
|
|
2021-11-16 03:27:41 +00:00
|
|
|
|