Gitiles
Code Review Sign In
korap.ids-mannheim.de / IDS-Mannheim / revealjs / 37782091f88635b00341d708b6311465efe1a444 / . / inst / reveal.js-4.2.1 / examples / markdown.html
blob: e7294bc708fd51bcd356ae64b1bb13f17c7c13e5 [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
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]7 <title>reveal.js - Markdown Example</title>
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]8
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]9 <link rel="stylesheet" href="../dist/reveal.css">
10 <link rel="stylesheet" href="../dist/theme/white.css" id="theme">
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]11
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]12 <link rel="stylesheet" href="../plugin/highlight/monokai.css">
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]13 </head>
14
15 <body>
16
17 <div class="reveal">
18
19 <div class="slides">
20
21 <!-- Use external markdown resource, separate slides by three newlines; vertical slides by two newlines -->
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]22 <section data-markdown="markdown.md" data-separator="^\n\n\n" data-separator-vertical="^\n\n"></section>
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]23
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]24 <!-- Slides are separated by three dashes (the default) -->
25 <section data-markdown>
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]26 <script type="text/template">
27 ## Demo 1
28 Slide 1
29 ---
30 ## Demo 1
31 Slide 2
32 ---
33 ## Demo 1
34 Slide 3
35 </script>
36 </section>
37
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]38 <!-- Slides are separated by regexp matching newline + three dashes + newline, vertical slides identical but two dashes -->
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]39 <section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$">
40 <script type="text/template">
41 ## Demo 2
42 Slide 1.1
43
44 --
45
46 ## Demo 2
47 Slide 1.2
48
49 ---
50
51 ## Demo 2
52 Slide 2
53 </script>
54 </section>
55
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]56 <!-- No "extra" slides, since the separator can't be matched ("---" will become horizontal rulers) -->
57 <section data-markdown data-separator="$x">
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]58 <script type="text/template">
59 A
60
61 ---
62
63 B
64
65 ---
66
67 C
68 </script>
69 </section>
70
71 <!-- Slide attributes -->
72 <section data-markdown>
73 <script type="text/template">
74 <!-- .slide: data-background="#000000" -->
75 ## Slide attributes
76 </script>
77 </section>
78
79 <!-- Element attributes -->
80 <section data-markdown>
81 <script type="text/template">
82 ## Element attributes
83 - Item 1 <!-- .element: class="fragment" data-fragment-index="2" -->
84 - Item 2 <!-- .element: class="fragment" data-fragment-index="1" -->
85 </script>
86 </section>
87
88 <!-- Code -->
89 <section data-markdown>
90 <script type="text/template">
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]91 ```php [1|3-5]
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]92 public function foo()
93 {
94 $foo = array(
95 'bar' => 'bar'
96 )
97 }
98 ```
99 </script>
100 </section>
101
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]102 <!-- Images -->
103 <section data-markdown>
104 <script type="text/template">
105 ![Sample image](https://s3.amazonaws.com/static.slid.es/logo/v2/slides-symbol-512x512.png)
106 </script>
107 </section>
108
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]109 <!-- Math -->
110 <section data-markdown>
111 ## The Lorenz Equations
112 `\[\begin{aligned}
113 \dot{x} &amp; = \sigma(y-x) \\
114 \dot{y} &amp; = \rho x - y - xz \\
115 \dot{z} &amp; = -\beta z + xy
116 \end{aligned} \]`
117 </section>
118
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]119 </div>
120 </div>
121
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]122 <script src="../dist/reveal.js"></script>
123 <script src="../plugin/markdown/markdown.js"></script>
124 <script src="../plugin/highlight/highlight.js"></script>
125 <script src="../plugin/notes/notes.js"></script>
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]126 <script src="../plugin/math/math.js"></script>
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]127
128 <script>
129
130 Reveal.initialize({
131 controls: true,
132 progress: true,
133 history: true,
134 center: true,
135
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]136 plugins: [ RevealMarkdown, RevealHighlight, RevealNotes, RevealMath.KaTeX ]
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]137 });
138
139 </script>
140
141 </body>
142</html>