Kit

Every building block the stylesheet knows about, with the markup to copy. Plain tags are styled automatically; the rest need one class.

• Text
• Quotes, callouts, collapsibles
• Images, video, tables
• Project entries and specs

Text

Headings

<h2> gets the // prefix and a rule; <h3> gets ||. Both are added by CSS, so the heading text in the markup stays clean.

Inline

Bold, emphasis, a link, inline code, and Ctrl+C. Small text is for asides.

Code block

$ docker compose up -d --build
move.l  #$00FF0000, d0     ; comments line up fine in mono

<pre><code>...</code></pre>

Lists

• Unordered items get square orange markers.
• Nest freely; spacing stays even.

1. Ordered lists for real sequences.
2. Like build steps.

Table of contents uses <ul class="toc">, as at the top of this page.

Quotes, callouts, collapsibles

A quote with an attribution footer.

<blockquote><p>...</p><footer>Source</footer></blockquote>

<aside class="callout warn">
  <span class="callout-title">Careful</span>
  <p>...</p>
</aside>

Images, video, tables

<figure><img src="/img/board.jpg" alt="..."><figcaption>...</figcaption></figure>

<div class="embed"><iframe src="https://www.youtube-nocookie.com/embed/ID" allowfullscreen></iframe></div>

Wrap tables in <div class="table-wrap"> so they scroll on phones.

Project entries and specs

• Project name

  A one-line description.

  active tags

Status values: active paused archived

CPU

68010 @ 10 MHz

RAM

1 MB

Video

Composite, NTSC

<dl class="specs"><dt>CPU</dt><dd>...</dd></dl>