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

<head>
    <meta charset="utf-8">

    <title>A Bird's-Eye View of Version Control with Pijul</title>

    <meta name="description" content="">
    <meta name="author" content="Hanno Embregts">

    <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">

    <link rel="stylesheet" href="../../dist/reset.css">
    <link rel="stylesheet" href="../../dist/reveal.css">
    <link rel="stylesheet" href="../../dist/theme/blood.css" id="theme">
    <link rel="stylesheet" href="css/frontmania.css" id="custom">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Fira+Code&display=swap">

    <!-- Theme used for syntax highlighting of code -->
    <link rel="stylesheet" href="css/darcula.css" id="highlight-theme">
</head>

<body>

    <div class="reveal">

        <!-- Any section element inside of this container is displayed as a slide -->
        <div class="slides">

            <section data-markdown="sections/1-dang-it-git-and-welcome.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>

            <section data-markdown="sections/2-introducing-pijul.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>

            <section data-markdown="sections/3-demo.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>

            <section data-markdown="sections/a-wrap-up.md" data-separator="^\r?\n------\r?\n$"
                data-separator-vertical="^\r?\n---\r?\n$">
            </section>
        </div>
        
        <div class="leftFooter">
            <a href="https://twitter.com/hannotify">#FrontMania #Pijul</a>
        </div>
        <div class="rightFooter">
            <a href="https://twitter.com/hannotify">@hannotify</a>
        </div>
    </div>

    <script src="../../dist/reveal.js"></script>
    <script src="../../plugin/zoom/zoom.js"></script>
    <script src="../../plugin/notes/notes.js"></script>
    <script src="../../plugin/search/search.js"></script>
    <script src="../../plugin/markdown/markdown.js"></script>
    <script src="../../plugin/highlight/highlight.js"></script>
    <script>

        // Also available as an ES module, see:
        // https://revealjs.com/initialization/
        Reveal.initialize({
            controls: false,
            progress: true,
            center: true,
            history: true,
            hash: true,
            keyboard: {
                39: 'next',
                37: 'prev'
            },
            showHiddenSlides: true,
            transition: 'fade', // none/fade/slide/convex/concave/zoom
            // Learn about plugins: https://revealjs.com/plugins/
            plugins: [RevealZoom, RevealNotes, RevealSearch, RevealMarkdown, RevealHighlight]
        });
        Reveal.configure({
            pdfSeparateFragments: false
        });
    </script>
</body>

</html>