Repository Install

MarkDeck

presentations as code

author cool slide decks, text-only, offline-ready, collaborative

Try Markdeck

Features

Showcases

Have a look at the example slides and the corresponding pdf file.
And browse thru the self-documenting basics and layout slides.

"Hello, World!"

source:
---
title: markdeck scaffold
pdf: markdeck-scaffold.pdf
slideNumber: true
controls: true
---

# first slide {bg=#eee}

made with [markdeck](https://arnehilmann.github.io/markdeck/){target="_blank"}

```render_a2s
#----------.
|[markdeck]|
'----------#
[markdeck]: {"fill": "Teal", "fillStyle": "solid"}
```

<small>
interesting links:
  [your main deck](/){target="_parent"}
• [markdown/slide side-by-side](/explain.html)
• [utilities](//localhost:8081/){target="_blank"}
</small>

⚪ ⚪ ⚪
                
result:

Example: Inline AsciiArt

MarkDeck converts inline ascii drawings ...
+-----------------------------+
| Node A                      |
|                             |
| +----------+   +----------+ |
| |          |   |          | |
| | Frontend |   | Foo      | |
| |          |   |          | |
| |          |   | {s}      | |
| +-----+----+   +----------+ |
|       ^                     |
|       |                     |
|       \-service-\           |
|                 |           |
+-----------------|-----------+
                  |            
+-----------------|-----------+
| Node B          |           |
|       /---------/           |
|       |                     |
|       v                     |
| +-----+----+   +=---------+ |
| |          |   |          | |
| | Frontend |   | Bar      | |
| |          |   |          | |
| |          |   | {s}      | |
| +----------+   +----------+ |
+-----------------------------+
                    
... into images, auto-magically and on-the-fly!
Based on markdown, pandoc, reveal.js, plantuml, ditaamini, graphviz, asciinema, decktape, vega-lite, math-jax, font-awesome.