Figuring out how to use Reveal.js.

forked from elipousson's block: Figuring out how to use Reveal.js.

<!doctype html>
<html lang="en">

<title>Reveal.js template</title>

<script>
			// Load print, pdf stylesheets from jsDelivr
			var srcUrlPrefix = 'https://cdn.jsdelivr.net/reveal.js/3.0.0/';
			var link = document.createElement( 'link' );
			link.rel = 'stylesheet';
			link.type = 'text/css';
			link.href = srcUrlPrefix + (window.location.search.match( /print-pdf/gi ) ? 'css/print/pdf.css' : 'css/print/paper.css');
			document.getElementsByTagName( 'head' )[0].appendChild( link );
		</script>

</head>

<body>

<section>
					<h1>Reveal.js</h1>
					<p>Simple Reveal.js slidedeck template.</p>
				</section>

<section>
					<h2>Steal this template</h2>
					<p>Fork the gist, edit away.</p>
				</section>
        
        <section>
					<h2>and again</h2>
					<p>Fork the gist, edit away.</p>
				</section>

</div>

transition: 'slide', // none/fade/slide/convex/concave/zoom

// Optional reveal.js plugins, loaded from jsDelivr
				dependencies: [
					{ src: srcUrlPrefix + 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
					{ src: srcUrlPrefix + 'plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ src: srcUrlPrefix + 'plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
					{ src: srcUrlPrefix + 'plugin/highlight/highlight.js', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
					{ src: srcUrlPrefix + 'plugin/zoom-js/zoom.js', async: true },
					{ src: srcUrlPrefix + 'plugin/notes/notes.js', async: true }
				]
			});

</script>

</body>
</html>

https://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/html5shiv.js

https://cdn.jsdelivr.net/reveal.js/3.0.0/lib/js/head.min.js

https://cdn.jsdelivr.net/reveal.js/3.0.0/js/reveal.min.js