summaryrefslogtreecommitdiffhomepage
path: root/plugin/markdown/example.html
diff options
context:
space:
mode:
Diffstat (limited to 'plugin/markdown/example.html')
-rw-r--r--plugin/markdown/example.html47
1 files changed, 31 insertions, 16 deletions
diff --git a/plugin/markdown/example.html b/plugin/markdown/example.html
index 522d8ac..36f6a51 100644
--- a/plugin/markdown/example.html
+++ b/plugin/markdown/example.html
@@ -7,7 +7,7 @@
<title>reveal.js - Markdown Demo</title>
<link rel="stylesheet" href="../../css/reveal.css">
- <link rel="stylesheet" href="../../css/theme/default.css" id="theme">
+ <link rel="stylesheet" href="../../css/theme/white.css" id="theme">
<link rel="stylesheet" href="../../lib/css/zenburn.css">
</head>
@@ -19,7 +19,7 @@
<div class="slides">
<!-- Use external markdown resource, separate slides by three newlines; vertical slides by two newlines -->
- <section data-markdown="example.md" data-separator="^\n\n\n" data-vertical="^\n\n"></section>
+ <section data-markdown="example.md" data-separator="^\n\n\n" data-separator-vertical="^\n\n"></section>
<!-- Slides are separated by three dashes (quick 'n dirty regular expression) -->
<section data-markdown data-separator="---">
@@ -36,7 +36,7 @@
</section>
<!-- Slides are separated by newline + three dashes + newline, vertical slides identical but two dashes -->
- <section data-markdown data-separator="^\n---\n$" data-vertical="^\n--\n$">
+ <section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$">
<script type="text/template">
## Demo 2
Slide 1.1
@@ -68,20 +68,35 @@
</script>
</section>
+ <!-- Slide attributes -->
+ <section data-markdown>
+ <script type="text/template">
+ <!-- .slide: data-background="#000000" -->
+ ## Slide attributes
+ </script>
+ </section>
+
+ <!-- Element attributes -->
+ <section data-markdown>
+ <script type="text/template">
+ ## Element attributes
+ - Item 1 <!-- .element: class="fragment" data-fragment-index="2" -->
+ - Item 2 <!-- .element: class="fragment" data-fragment-index="1" -->
+ </script>
+ </section>
+
<!-- Code -->
- <section>
- <section data-markdown>
- <script type="text/template">
- ```php
- public function foo()
- {
- $foo = array(
- 'bar' => 'bar'
- )
- }
- ```
- </script>
- </section>
+ <section data-markdown>
+ <script type="text/template">
+ ```php
+ public function foo()
+ {
+ $foo = array(
+ 'bar' => 'bar'
+ )
+ }
+ ```
+ </script>
</section>
</div>