A 24-Hour Literary Clock

Shows a with a quote for (almost) every minute of the day. Inspired by this. See it in action here.

Development

Bootstrapped with Vite (Preact + TypeScript).

# Start server
pnpm dev

# Build
pnpm build

# Build with base URL
pnpm build --base=/some-base

Notes

Some cleanup and hand-editing was necessary for ~150 annotations. Python's fuzzywuzzy didn't seem like it would help. The csv module didn't appear to capture all the quotes so ended up doing a string.split on "|".

TODO

• Mobile
• Split the JSON up into smaller files (?)
• Fade in and out
• Read this and this
• Loading
• Error
• Complete typographic corrections in source CSV
• Prevent unnecessary rerenders
• Dark and Light modes
• Change typefaces
• Resize to fit viewport height
• Remove unnecessary quotes in source

Sources

• Jaap Meijers' annotated CSV
• The Guardian. For the first version. Realized that Meijer's CSV had more quotes and was annotated 🤘

License

MIT