diff options
Diffstat (limited to 'test/test-markdown-element-attributes.html')
| -rw-r--r-- | test/test-markdown-element-attributes.html | 90 |
1 files changed, 71 insertions, 19 deletions
diff --git a/test/test-markdown-element-attributes.html b/test/test-markdown-element-attributes.html index 417ce30..b638082 100644 --- a/test/test-markdown-element-attributes.html +++ b/test/test-markdown-element-attributes.html @@ -4,7 +4,7 @@ <head> <meta charset="utf-8"> - <title>reveal.js - Test Markdown</title> + <title>reveal.js - Test Markdown Element Attributes</title> <link rel="stylesheet" href="../css/reveal.min.css"> <link rel="stylesheet" href="qunit-1.12.0.css"> @@ -13,7 +13,7 @@ <body style="overflow: auto;"> <div id="qunit"></div> - <div id="qunit-fixture"></div> + <div id="qunit-fixture"></div> <div class="reveal" style="display: none;"> @@ -24,19 +24,23 @@ <!-- 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$" data-element-attributes="{_\s*?([^}]+?)}">> <script type="text/template"> - ## Slide 1.1 {_class="fragment fade-out" data-fragment-index="1"} + ## Slide 1.1 + <!-- {_class="fragment fade-out" data-fragment-index="1"} --> -- - ## Slide 1.2 {_class="fragment shrink"} + ## Slide 1.2 + <!-- {_class="fragment shrink"} --> - Paragraph 1 {_class="fragment grow"} + Paragraph 1 + <!-- {_class="fragment grow"} --> - Paragraph 2 {_class="fragment grow"} + Paragraph 2 + <!-- {_class="fragment grow"} --> - - list item 1 {_class="fragment roll-in"} - - list item 2 {_class="fragment roll-in"} - - list item 3 {_class="fragment roll-in"} + - list item 1 <!-- {_class="fragment roll-in"} --> + - list item 2 <!-- {_class="fragment roll-in"} --> + - list item 3 <!-- {_class="fragment roll-in"} --> --- @@ -45,27 +49,75 @@ Paragraph 1.2 - multi-line {_class="fragment highlight-red"} + multi-line <!-- {_class="fragment highlight-red"} --> - Paragraph 2.2 {_class="fragment highlight-red"} + Paragraph 2.2 <!-- {_class="fragment highlight-red"} --> - Paragraph 2.3 {_class="fragment highlight-red"} + Paragraph 2.3 <!-- {_class="fragment highlight-red"} --> - Paragraph 2.4 {_class="fragment highlight-red"} + Paragraph 2.4 <!-- {_class="fragment highlight-red"} --> - - list item 1 {_class="fragment highlight-green"} - - list item 2 {_class="fragment highlight-green"} - - list item 3 {_class="fragment highlight-green"} - - list item 4 {_class="fragment highlight-green"} - - list item 5 {_class="fragment highlight-green"} + - list item 1 <!-- {_class="fragment highlight-green"} --> + - list item 2<!-- {_class="fragment highlight-green"} --> + - list item 3<!-- {_class="fragment highlight-green"} --> + - list item 4 + <!-- {_class="fragment highlight-green"} --> + - list item 5<!-- {_class="fragment highlight-green"} --> Test -  +  + <!-- {_class="reveal stretch"} --> </script> </section> + + + <section data-markdown data-separator="^\n\n\n" + data-vertical="^\n\n" + data-notes="^Note:" + data-charset="utf-8"> + <script type="text/template"> + # Test attributes in Markdown with default separator + ## Slide 1 Def <!-- .element: class="fragment highlight-red" data-fragment-index="1" --> + + + ## Slide 2 Def + <!-- .element: class="fragment highlight-red" --> + + </script> + </section> + + <section data-markdown> + <script type="text/template"> + ## Hello world + A paragraph + <!-- .element: class="fragment highlight-blue" --> + </script> + </section> + + <section data-markdown> + <script type="text/template"> + ## Hello world + + Multiple + Line + <!-- .element: class="fragment highlight-blue" --> + </script> + </section> + + <section data-markdown> + <script type="text/template"> + ## Hello world + + Test<!-- .element: class="fragment highlight-blue" --> + + More Test + </script> + </section> + + </div> </div> |