Everything Carve can put on a slide

Diagrams, charts, math, real SVG, and the parts of the language a deck actually uses.

What is in here

  • Everything Carve can put on a slide
  • Mermaid, drawn on the slide
  • A sequence, same idea
  • A chart from data in the source
  • Real SVG, inline in the source
  • Math
  • Footnotes and definitions
  • Task lists and admonitions
  • The small type
  • Quotes and tables
  • All of it from one file

Mermaid, drawn on the slide

--extension mermaid. Carve emits the block, Mermaid draws the SVG.

A sequence, same idea

A chart from data in the source

--extension chart. The JSON is Chart.js configuration, kept in the deck source.

Real SVG, inline in the source

--extension imgFence:{"language":"svg"}. The SVG is sanitized and emitted as a data URI, so nothing external is loaded.

Math

\[t_{upgrade} = \sum_{i=1}^{n} \left( c_i \cdot d_i \right) + r\]

--extension mathBlock plus KaTeX on the page.

Footnotes and definitions

CakePHP 5 removed every deprecation that was live in 4.51.

Deprecation
An API that still works but is scheduled to disappear.
Rector
The tool that applies the mechanical part of an upgrade.

Task lists and admonitions

  • Tests green on 4.5
  • Deprecations resolved
  • PHP 8.1 in production
  • Plugins checked

The small type

Press Ctrl then S to open the speaker view. HTML is rendered as an abbreviation.

Text can be highlighted, struck through, raised to x2 or lowered to H2O.

Brand red is #d33c43, the muted tone is #6b7280.

Quotes and tables

The slides are the handout, and that is the problem. Every training feedback form, ever

FeatureMarkdownCarve
Escaping in coderequirednone
ColumnsHTMLcontainers
Includesnone{{ path }}
Lintstyle onlystructural

All of it from one file

No raw HTML on any slide.