R E R E N D E R I N G

the markdown basics

part of the markdeck docs


to proceed to the next slide,
press ‘space’, ‘cursor right’, or
click the nervous arrow at the edge.

self-documenting

You find the source of the current slide on the right side, and the rendered result on the left.*

rendered slide slide source


*: the only case where iframes are appropriate.

source files

You can put all your slides in one slides.md file

or you split them into different files (e.g. slides-part-1.md, slides-part-2.md, ...)

all files matching slide*.md are source files

a new slide

To begin a new slide, simply type a # followed by the headline

empty headlines are allowed, too
(just add a single space after the #)

layout basics

All content gets centered and scaled to fit nicely into the browser window.

markdown syntax 101

Normal text renders as normal text.tadahh

Single newlines get removed.

To actually start a new paragraph, insert an empty line.

lists

unordered

  • item a
  • item b

ordered

  1. item a
  2. item b

Note the automagical numbering

markup

emphasized text

official definitions

markdown syntax

pandoc extensions

code

public static final void main(String[] args) {
    // ...
}

list of all known languages

eye candy

unicode: ♥

emojis: 😎

font-awesome:

local helper

You can find a set of frequently used unicode characters, emojis, asciiart editors, and gradient tools on the helper pages.

raw html

if in dire need, you can still add raw html:
</br> to force a line break

<small></small> for small font


| for vertical space

next steps

find more documentation, esp. slide design and metadata