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

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

    <title>SII - DevOps</title>
    <link rel="icon" type="image/png" href="revealjs/images/favicon-logo-sii.png" />

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

    <!-- Theme used for syntax highlighting of code -->
    <link rel="stylesheet" href="revealjs/lib/css/monokai.css">

    <!-- Specific CSS override to reduce font size and align text on the left -->
        <style>
        .reveal {
          font-family: "Source Sans Pro", Helvetica, sans-serif;
          font-size: 30px;
          color: #222;
        }
        .reveal .slides {
          text-align: left;
        }

        .columns {
          display: flex;
          justify-content: space-around;
        }

        .columns pre {
          margin-right: 0.5rem;
        }

        .columns div {
          margin-right: 0.5rem;
        }
        </style>

    <!-- 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 ) ? 'revealjs/css/print/pdf.css' : 'revealjs/css/print/paper.css';
        document.getElementsByTagName( 'head' )[0].appendChild( link );
    </script>

    <!--[if lt IE 9]>
    <script src="lib/js/html5shiv.js"></script>
    <![endif]-->
    </head>

    <body>

    <div class="reveal">

      <div class="slides">
        <section data-markdown="0.introduction.md"
                data-separator="^\n\n\n"
                data-separator-vertical="^\n\n"
                data-separator-notes="^Note:"
                data-charset="UTF-8">
        </section>
        <section data-markdown="1.constats.md"
                data-separator="^\n\n\n"
                data-separator-vertical="^\n\n"
                data-separator-notes="^Note:"
                data-charset="UTF-8">
        </section>
        <section data-markdown="2.apport.md"
                data-separator="^\n\n\n"
                data-separator-vertical="^\n\n"
                data-separator-notes="^Note:"
                data-charset="UTF-8">
        </section>
        <section data-markdown="3.origines.md"
                data-separator="^\n\n\n"
                data-separator-vertical="^\n\n"
                data-separator-notes="^Note:"
                data-charset="UTF-8">
        </section>
        <section data-markdown="4.pratique.md"
                data-separator="^\n\n\n"
                data-separator-vertical="^\n\n"
                data-separator-notes="^Note:"
                data-charset="UTF-8">
        </section>
        <section data-markdown="5.integration.md"
                data-separator="^\n\n\n"
                data-separator-vertical="^\n\n"
                data-separator-notes="^Note:"
                data-charset="UTF-8">
        </section>
        <section data-markdown="6.conclusion.md"
                data-separator="^\n\n\n"
                data-separator-vertical="^\n\n"
                data-separator-notes="^Note:"
                data-charset="UTF-8">
        </section>
    </div>

    <script src="revealjs/js/reveal.js"></script>

    <script>

    // More info https://github.com/hakimel/reveal.js#configuration
    Reveal.initialize({
        controls: true,
        progress: true,
        center: true,
        hash: true,

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

        // More info https://github.com/hakimel/reveal.js#dependencies
        dependencies: [
            { src: 'revealjs/plugin/markdown/marked.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
            { src: 'revealjs/plugin/markdown/markdown.js', condition: function() { return !!document.querySelector( '[data-markdown]' ); } },
            { src: 'revealjs/plugin/highlight/highlight.js', async: true },
            { src: 'revealjs/plugin/search/search.js', async: true },
            { src: 'revealjs/plugin/zoom-js/zoom.js', async: true },
            { src: 'revealjs/plugin/notes/notes.js', async: true }
        ]
        });

    Reveal.configure({
        slideNumber: 'c/t'
    });
    </script>

    <!--<img class="logo" src="revealjs/images/logo-sii.svg" />-->
    <p class="footer">SII • www.groupe-sii.com • mars 2021</p>
    </body>
</html>