This is a template post. Copy this folder, rename it, replace the text, and add a line to
notes/index.html. That’s the whole publishing workflow — there is no build step and
nothing to install.
How the site is laid out
Every page pulls the same stylesheet, so changing a color or a typeface in one place changes it everywhere.
The variables live at the top of assets/css/main.css:
:root {
--theme: #f1f5f4; /* page background */
--primary: #1b2221; /* headings */
--content: #1b2221; /* body text */
--accent: #3f6f72; /* links */
}Dark mode reuses those same names, so anything styled through them adapts automatically. Avoid hard-coding a hex value in a page — it will look wrong in one of the two themes.
Writing a note
The body of a note goes inside <article class="prose">, which handles headings, lists,
quotes, code, and tables. A blockquote looks like this:
Everything should be made as simple as possible, but not simpler.
Wide tables and code blocks scroll inside their own box rather than pushing the page sideways, so they are safe to use on a phone.