Gitiles
Code Review Sign In
korap.ids-mannheim.de / IDS-Mannheim / revealjs / 9c036a424c275bbeebd43ac872361864546602ac / . / inst / reveal.js-5.1.0 / examples / markdown.html
blob: 4d69f052a954bc9fc69e2a685347c8f28a15788f [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
Marc Kupietz09b75752023-10-07 09:32:19 +0200[diff] [blame]102 <!-- add optional line count offset, in this case 287 -->
103 <section data-markdown>
104 <script type="text/template">
105 ## echo.c
106
107 ```c [287: 2|4,6]
108 /* All of the options in this arg are valid, so handle them. */
109 p = arg + 1;
110 do {
111 if (*p == 'n')
112 nflag = 0;
113 if (*p == 'e')
114 eflag = '\\';
115 } while (*++p);
116 ```
117 [source](https://git.busybox.net/busybox/tree/coreutils/echo.c?h=1_36_stable#n287)
118 </script>
119 </section>
120
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]121 <!-- Images -->
122 <section data-markdown>
123 <script type="text/template">
124 ![Sample image](https://s3.amazonaws.com/static.slid.es/logo/v2/slides-symbol-512x512.png)
125 </script>
126 </section>
127
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]128 <!-- Math -->
129 <section data-markdown>
130 ## The Lorenz Equations
131 `\[\begin{aligned}
132 \dot{x} &amp; = \sigma(y-x) \\
133 \dot{y} &amp; = \rho x - y - xz \\
134 \dot{z} &amp; = -\beta z + xy
135 \end{aligned} \]`
136 </section>
137
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]138 </div>
139 </div>
140
Christophe Dervieuxe1893ae2021-10-07 17:09:02 +0200[diff] [blame]141 <script src="../dist/reveal.js"></script>
142 <script src="../plugin/markdown/markdown.js"></script>
143 <script src="../plugin/highlight/highlight.js"></script>
144 <script src="../plugin/notes/notes.js"></script>
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]145 <script src="../plugin/math/math.js"></script>
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]146
147 <script>
148
149 Reveal.initialize({
150 controls: true,
151 progress: true,
152 history: true,
153 center: true,
154
Christophe Dervieux8afae132021-12-06 15:16:42 +0100[diff] [blame]155 plugins: [ RevealMarkdown, RevealHighlight, RevealNotes, RevealMath.KaTeX ]
JJ Allaireefa6ad42016-01-30 13:12:05 -0500[diff] [blame]156 });
157
158 </script>
159
160 </body>
161</html>