<!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="dist/reset.css">
		<link rel="stylesheet" href="dist/reveal.css">
		<link rel="stylesheet" href="dist/theme/black.css">

		<link rel="stylesheet" href="plugin/highlight/monokai.css">
		-->

		<style>{% getBundle "css" %}</style>
		{%- 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 %}
	</head>
	<body>
		<div class="reveal">
			<div class="slides">
				{{ content | safe }}
			</div>
		</div>
		<script>
			{% include "node_modules/reveal.js/dist/reveal.js" %}
			{% include "node_modules/reveal.js/plugin/notes/notes.js" %}
		</script>
		<script src="/revealjs-plugins/highlight/highlight.js"></script>

		<script>
			// More info about initialization & config:
			// - https://revealjs.com/initialization/
			// - https://revealjs.com/config/
			Reveal.initialize({
				hash: true,

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