Colophon
Site Info
This is a static website because reasons:
- Performance Static websites load faster than web apps.
- Durability I don't have to maintain frameworks and libraries to make it work because it's based on standard web technology.
- Flexibility The simplicity of the build makes it very easy to make changes
- Portability: Just grab the files and go.
- Cost: hosting a static site is only 12¢ a month.
Key Apps
- 11ty site generator.
- Sublime Text code editor.
- Obsidian markdown editor for blog entries and recipes.
- Awesome Screenshot for grabbing screensots and recordings.
- Amazon S3 & Cloudfront for hosting. I don't love Amazon but I do love paying 10¢ / month.
Style Guide
Typography
The body typeface is Helvetica Neue.
The heading typeface is New York on MacOS & iOS, Palatino on Android and Windows.
H1 Titular Heading (2.386rem)
H2 Section Heading Title (1.685rem)
H3 Sub-Section Heading Title (1.416rem)
H4 Component Heading Title (1rem)
H5 Component Sub-Heading Title (1.19rem)
Body: (1rem)
Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.
Body.Large: (1.19rem)
Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.
Body.Small: (0.81rem)
Some years ago—never mind how long precisely—having little or no money in my purse, and nothing particular to interest me on shore, I thought I would sail about a little and see the watery part of the world. It is a way I have of driving off the spleen and regulating the circulation.
Prose:
Whenever I find myself growing grim about the mouth; whenever it is a damp, drizzly November in my soul; whenever I find myself involuntarily pausing before coffin warehouses, and bringing up the rear of every funeral I meet; and especially whenever my hypos get such an upper hand of me, that it requires a strong moral principle to prevent me from deliberately stepping into the street, and methodically knocking people’s hats off—then, I account it high time to get to sea as soon as I can.
Color
Neutral-00
Neutral-30
Neutral-50
Neutral-80
Neutral-100
Brand
Accent
Complement
Brand80
Accent80
Complement80
Brand20
Accent20
Complement20