diff options
| author | Hakim El Hattab <hakim.elhattab@gmail.com> | 2013-02-27 15:01:30 -0500 |
|---|---|---|
| committer | Hakim El Hattab <hakim.elhattab@gmail.com> | 2013-02-27 15:01:30 -0500 |
| commit | f9f17be01473bd80e8f1b6431c6070c4005e1164 (patch) | |
| tree | 0bfacc37da942643ac4628b6f233fdec332f52fa /plugin/markdown/example.html | |
| parent | 3321e8b600ef0441f6f131c458b208d8ef346468 (diff) | |
| download | freenode-live-2017-presentation-f9f17be01473bd80e8f1b6431c6070c4005e1164.tar freenode-live-2017-presentation-f9f17be01473bd80e8f1b6431c6070c4005e1164.tar.gz | |
merge external markdown support, move example to plugin (#329)
Diffstat (limited to 'plugin/markdown/example.html')
| -rw-r--r-- | plugin/markdown/example.html | 97 |
1 files changed, 97 insertions, 0 deletions
diff --git a/plugin/markdown/example.html b/plugin/markdown/example.html new file mode 100644 index 0000000..b4e7f91 --- /dev/null +++ b/plugin/markdown/example.html @@ -0,0 +1,97 @@ +<!doctype html> +<html lang="en"> + + <head> + <meta charset="utf-8"> + + <title>reveal.js - Markdown Demo</title> + + <link rel="stylesheet" href="../../css/reveal.css"> + <link rel="stylesheet" href="../../css/theme/default.css" id="theme"> + </head> + + <body> + + <div class="reveal"> + + <div class="slides"> + + <!-- Use external markdown resource, and separate slides by three newlines; vertical slides by two newlines --> + <section data-markdown="example.md" data-separator="^\n\n\n" data-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-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> + + </div> + </div> + + <script src="../../lib/js/head.min.js"></script> + <script src="../../js/reveal.js"></script> + + <script> + + Reveal.initialize({ + controls: true, + progress: true, + history: true, + center: true, + + theme: Reveal.getQueryHash().theme, + transition: Reveal.getQueryHash().transition || 'default', + + // Optional libraries used to extend on reveal.js + dependencies: [ + { src: '../../lib/js/classList.js', condition: function() { return !document.body.classList; } }, + { src: 'showdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } }, + { src: 'markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } } + ] + }); + + </script> + + </body> +</html> |