test/test-markdown-element-attributes.html

   1 <!doctype html>
   2 <html lang="en">
   3
   4         <head>
   5                 <meta charset="utf-8">
   6
   7                 <title>reveal.js - Test Markdown Element Attributes</title>
   8
   9                 <link rel="stylesheet" href="../css/reveal.css">
  10                 <link rel="stylesheet" href="qunit-1.12.0.css">
  11         </head>
  12
  13         <body style="overflow: auto;">
  14
  15                 <div id="qunit"></div>
  16                 <div id="qunit-fixture"></div>
  17
  18                 <div class="reveal" style="display: none;">
  19
  20                         <div class="slides">
  21
  22                                 <!-- <section data-markdown="example.md" data-separator="^\n\n\n" data-separator-vertical="^\n\n"></section> -->
  23
  24                                 <!-- Slides are separated by newline + three dashes + newline, vertical slides identical but two dashes -->
  25                                 <section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$" data-element-attributes="{_\s*?([^}]+?)}">>
  26                                         <script type="text/template">
  27                                                 ## Slide 1.1
  28                                                 <!-- {_class="fragment fade-out" data-fragment-index="1"} -->
  29
  30                                                 --
  31
  32                                                 ## Slide 1.2
  33                                                 <!-- {_class="fragment shrink"} -->
  34
  35                                                 Paragraph 1
  36                                                 <!-- {_class="fragment grow"} -->
  37
  38                                                 Paragraph 2
  39                                                 <!-- {_class="fragment grow"} -->
  40
  41                                                 - list item 1 <!-- {_class="fragment grow"} -->
  42                                                 - list item 2 <!-- {_class="fragment grow"} -->
  43                                                 - list item 3 <!-- {_class="fragment grow"} -->
  44
  45
  46                                                 ---
  47
  48                                                 ## Slide 2
  49
  50
  51                                                 Paragraph 1.2
  52                                                 multi-line <!-- {_class="fragment highlight-red"} -->
  53
  54                                                 Paragraph 2.2 <!-- {_class="fragment highlight-red"} -->
  55
  56                                                 Paragraph 2.3 <!-- {_class="fragment highlight-red"} -->
  57
  58                                                 Paragraph 2.4 <!-- {_class="fragment highlight-red"} -->
  59
  60                                                 - list item 1 <!-- {_class="fragment highlight-green"} -->
  61                                                 - list item 2<!-- {_class="fragment highlight-green"} -->
  62                                                 - list item 3<!-- {_class="fragment highlight-green"} -->
  63                                                 - list item 4
  64                                                 <!-- {_class="fragment highlight-green"} -->
  65                                                 - list item 5<!-- {_class="fragment highlight-green"} -->
  66
  67                                                 Test
  68
  69                                                 ![Example Picture](examples/assets/image2.png)
  70                                                 <!-- {_class="reveal stretch"} -->
  71
  72                                         </script>
  73                                 </section>
  74
  75
  76
  77                                 <section        data-markdown data-separator="^\n\n\n"
  78                                                                         data-separator-vertical="^\n\n"
  79                                                                         data-separator-notes="^Note:"
  80                                                                         data-charset="utf-8">
  81                                         <script type="text/template">
  82                                                 # Test attributes in Markdown with default separator
  83                                                 ## Slide 1 Def <!-- .element: class="fragment highlight-red" data-fragment-index="1" -->
  84
  85
  86                                                 ## Slide 2 Def
  87                                                 <!-- .element: class="fragment highlight-red" -->
  88
  89                                         </script>
  90                                 </section>
  91
  92                                 <section data-markdown>
  93                                   <script type="text/template">
  94                                         ## Hello world
  95                                         A paragraph
  96                                         <!-- .element: class="fragment highlight-blue" -->
  97                                   </script>
  98                                 </section>
  99
 100                                 <section data-markdown>
 101                                   <script type="text/template">
 102                                         ## Hello world
 103
 104                                         Multiple
 105                                         Line
 106                                         <!-- .element: class="fragment highlight-blue" -->
 107                                   </script>
 108                                 </section>
 109
 110                                 <section data-markdown>
 111                                   <script type="text/template">
 112                                         ## Hello world
 113
 114                                         Test<!-- .element: class="fragment highlight-blue" -->
 115
 116                                         More Test
 117                                   </script>
 118                                 </section>
 119
 120
 121                         </div>
 122
 123                 </div>
 124
 125                 <script src="../lib/js/head.min.js"></script>
 126                 <script src="../js/reveal.js"></script>
 127                 <script src="../plugin/markdown/marked.js"></script>
 128                 <script src="../plugin/markdown/markdown.js"></script>
 129                 <script src="qunit-1.12.0.js"></script>
 130
 131                 <script src="test-markdown-element-attributes.js"></script>
 132
 133         </body>
 134 </html>