{%- extends "basic/layout.html" %}

{%- block extrahead %}
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

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

    {% if revealjs_slide and revealjs_slide.theme %}
    <link rel="stylesheet" href="{{ pathto('_static/'+ revealjs_slide.theme + '.css', 1) }}" />
    {% elif theme_revealjs_custom_theme  %}
    <link rel="stylesheet" href="{{ pathto('_static/'+ theme_revealjs_theme + '.css', 1) }}" />
    {% else %}
    <link rel="stylesheet" href="{{ pathto('_static/revealjs/css/theme/'+ theme_revealjs_theme + '.css', 1) }}" />
    {% endif %}
    {# Google Fonts #}
    {% if revealjs_slide and revealjs_slide.google_font %}
    <link href="https://fonts.googleapis.com/css?family={{ revealjs_slide.google_font|replace(' ', '+') }}&display=swap" rel="stylesheet" >
    <style>
        body {
            font-family: '{{ revealjs_slide.google_font }}', sans-serif;
        }
    </style>
    {% elif theme_google_font %}
    <link href="https://fonts.googleapis.com/css?family={{ theme_google_font|replace(' ', '+') }}&display=swap" rel="stylesheet" >
    <style>
        body {
            font-family: '{{ theme_google_font }}', sans-serif;
        }
    </style>
    {% endif %}
    <!-- Printing and PDF exports -->
    <script>
        var link = document.createElement( "link" );
        link.rel = "stylesheet";
        link.type = "text/css";
        if (window.location.search.match( /print-pdf/gi )) {
            link.href = "{{ pathto('_static/revealjs/css/print/pdf.css', 1) }}";
        } else {
            link.href = "{{ pathto('_static/revealjs/css/print/paper.css', 1) }}";
        }
        document.getElementsByTagName( "head" )[0].appendChild( link );
    </script>
{% endblock %}

{%- block content %}
    <div class="reveal">
        <div class="slides">
            {{ body }}
        </div>
    </div>
    <script src="{{ pathto('_static/revealjs/js/reveal.js', 1) }}"></script>
    <script>
        var revealConfig = {
            controls: true,
            progress: true,
            history: true,
            center: true,
            transition: "slide", // none/fade/slide/convex/concave/zoom
            // More info https://github.com/hakimel/reveal.js#dependencies
            dependencies: [
                { src: "{{ pathto('_static/revealjs/plugin/notes/notes.js', 1) }}", async: true },
                { src: "{{ pathto('_static/revealjs/plugin/highlight/highlight.js', 1) }}", async: true, callback: function() { hljs.initHighlightingOnLoad(); } }
            ]
        };
        {% if theme_revealjs_config %}
        Object.assign(revealConfig, {{ theme_revealjs_config }});
        {% endif %}
        {% if revealjs_slide and revealjs_slide.config %}
        Object.assign(revealConfig, {{ revealjs_slide.config }});
        {% endif %}
        // More info https://github.com/hakimel/reveal.js#configuration
        Reveal.initialize(revealConfig);
    </script>
{% endblock %}

{# This block is not used. #}
{%- block header %}{% endblock %}
{%- block relbar1 %}{% endblock %}
{%- block relbar2 %}{% endblock %}
{%- block footer %}{% endblock %}