<!DOCTYPE html> <html lang=“en”>

<head>

<meta charset="utf-8" />

<title>
    {% if page.title %}
    {{ page.title }} | {{ site.title }}
    {% else %}
    {{ site.title }}
    {% endif %}
</title>

<!--<meta name="author" content="{{ site.author }}" />-->

<!-- Description -->
{% if page.description %}
<meta name="description" content="{{ page.description }}" />
{% else %}
<meta name="description" content="{{ site.description }}" />
{% endif %}

<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, minimal-ui" />

<!-- Font Awesome CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">

<!-- Reveal.js CSS -->
<link rel="stylesheet" href="{{ "/assets/modules/reveal.js/css/reveal.css" | prepend: site.baseurl }}" />

{%if page.theme %}

  <link rel="stylesheet" href="{{ "/assets/modules/reveal.js/css/theme/" | prepend: site.baseurl | append: page.theme | append: '.css' }}" id="theme"/>
{% else %}
  <link rel="stylesheet" href="{{ "/assets/modules/reveal.js/css/theme/white.css" | prepend: site.baseurl }}" id="theme"/>
{% endif %}

<!-- Code syntax highlighting -->
<link rel="stylesheet" href="{{ "/assets/modules/reveal.js/lib/css/zenburn.css" | prepend: site.baseurl }}" />

<!-- Printing and PDF exports -->
<script>
    var link = document.createElement('link');
    link.rel = 'stylesheet';
    link.type = 'text/css';
    link.href = window.location.search.match(/print-pdf/gi) ? '{{ "/assets/modules/reveal.js/css/print/pdf.css" | prepend: site.baseurl }}' : '{{ "/assets/modules/reveal.js/css/print/paper.css" | prepend: site.baseurl }}';
    document.getElementsByTagName('head')[0].appendChild(link);
</script>

<link rel="apple-touch-icon" href="{{ "/apple-touch-icon.png" | prepend: site.baseurl }}" />

<link rel="canonical" href="{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}" />

<style>
    .home {
      color: #50514F;
      font-family: verdana;
      font-size: 100%;
      padding-left: 20px;
  }
</style>

</head>

<body>

<div>
    <p>
        <a class="home" href="/"><i class="fa fa-2x fa-bars"></i></a>
    </p>
</div>
<div class="reveal">
    <div class="slides">
        {{ content }}
    </div>
</div>

<script type="text/javascript" src="{{ "/assets/modules/reveal.js/js/reveal.js" | prepend: site.baseurl }}"></script>
<script type="text/javascript" src="{{ "/assets/modules/reveal.js/lib/js/head.min.js" | prepend: site.baseurl }}"></script>

<script type="text/javascript">
    // Full list of configuration options available at:
    // https://github.com/hakimel/reveal.js#full-setup
    Reveal.initialize({

        // Display Settings
        //width: "100%",
        //height: "100%",
        //margin: 0,
        //minScale: 1,
        //maxScale: 1,

        // Display presentation control arrows
        controls: true,

        // Help the user learn the controls by providing hints, for example by
        // bouncing the down arrow when they first encounter a vertical slide
        controlsTutorial: true,

        // Determines where controls appear, "edges" or "bottom-right"
        controlsLayout: 'edges',

        // Visibility rule for backwards navigation arrows; "faded", "hidden"
        // or "visible"
        controlsBackArrows: 'faded',

        // Display a presentation progress bar
        progress: true,

        // Display the page number of the current slide
        slideNumber: false,

        // Push each slide change to the browser history
        history: false,

        // Enable keyboard shortcuts for navigation
        keyboard: true,

        // Enable the slide overview mode
        overview: true,

        // Vertical centering of slides
        center: true,

        // Enables touch navigation on devices with touch input
        touch: true,

        // Loop the presentation
        loop: false,

        // Change the presentation direction to be RTL
        rtl: false,

        // Randomizes the order of slides each time the presentation loads
        shuffle: false,

        // Turns fragments on and off globally
        fragments: true,

        // Flags whether to include the current fragment in the URL,
        // so that reloading brings you to the same fragment position
        fragmentInURL: false,

        // Flags if the presentation is running in an embedded mode,
        // i.e. contained within a limited portion of the screen
        embedded: false,

        // Flags if we should show a help overlay when the questionmark
        // key is pressed
        help: true,

        // Flags if speaker notes should be visible to all viewers
        showNotes: false,

        // Global override for autoplaying embedded media (video/audio/iframe)
        // - null: Media will only autoplay if data-autoplay is present
        // - true: All media will autoplay, regardless of individual setting
        // - false: No media will autoplay, regardless of individual setting
        autoPlayMedia: null,

        // Number of milliseconds between automatically proceeding to the
        // next slide, disabled when set to 0, this value can be overwritten
        // by using a data-autoslide attribute on your slides
        autoSlide: 0,

        // Stop auto-sliding after user input
        autoSlideStoppable: true,

        // Use this method for navigation when auto-sliding
        autoSlideMethod: Reveal.navigateNext,

        // Specify the average time in seconds that you think you will spend
        // presenting each slide. This is used to show a pacing timer in the
        // speaker view
        defaultTiming: 120,

        // Enable slide navigation via mouse wheel
        mouseWheel: false,

        // Hides the address bar on mobile devices
        hideAddressBar: true,

        // Opens links in an iframe preview overlay
        // Add `data-preview-link` and `data-preview-link="false"` to customise each link
        // individually
        previewLinks: false,

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

        // Transition speed
        transitionSpeed: 'default', // default/fast/slow

        // Transition style for full page slide backgrounds
        backgroundTransition: 'fade', // none/fade/slide/convex/concave/zoom

        // Number of slides away from the current that are visible
        viewDistance: 3,

        // Parallax background image
        parallaxBackgroundImage: '', // e.g. "'https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg'"

        // Parallax background size
        parallaxBackgroundSize: '', // CSS syntax, e.g. "2100px 900px"

        // Number of pixels to move the parallax background per slide
        // - Calculated automatically unless specified
        // - Set to 0 to disable movement along an axis
        parallaxBackgroundHorizontal: null,
        parallaxBackgroundVertical: null,

        // The display mode that will be used to show slides
        display: 'block',

        dependencies: [
            { src: '{{ "/assets/modules/reveal.js/lib/js/classList.js" | prepend: site.baseurl }}', condition: function() { return !document.body.classList; } },
            { src: '{{ "/assets/modules/reveal.js/plugin/markdown/marked.js" | prepend: site.baseurl }}', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
            { src: '{{ "/assets/modules/reveal.js/plugin/markdown/markdown.js" | prepend: site.baseurl }}', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
            { src: '{{ "/assets/modules/reveal.js/plugin/highlight/highlight.js" | prepend: site.baseurl }}', async: true, condition: function() { return !!document.querySelector( 'pre code' ); }, callback: function() { hljs.initHighlightingOnLoad(); } },
            { src: '{{ "/assets/modules/reveal.js/plugin/zoom-js/zoom.js" | prepend: site.baseurl }}', async: true },
            { src: '{{ "/assets/modules/reveal.js/plugin/notes/notes.js" | prepend: site.baseurl }}', async: true }
        ]

    });
</script>

</body>

</html>