Presentations

Write up to 30 slides in Markdown and present them in any browser — layouts, themes, notes and the full format reference.

A presentation is a Markdown document that CVinfo.me turns into slides at https://your-deck.cvinfo.me/. It costs 3 credits once; edits are free.

The basics#

Separate slides with a line containing only ---.
Put optional settings for a slide right after its ---, closed by another ---.
Write the content in Markdown. Raw HTML is not rendered.
Speaker notes go in HTML comments: . Press S while presenting.

Layouts#

Layout	Use it for
`cover`	Title slide
`default`	Heading and content
`center`	One statement in the middle
`two-cols`	Split with `::right::`
`section`	Chapter divider
`quote`	A big quote
`image-left` / `image-right`	Half-slide picture (`image: https://…`)
`end`	Closing slide

Presenting#

Open the link, press F for full screen, arrows to navigate, S for the speaker view with notes and a timer, Esc for the overview.

Format reference#

cvinfo presentation format (Markdown, max 30 slides, max 200 KB)

SLIDES are separated by a line containing only `---` (ignored inside ``` code fences).

HEADMATTER (optional, at the very top, between two `---` lines) sets deck keys and the
first slide's keys:
  title: <text>                      deck title (browser tab)
  theme: cvinfo | dark | light | gradient        default cvinfo
  aspectRatio: 16/9 | 4/3 | 16/10 | 3/2
  transition: concave | convex | crossfade | fade | none | slide | slide-down | slide-left | slide-right | slide-up | zoom

PER-SLIDE FRONTMATTER: right after a `---`, a block of ONLY `key: value` lines closed by
another `---` (a slide whose whole text is `Word: text` lines is read as frontmatter —
add a heading or a blank bullet to avoid that):
  layout: cover | default | center | two-cols | section | quote | image-left | image-right | end  (aliases: intro→cover, statement→center)
  background: CSS colour or gradient, e.g. '#1e272e' or 'linear-gradient(135deg,#667eea,#764ba2)'
  accent: colour or gradient for the layout's accent bar
  transition: per-slide override
  image: https URL — the picture for image-left / image-right
  class: extra CSS class names

BODY is CommonMark + tables + strikethrough. Raw HTML is NOT rendered. Images must be https.
  ::right::            splits a two-cols slide into left | right
  ![bg](https://…)     on its own line: full-slide background image
  <!-- notes -->       speaker notes (press S in the presentation)
  ```lang … ```        highlighted code

Complete example#

---
title: About me
theme: cvinfo
aspectRatio: 16/9
layout: cover
---
# Jane Doe
## Senior data engineer

<!-- Speaker notes live in HTML comments. Press S when presenting. -->

---
layout: two-cols
---
## What I do
- Data platforms on Spark and dbt
- Streaming pipelines
- Mentoring

::right::

## Where
- Berlin, remote-friendly
- EN / DE

---
layout: section
---
# Selected projects

---
## Real-time fraud scoring

```python
score = model.predict(features)   # < 40 ms p99
```

---
layout: quote
---
> "Jane turned our data swamp into a platform."
>
> — former CTO

---
layout: end
---
# Thank you
jane@example.com

Errors#

If something is wrong the editor and the AI assistant tell you the line number, and nothing is charged. Common causes: an unknown layout name, a colour with a ;, or an image URL that is not https://.

Menu