BRIEFS

THIS IS NOT A REAL BRIEF. It’s the kitchen sink: every element a brief body supports, live on one page — so it doubles as the authoring reference and a style test. Bold, italic, inline code, strikethrough, and a link all render in body copy.

Headings

An ## makes a major section like the one above — collapsible, with the > marker as the open/closed indicator. Below it:

A sub-section (###)

Sub-sections sit between the section header and body copy in size.

Deeper still (####)

And deeper (#####)

Deep headers keep the heading voice at body size — depth reads through opacity, never by shrinking below the text.

Lists

• squares for unordered lists
• a second item
  • nested items indent

1. ordered lists count
2. like this

• task lists work too (GFM)
• unchecked

Tables

Wide tables scroll sideways inside their own rail instead of stretching the page:

FIELD	TYPE	REQUIRED	NOTES
title	string	yes	the display title
category	string	no	coloured prefix + filter facet
date	date	yes	sort + display
excerpt	string	yes	card blurb on /briefs
canvases	array	no	SVG canvas drop-ins (below)

Code

Fenced blocks get syntax highlighting at build time (Shiki — zero client JS):

// long lines scroll horizontally instead of widening the page
export function panic(reason: string): never {
  throw new Error(`DON'T PANIC: ${reason}`);
}

Quotes & dividers

Blockquotes get the dashed circuit rail. Good for pull-quotes, notes from a client, or lyrics you legally can’t reprint.

A --- renders as a dashed rule, matching the site’s borders:

---

Images

Markdown images get the dashed border + hard shadow automatically:

Video

Raw HTML works in markdown, so self-hosted clips drop straight in (keep them on the compression budget — 720p, no audio, ≤~2.5 MB):

Collapsible extras

Raw HTML details/summary works too — click me

Anything can hide in here: notes, spoilers, changelogs. It’s native HTML, no JS.

Footnotes render as jump-links¹.

The Obsidian canvas below comes from the canvases: frontmatter (SVG export, pan/zoomable, vector text stays selectable) — it renders after the body:

Footnotes

1. and land down here, at the very bottom of the prose. ↩