diff --git a/initial-slides.md b/initial-slides.md
index 1146ae4..82d8b11 100644
--- a/initial-slides.md
+++ b/initial-slides.md
@@ -2,11 +2,14 @@
 
 ### Hack together simple slides
 
+<!-- .slide: data-transition="zoom" -->
+
 ---
 
 ## The Basics
 
 - Separate slides using '`---`' on a blank line
+- For vertical slides use '`--`'  
 - Write github flavored markdown
 - Click 'Present' (top right) when you're ready to talk
 
@@ -24,6 +27,50 @@ Note:
 
 ---
 
+## More markdown (fragments)
+
+* static text
+* fragment <!-- .element: class="fragment" -->
+* fragment grow <!-- .element: class="fragment grow" -->
+* fragment highlight-red <!-- .element: class="fragment highlight-red" -->
+* press key down <!-- .element: class="fragment fade-up" -->
+
+--
+
+## More markdown (tables)
+
+****
+
+|h1|h2|h3|
+|-|-|-|
+|a|b|c|
+
+****
+
+--
+
+## More markdown (code)
+
+```
+version: '2'
+services:
+  slides:
+    image: msoedov/hacker-slides
+
+    ports:
+      - 8080:8080
+    volumes:
+      - ./slides:/app/slides
+    restart: always
+
+    environment:
+     - USER=bob
+     - PASSWORD=pa55
+
+```
+
+---
+
 ## Learn more
 
 - [RevealJS Demo/Manual](http://lab.hakim.se/reveal-js)
diff --git a/static/js/slides.js b/static/js/slides.js
index 36e79d2..234a298 100644
--- a/static/js/slides.js
+++ b/static/js/slides.js
@@ -86,7 +86,8 @@ function highlightAnyCodeBlocks() {
 function insertMarkdownReference() {
     var markdownReference = $('<section/>', {
         'data-markdown': "/slides.md",
-        'data-separator': "^-( *)-( *)-( *-*)*",
+        'data-separator': "^---\n",
+        'data-separator-vertical': "^--\n",
         'data-separator-notes': "^Note:",
         'data-charset': "utf-8"
     });