Text & Callouts

Bold, italic, strikethrough

**Bold**, _italic_, and ~~strikethrough~~ text.

Blockquote

> "A quote, epigraph, or field note excerpt." — Attribution

Callout Boxes

Use the Callout component (src/components/Callout.astro) inside any MDX body.

Info

import Callout from "../../components/Callout.astro";

<Callout type="info">Background context the reader should know.</Callout>

Warning

<Callout type="warning">Something the reader should be cautious about.</Callout>

Danger

<Callout type="danger">A serious hazard or fatality risk.</Callout>

Abbreviations

Hovering the term shows the expanded text as a native browser tooltip — no JavaScript needed.

The <abbr title="Advanced Systematic Nullspace Cartography">ASYNC</abbr> Research Institute funded the expedition.

Censor Bar

A permanent black bar over a word or phrase — for redacted names, coordinates, or anything meant to read as classified. It's purely visual and static on purpose: no click-to-reveal, no JavaScript, nothing for the reader to interact with. user-select: none also stops the hidden text from being copy-pasted out. If you want the reader to be able to reveal it, use aSpoiler Bar instead — right below.

The wanderer's real name was <span class="censor-bar">Adam Rodriguez</span>, according to recovered next-of-kin paperwork.

Spoiler Bar

The interactive counterpart to the Censor Bar above — a black bar that reveals the text underneath when clicked (and hides it again on a second click). Use it for spoilers, plot twists, or "click if you dare" content, not for anything that should stay genuinely hidden — the raw text still sits in the page source.

The entity that follows wanderers through Landscape 0 is, according to one unconfirmed account, <span class="spoiler-bar">already inside the building with them before they ever clip in</span>.