00:00:00

Overview

  • pip install landslide
  • Write foo.md to author your presentation

Notes

Example contents of foo.md

# My slide title

My slide text
-------------

    !python
    >>> # This is some highlighted code
    >>> testme = 'foo'

---

Notes

Get external dependencies

  • git clone https://github.com/akrabat/avalanche
  • Copy default.css from https://github.com/richleland/pygments-css/blob/master/default.css
  • Put a background image called myimage.jpg in the directory

Notes

Build a presentation config file: presentation.cfg...

[landslide]
source      = foo.md
destination = ./foo.html

; directory where the theme is defined (not repository root)
theme       = ./avalanche/avalanche/
; include syntax highlighting css, then presentation-specific css
css         = ./pygments-css/default.css
              ./slide_background.css
; embed JS & CSS into output file for standalone html output
embed       = True
; no line numbers in code view
linenos     = no

Notes

Build a custom css file to put the background image in the file slide_background.css

div.slides {
  background-image: url("/home/mpenning/ciscoconfparse/tutorial/myimage.jpg");
  background-size: cover;
}

div.highlight {
  /* Most text uses div.highlight */
  font-size: 70%;
}
div.inner pre {
  /* code blocks use div.inner pre */
  font-size: 90%;
}

Notes

Compile the markdown into an html file

  • landslide -i presentation.cfg

Notes