R E R E N D E R I N G

markdeck

collaborative slide editing made easy

arne@hilmann.de • 2018-12

features

converts markdown to complex
HTML5 slides

should run on all *nix platforms,
windows and MacOS

features, contd.

cool • graphical • easy • robust • collaborative • adaptable

cool looking

leverages battle-proven
HTML5 presentation frameworks:

revealjs • impressjs

graphical

content as markdown
incl unicode, emojis, font-awesome: ♥ 😎

images as asciiart
charts, diagrams, graphs, math, …

easy

completely text-based
use your preferred editor/IDE

auto-reload ► fast feedback

robust

modify and present your slides without internet uplink

collaborative

presentation-as-code

use your normal version control system

adaptable

you can always fall back to
plain HTML/CSS

example: code, highlighted

public class Example {
    public static final void main(String[] args) {
        // foo
        System.out.println("Hello World");
    }
}

example: asciiart (ditaa)

+-----------------------------+
| Node A                      |
|                             |
| +----------+   +----------+ |
| |          |   |          | |
| | Frontend |   | Foo      | |
| |          |   |          | |
| |          |   | {s}      | |
| +-----+----+   +----------+ |
|       ^                     |
|       |                     |
|       \-service-\           |
|                 |           |
+-----------------|-----------+
                  |
+-----------------|-----------+
| Node B          |           |
|       /---------/           |
|       |                     |
|       v                     |
| +-----+----+   +=---------+ |
| |          |   |          | |
| | Frontend |   | Bar      | |
| |          |   |          | |
| |          |   | {s}      | |
| +----------+   +----------+ |
+-----------------------------+

example: asciiart (plantuml)

@startuml
Bob->Alice : hello
Alice->Bob : oh, you again...
Bob->Alice : ??
@enduml

BobBobAliceAlicehellooh, you again...??

example: asciiart (graphviz)

digraph G {
    bgcolor=transparent;
    node [style=filled,color=white];

    a -> b -> c;
    a -> c;
    b -> d;
}

G a a b b a->b c c a->c b->c d d b->d

example: charts (vega-lite)

{
    "$schema": "https://vega.github.io/schema/vega-lite/v2.0.json",
    "data": {
        "values": [
            {"a": "A","b": 28}, {"a": "B","b": 55}, {"a": "C","b": 43},
            {"a": "D","b": 91}, {"a": "E","b": 81}, {"a": "F","b": 53},
            {"a": "G","b": 19}, {"a": "H","b": 87}, {"a": "I","b": 52}
        ]
    },
    "width": 600,
    "height": 300,
    "mark": "area",
    "encoding": {
        "x": {"field": "a", "type": "ordinal"},
        "y": {"field": "b", "type": "quantitative", "scale": {"domain": [0, 100]}}
    }
}

ABCDEFGHIa0102030405060708090100b

example: asciiart (a2s)

#-------------------.
|[0]                |
| .---# .---# #---. |
| |[1]| |[1]| |[1]| |
| #---' #---' '---# |
|   ^     ^     ^   |
#---+-----+-----+---#
|   |     |     |   |
|   a     2  sketch |
'-------------------#
github.com/arnehilmann/a2sketch

[0]: {"fill": "#933"}
[1]: {"fill": "#bbb"}

a 2 sketch github.com/arnehilmann/a2sketch

example: asciiart (sketchy)

#=----------------------------#
| Node                        |
|                             |
|                             |
| #----------#   #----------# |
| |          |   |[s]       | |
| | Frontend |   | Foo      | |
| |          |   |          | |
| |  ^       |   |          | |
| |  |       |   |          | |
| #--|-------#   #----------# |
|    |                ^       |
|    |                |       |
|    '---- service ---'       |
|                             |
#-----------------------------#

Node Frontend service Foo

example: math equations

$a^2 + b^2 = c^2$

 

$$e = \mathop
    {\lim }\limits_{n \to \infty }
    \left( {1 + \frac{1}{n}} \right)^n$$

example: terminal session (asciinema)

Thank You!

pandocreveal.jsimpress.js

plantumlditaaminigraphvizasciinema

decktapevega-litemath-jaxfont awesome

🙃

markdeck

collaborative slide editing made easy

Created by potrace 1.15, written by Peter Selinger 2001-2017