Gitiles
Code Review Sign In
korap.ids-mannheim.de / IDS-Mannheim / revealjs / 01541a28119c17b4d4aded306777aada52195cda / . / inst / reveal.js-3.3.0.1 / test / test-markdown-element-attributes.html
blob: 6edf95eff60c55f6971d21315ff15d1eff186f41 [file] [log] [blame]
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]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>