diff options
author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-04-27 10:45:57 +0200 |
---|---|---|
committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2020-04-27 10:45:57 +0200 |
commit | 0a1bcdf999d10d20ecf189432c4ae920f89b7f0b (patch) | |
tree | 41493bec10bab56ac4b29a52b37e455c2a7c5f89 /examples | |
parent | 951f5d04c2324093c0f138ff2945acc58c6d3fd2 (diff) | |
download | fosdem-2021-minimalism-presentation-0a1bcdf999d10d20ecf189432c4ae920f89b7f0b.tar fosdem-2021-minimalism-presentation-0a1bcdf999d10d20ecf189432c4ae920f89b7f0b.tar.gz |
move markdown example from /plugins to /examples
Diffstat (limited to 'examples')
-rw-r--r-- | examples/markdown.html | 131 | ||||
-rw-r--r-- | examples/markdown.md | 36 |
2 files changed, 167 insertions, 0 deletions
diff --git a/examples/markdown.html b/examples/markdown.html new file mode 100644 index 0000000..a91a6c0 --- /dev/null +++ b/examples/markdown.html @@ -0,0 +1,131 @@ +<!doctype html> +<html lang="en"> + + <head> + <meta charset="utf-8"> + + <title>reveal.js - Markdown Example</title> + + <link rel="stylesheet" href="../dist/reveal.css"> + <link rel="stylesheet" href="../dist/theme/white.css" id="theme"> + + <link rel="stylesheet" href="../lib/css/monokai.css"> + </head> + + <body> + + <div class="reveal"> + + <div class="slides"> + + <!-- Use external markdown resource, separate slides by three newlines; vertical slides by two newlines --> + <section data-markdown="markdown.md" data-separator="^\n\n\n" data-separator-vertical="^\n\n"></section> + + <!-- Slides are separated by three dashes (quick 'n dirty regular expression) --> + <section data-markdown data-separator="---"> + <script type="text/template"> + ## Demo 1 + Slide 1 + --- + ## Demo 1 + Slide 2 + --- + ## Demo 1 + Slide 3 + </script> + </section> + + <!-- Slides are separated by newline + three dashes + newline, vertical slides identical but two dashes --> + <section data-markdown data-separator="^\n---\n$" data-separator-vertical="^\n--\n$"> + <script type="text/template"> + ## Demo 2 + Slide 1.1 + + -- + + ## Demo 2 + Slide 1.2 + + --- + + ## Demo 2 + Slide 2 + </script> + </section> + + <!-- No "extra" slides, since there are no separators defined (so they'll become horizontal rulers) --> + <section data-markdown> + <script type="text/template"> + A + + --- + + B + + --- + + C + </script> + </section> + + <!-- Slide attributes --> + <section data-markdown> + <script type="text/template"> + <!-- .slide: data-background="#000000" --> + ## Slide attributes + </script> + </section> + + <!-- Element attributes --> + <section data-markdown> + <script type="text/template"> + ## Element attributes + - Item 1 <!-- .element: class="fragment" data-fragment-index="2" --> + - Item 2 <!-- .element: class="fragment" data-fragment-index="1" --> + </script> + </section> + + <!-- Code --> + <section data-markdown> + <script type="text/template"> + ```php [1|3-5] + public function foo() + { + $foo = array( + 'bar' => 'bar' + ) + } + ``` + </script> + </section> + + <!-- Images --> + <section data-markdown> + <script type="text/template"> + ![Sample image](https://s3.amazonaws.com/static.slid.es/logo/v2/slides-symbol-512x512.png) + </script> + </section> + + </div> + </div> + + <script src="../dist/reveal.es5.js"></script> + <script src="../dist/plugin/markdown.js"></script> + <script src="../dist/plugin/highlight.js"></script> + <script src="../dist/plugin/notes.js"></script> + + <script> + + Reveal.initialize({ + controls: true, + progress: true, + history: true, + center: true, + + plugins: [ RevealMarkdown, RevealHighlight, RevealNotes ] + }); + + </script> + + </body> +</html> diff --git a/examples/markdown.md b/examples/markdown.md new file mode 100644 index 0000000..89c7534 --- /dev/null +++ b/examples/markdown.md @@ -0,0 +1,36 @@ +# Markdown Demo + + + +## External 1.1 + +Content 1.1 + +Note: This will only appear in the speaker notes window. + + +## External 1.2 + +Content 1.2 + + + +## External 2 + +Content 2.1 + + + +## External 3.1 + +Content 3.1 + + +## External 3.2 + +Content 3.2 + + +## External 3.3 + +![External Image](https://s3.amazonaws.com/static.slid.es/logo/v2/slides-symbol-512x512.png) |