<!doctype html>
<html lang="{{ metadata.language }}">
	<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 or metadata.title }}</title>
		<meta name="description" content="{{ description or metadata.description }}">

		<link rel="stylesheet" href="{% getBundleFileUrl "css" %}">
		<script src="{% getBundleFileUrl "js" %}"></script>
		{%- css %}{% include "node_modules/reveal.js/dist/reset.css" %} {% endcss %}
		{%- css %}{% include "node_modules/reveal.js/dist/reveal.css" %} {% endcss %}
		{%- css %}{% include "node_modules/reveal.js/dist/theme/black.css" %} {% endcss %}
		{%- css %}{% include "node_modules/reveal.js/plugin/highlight/monokai.css" %} {% endcss %}
    {%- js %}
    {% includeRaw "node_modules/reveal.js/dist/reveal.js" %}
    {% includeRaw "node_modules/reveal.js/plugin/notes/notes.js" %}
    {% includeRaw "node_modules/reveal.js/plugin/highlight/highlight.js" %}
			Reveal.initialize({
				hash: true,

				// Learn about plugins: https://revealjs.com/plugins/
				plugins: [ RevealHighlight, RevealNotes ]
			});
    {%- endjs %}
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
				{{ content | safe }}
			</div>
		</div>
	</body>
</html>
