Mascot

The site’s mascot is Sally, a Yellow Spotted Salamander (Ambystoma maculatum). She’s native to the Appalachian mountains and much of the eastern United States. You’ll spot ;) her around the site.

Typography

Headers are set in Georgia and body copy is set in Verdana. Two of my most favorite typefaces.

Links

Links are styled to indicate their destination:

• Internal links show solid underlines on hover, like this link to posts
• External links show dashed underlines on hover, like this link to djot

Link underlines appear on hover. Links in body copy use Sally yellow text. Navigation, headings, footers, and other structural links keep their normal text color so the decoration stays quieter.

Code

Inline code like fn main() and code blocks are set in Lilex. Code blocks show a language label in the top right corner.

fn main() {
    println!("Language labels use the code font.");
}

Dinkus

Section breaks use a centered dinkus (three spaced asterisks).

Like that.

Feeds

The main posts feed includes the full post content. Each tag page also has its own feed.

Layout

A single centered column at every viewport size, capped at 45em (~630px). The nav sits as a horizontal row at the top.

Elements

The site uses a few recurring content patterns. Since djot doesn’t pass raw HTML through by default, these are written as ```=html blocks.

Aside: a callout with a left border.

Blockquote: a styled quote with attribution.

The computer is the first metamedium, and as such it has degrees of freedom for representation and expression never before encountered. Alan Kay

Figure: an image with a caption.