this first one is mostly a sample, to show what a post can hold. emphasis, strong text, struck-out text, inline code and links all work inline.

why so small

the site used to have a typeface of its own, shapes in three colours, grain over the window and words that came up out of a blur. it was fun to build.⊕the old design was bauhaus: kandinsky's circle, square and triangle, set in jost. but a page that is mostly words reads best when there is nothing else on it.

so now it is one column, inter for text and ibm plex mono for code, black on white or white on black, and grey for whatever is quieter.

make everything as simple as possible, but not simpler.

what went

• jost, for two fonts that read better small
• the animation and the grain
• the colours, but for grey

what stayed

1. markdown in, static html out
2. no javascriptnot even for the notes in the margin: on a phone, a tap opens them with a checkbox and a line of css.
3. lowercase, everywhere but in code

code

code is coloured when the site is built, in grey alone: keywords bold, comments and strings quieter.

// notes turns {sn|text} into a numbered sidenote.
func notes(src string) string {
	n := 0
	return noteMarks.ReplaceAllStringFunc(src, func(m string) string {
		n++
		return fmt.Sprintf("note %d", n)
	})
}

a long line scrolls sideways rather than wrapping:

go run . -serve :8000   # build the site into public/, then serve it on http://localhost:8000 for a look

tables and tasks

• posts, with a list by year
• a feed
• notes in the margin
• the next post

figures and pairs

definition lists, as on the home page, work here too:

markdown

what every page and post is written in

goldmark

the go library that turns it into html

that's all for now. the next posts will be about the tools in projects.