The clock used on the Pendorwright site.
Go to file
Elf M. Sternberg bf73427be7 Make the clock's <DIV> accessible by outside CSS. This will allow the font to be configurable without a rebuild. 2023-10-07 14:36:37 -07:00
.storybook Modernized! 2023-10-07 14:05:54 -07:00
build-modern Added the built version. 2023-10-07 14:06:36 -07:00
demo Make the clock's <DIV> accessible by outside CSS. This will allow the font to be configurable without a rebuild. 2023-10-07 14:36:37 -07:00
src Make the clock's <DIV> accessible by outside CSS. This will allow the font to be configurable without a rebuild. 2023-10-07 14:36:37 -07:00
stories Modernized! 2023-10-07 14:05:54 -07:00
.editorconfig Modernized! 2023-10-07 14:05:54 -07:00
.eslintignore Modernized! 2023-10-07 14:05:54 -07:00
.eslintrc.json Modernized! 2023-10-07 14:05:54 -07:00
.eslintrc.precommit.json Modernized! 2023-10-07 14:05:54 -07:00
.gitignore Modernized! 2023-10-07 14:05:54 -07:00
.prettierignore Modernized! 2023-10-07 14:05:54 -07:00
.prettierrc.json Modernized! 2023-10-07 14:05:54 -07:00
LICENSE Modernized! 2023-10-07 14:05:54 -07:00
LICENSE.md Modernized! 2023-10-07 14:05:54 -07:00
README.md Trying to run the script in real-time. 2023-10-07 14:08:25 -07:00
package-lock.json Modernized! 2023-10-07 14:05:54 -07:00
package.json Modernized! 2023-10-07 14:05:54 -07:00
rollup.conf.js Modernized! 2023-10-07 14:05:54 -07:00
tsconfig.json Modernized! 2023-10-07 14:05:54 -07:00
web-dev-server.config.mjs Modernized! 2023-10-07 14:05:54 -07:00

README.md

<pendor-clock>

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. 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 (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:

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);

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 (c) 2023, and licensed with the Mozilla Public License vers. 2.0. A copy of the license file is included in the root folder.