id: index
 attrs: 
    x: 0
    y: 0
    z: 250
    rotate-y: 0
    scale: 1
 style:
    background: "#bdba95"
 #   border: none !important
 ---
 # The first slide
 
 - the slides are written in markdown which is easy to write
 - they use a yaml config for flexibility
 - it leverages the impress.js library for visual effects on WebGL browsers
 - it has a reasonable fallback
  
 ------
 id: "who"
 attrs:
    x: 250
    y: 0
    z: 0
    rotate-y: 90
    #"rotate-z": 36
 style:
    background: red
 ---
 ## The second slide
 
 1. Numbered
 2. Lists
 3. Work
 ------
 id: "what"
 
 attrs:
    x: 0
    y: 0
    z: -250
    rotate-y: 180
    #"rotate-z": 108
 style:
    background: orange
 ---
 The text *is easily* **formatted**
 ------
 id: "where"
 
 attrs:
    x: -250
    y: 0
    z: 0
    #"rotate-z": 180
    rotate-y: 270
 style:
    background: yellow
 ---
 This is some text
 
      Code blocks
      work in some ways
 Some more text
 ------
 id: "when"
 
 attrs:
    x: 0
    y: 250
    z: 0
    #"rotate-z": 252
    rotate-x: -90
    rotate-y: 360
 style:
    background: green
 ---
 ## Images
 
 ![Alt Text](https://www.google.com/logos/2012/martin_luther_king-2012-hp.jpg "an image")
 
 ------
 id: "save-the-date"
 attrs:
    x: 0
    y: -250
    z: 0
    rotate-x: -270
    rotate-y: 360
 style:
    background: blue
 ---
 <div class='vcenter'>
 
 # Links
 

 - [Google](http://google.com)
 - [wikipedia](http://en.wikipedia.org)

 
 </div>