Clacks

Live SVG cards for READMEs and pages. Each one is drawn on request and says what is happening right now. Embed them with <picture> so they follow GitHub's theme; without ?theme, a card follows the viewer's system. The selector shows each card as it looks in that theme.

Potterwatch/wwn.svg

What is on air at Potterwatch, a radio station with one listener: the song with its cover, the next one, and whether the host is talking. Off air when nobody is listening.

Potterwatch, light theme
/wwn.svg?theme=light
Potterwatch, dark theme
/wwn.svg?theme=dark
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://clacks.creu.cat/wwn.svg?theme=dark">
  <img src="https://clacks.creu.cat/wwn.svg?theme=light" alt="Potterwatch" width="480">
</picture>

Vault 713/vault713.svg

A page of the bank's ledger: the last nightly backup and weekly restore drill, with a stamp for the worse of them. A success that is too old shows as overdue.

Vault 713, light theme
/vault713.svg?theme=light
Vault 713, dark theme
/vault713.svg?theme=dark
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://clacks.creu.cat/vault713.svg?theme=dark">
  <img src="https://clacks.creu.cat/vault713.svg?theme=light" alt="Vault 713" width="480">
</picture>

Clock/clock.svg

The time in Mexico City on a dial that keeps turning, a guess at whether a message would be answered now, and today as a bar of those guesses.

Clock, light theme
/clock.svg?theme=light
Clock, dark theme
/clock.svg?theme=dark
<picture>
  <source media="(prefers-color-scheme: dark)" srcset="https://clacks.creu.cat/clock.svg?theme=dark">
  <img src="https://clacks.creu.cat/clock.svg?theme=light" alt="Clock" width="440">
</picture>