Shortcode Showcase: Layout

Mar 23, 2026

Layout shortcodes for structuring page content.

`container`

The base building block. Wraps content in a NES pixel-border box.

Plain container — no title, default background.

With a Title

The title sits in a cutout in the top border.

Dark Variant

Pass dark="true" for a darker background.

Centered

Pass centered="true" to center all text inside.

{{< container title="My Box" dark="true" centered="true" >}}
Content here.
{{< /container >}}

`card-grid`

Responsive auto-fill grid for laying out containers side by side.

Fire

ATK +20 / Weak to Ice

Ice

SPD -5 / Weak to Fire

Thunder

AGI +15 / Weak to Earth

Earth

DEF +30 / Weak to Wind

{{< card-grid >}}
  {{< container title="Card A" >}}Content{{< /container >}}
  {{< container title="Card B" >}}Content{{< /container >}}
{{< /card-grid >}}

Columns auto-fill at a minimum of 260px each.

`divider`

A pixel-art horizontal rule. Takes no arguments.

{{< divider >}}