| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 | <!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>
 |