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

<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

	<title>{{ title }}</title>
	<meta name="title" content="{{ title }}" />
	<meta name="description" content="{{ description }}" />
	<meta name="keywords" content="{{ keywords }}" />

	<link rel="stylesheet" href="/assets/reveal.js/css/reset.css">
	<link rel="stylesheet" href="/assets/reveal.js/css/reveal.css">
	<link rel="stylesheet" href="/assets/reveal.js/css/theme/black.css">

	<!-- Theme used for syntax highlighted code -->
	<link rel="stylesheet" href="/assets/reveal.js/plugin/highlight/monokai.css">
</head>

<body>
	<div class="reveal">
		<div class="slides">
			<section data-markdown data-separator="^\r?\n---\r?\n$" data-separator-vertical="^\r?\n----\r?\n$"
				data-separator-notes="^Note:">
				<textarea data-template>{{ source }}</textarea>
			</section>
		</div>
	</div>

	<script src="/assets/reveal.js/js/reveal.js"></script>
	<script src="/assets/reveal.js/plugin/notes/notes.js"></script>
	<script src="/assets/reveal.js/plugin/markdown/markdown.js"></script>
	<script src="/assets/reveal.js/plugin/highlight/highlight.js"></script>
	<script>
		// More info about initialization & config:
		// - https://revealjs.com/initialization/
		// - https://revealjs.com/config/
		Reveal.initialize({
			hash: true,
			slideNumber: true,

			// Learn about plugins: https://revealjs.com/plugins/
			plugins: [RevealMarkdown, RevealHighlight, RevealNotes]
		});
	</script>
</body>

</html>