Platform components

infobox

:::infobox Key facts about the subject, shown beside the article. Put it at the top.

Facts with links: Markdown 
:::infobox[Rampart]
- Real name: Ramya Parekh
- Class: Controller
- Released: Season 6
- Related: [[Gibraltar]]
:::

notice

:::notice A highlighted note: tips (info), cautions (warning) or safety information (danger).

Use notices for context the reader should not miss.

Info (default): Markdown 
:::notice
Use notices for context the reader should not miss.
:::

Balance changes

Values change between seasons.

Warning with title and icon: Markdown 
:::notice[Balance changes]{warning icon}
Values change between seasons.
:::

Never chop towards your hand.

Bold danger: Markdown 
:::notice{danger bold icon}
Never chop towards your hand.
:::

spoiler

:::spoiler · :spoiler Hide plot details until the reader chooses to see them.

Season 6 ending

The hidden part of the story goes here.

Block: Markdown 
:::spoiler[Season 6 ending]
The hidden part of the story goes here.
:::

The final boss is the narrator all along.

Inline: Markdown 
The final boss is :spoiler[the narrator all along].

tabs

:::tabs Switch between alternative versions of the same content, such as platforms or game modes.

Battle Royale

Squads of three, last team standing wins.

Mixtape

Rotating arena and objective modes.

Two tabs: Markdown 
::::tabs
:::tab[Battle Royale]
Squads of three, last team standing wins.
:::
:::tab[Mixtape]
Rotating arena and objective modes.
:::
::::

gallery

:::gallery A grid of images with optional captions; image titles become captions. Each image shows whole in an even tile; crop fills the tiles, plain shows each image at its own shape with nothing behind it (for cut-out images), small and large change the tiles’ size.

Through dovetail
Through
Half-blind dovetail
Half-blind
Through and half-blind dovetails
Captioned images: Markdown 
:::gallery[Through and half-blind dovetails]
![Through dovetail](/assets/examples/through.svg "Through")
![Half-blind dovetail](/assets/examples/half-blind.svg "Half-blind")
:::
Through dovetail
Through
Half-blind dovetail
Half-blind
Plain: no tiles, each image its own shape: Markdown 
:::gallery{plain}
![Through dovetail](/assets/examples/through.svg "Through")
![Half-blind dovetail](/assets/examples/half-blind.svg "Half-blind")
:::
Through dovetail
Through
Half-blind dovetail
Half-blind
Cropped to fill small tiles: Markdown 
:::gallery{crop small}
![Through dovetail](/assets/examples/through.svg "Through")
![Half-blind dovetail](/assets/examples/half-blind.svg "Half-blind")
:::

album

::album Every image in a folder of the wiki’s files, as a gallery grid with their titles as captions; new uploads to the folder appear by themselves. Takes the gallery’s looks: crop, plain, small, large.

Every weapon

No files in “weapons” yet.

A folder: Markdown 
::album[Every weapon]{folder=weapons}
Latest screenshots

No files in “screenshots” yet.

Newest first, at most 12: Markdown 
::album[Latest screenshots]{folder=screenshots sort=newest limit=12}

quote

:::quote A pull quote with who said it and where.

The quoted words go here.

Who said it, Where they said it
Attributed quote: Markdown 
:::quote[Who said it]{source="Where they said it"}
The quoted words go here.
:::

table

:::table A table written as CSV (one row per line, commas between cells), rows pasted from a spreadsheet, or YAML, with an optional caption. Number columns line up on the right. A cell of < joins the cell on its left, ^ the one above; sortable adds sort buttons, collapsed hides it under its caption.

Controllers
Name Class Released
Gibraltar Defensive Season 0
Wattson, Natalie Controller Season 2
CSV with a caption: Markdown 
:::table[Controllers]
Name, Class, Released
[[Gibraltar]], Defensive, Season 0
"Wattson, Natalie", Controller, Season 2
:::
Joint Strength (N) Time (min)
Dovetail 1450 45
Box joint 1200 20
Numbers line up: Markdown 
:::table
Joint, Strength (N), Time (min)
Dovetail, 1450, 45
Box joint, 1200, 20
:::
Name Class Notes
Gibraltar Defensive
Wattson Controller Fences stop enemies
YAML rows: Markdown 
:::table{yaml}
- Name: [[Gibraltar]]
  Class: Defensive
- Name: Wattson
  Class: Controller
  Notes: Fences *stop* enemies
:::
Wood Hardness (lbf)
Oak 1290
Maple 1450
Pasted from a spreadsheet (tabs between cells): Markdown 
:::table
Wood  Hardness (lbf)
Oak  1290
Maple  1450
:::
Height 1.88 m
Weight 120 kg
No header row: Markdown 
:::table{noheader}
Height, 1.88 m
Weight, 120 kg
:::
Damage by attachment
Weapon Base With barrel
R-301 14 15 16
Light ammo 15 16
Merged cells: < joins the cell on its left, ^ the cell above: Markdown 
:::table[Damage by attachment]
Weapon, Base, With barrel, <
R-301, 14, 15, 16
^, Light ammo, 15, 16
:::
Legend Health
Gibraltar 100
Wattson 100
Rampart 100
Sortable (click a column heading): Markdown 
:::table{sortable}
Legend, Health
Gibraltar, 100
Wattson, 100
Rampart, 100
:::
Patch history
Season Change
6 Released
16 Faster reloads
Collapsed under its caption: Markdown 
:::table[Patch history]{collapsed}
Season, Change
6, Released
16, Faster reloads
:::

screenshot

:::screenshot An image in a small browser window with a drop shadow, inset from the text: for screenshots of a site or an app. The label is its caption; url shows in the window’s address bar.

woodworking.hobbyforge.wiki/a/dovetails
A through dovetail joint
Through dovetails, from the joinery guide
A screenshot with its address and a caption: Markdown 
:::screenshot[Through dovetails, from the joinery guide]{url="woodworking.hobbyforge.wiki/a/dovetails"}
![A through dovetail joint](/assets/examples/through.svg)
:::

mermaid

```mermaid Diagrams from text: flowcharts, sequences, timelines. Rendered in the browser.

flowchart LR
  Gauge[Scribe baseline] --> Tails[Cut tails] --> Pins[Mark and cut pins] --> Glue
Flowchart: Markdown 
```mermaid
flowchart LR
  Gauge[Scribe baseline] --> Tails[Cut tails] --> Pins[Mark and cut pins] --> Glue
```