Markdown Presentation

Malte Bonart

reveal.js

What can you do with reveal.js

  • write your slides in markdown
  • include interactive figures, videos, code, math, …
  • use pandoc to transform markdown to html
  • presentations can be viewed in any webbrowser

Installation

pip install pandoc 

Usage

pandoc -t revealjs slides.md -o index.html  \
    --mathjax \
    --standalone \
    --css=styles.css \
    --css=https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.1/css/all.min.css

Tables

Test the new headline

A B
100 400
200 300n

Videos

Fragments

  • Eat spaghetti
  • Drink wine
  • Do something else

Plots

Math

f(x, y) = \frac{\sqrt{x^2+y^2}}{x+y}

\[ f(x, y) = \frac{\sqrt{x^2+y^2}}{x+y} \]

Code

def fun(a, b):
    print('add numbers')
    return a+b
fun(2, 2)

Images

Photo by Arif Riyanto on Unsplash

CSS Styling

You can

change the fontsize

or the color

with a separate stylesheet (styles.css)!

Fontawesome icons

// reveal.js plugins