---
title: Block Layouts
play:
  theme: signal
---

<x-player-app />

# Block layouts

Reusable Block composition belongs to the Source and remains intact in the
normal document, Focus mode, and Slides mode.

---

<!--
id: centered
layout: center
-->

## Center

Use `layout: center` for a deliberately centered Block.

---

<!--
id: layout-wide
layout: wide
-->

## Wide

Use `layout: wide` for tables, diagrams, interfaces, and other content that
needs more room than the normal prose measure.

---

<!--
id: layout-media-start
layout: media-start
-->

## Media start

<figure>
  <img src="../assets/wss-diagram.png" alt="The PathMX web source system" />
  <figcaption>A direct figure uses the same media region.</figcaption>
</figure>

Logical start and end names adapt without changing the Markdown content order.

---

<!--
id: layout-media-end
layout: media-end
-->

## Media end

![@image(fit=contain) The PathMX web source system](../assets/wss-diagram.png)

The same layout metadata works outside Player and survives mode changes.

---

<!--
id: background-center
layout: center
-->

![@image(fit=contain).background The PathMX web source system](../assets/wss-diagram.png)

## Background plus center

Image roles and Block layouts compose without becoming Player directives.

---

<!--
id: player-cover
play:
  variant: cover
-->

# Player variants stay separate

Cover, section, quote, fact, full, and end describe presentation treatment—not
portable Block composition.