introduction/index.html

<html>
  <head>
    <link rel="stylesheet" href="css/reveal.css">
    <link rel="stylesheet" href="css/theme/white.css" id="theme">
    <link rel="stylesheet" href="css/presentation.css">
  </head>
  <body>
    <div class="reveal">
      <div class="slides">
        <section data-background="#363633">
          <img src="img/lambda-pi-logo.svg" alt="logo" width="400px">
        </section>
        <section>
          <h2>Thanks for being here!</h2>
        </section>
        <section>
          <h2>You have something to share?</h2>

          <ul>
              <li class="fragment fade-in">be it short (5min) or long (30min)</li>
              <li class="fragment fade-in">a hands-on coding session</li>
              <li class="fragment fade-in">file an issue and describe your idea</li>
          </ul>
        </section>
        <section>
          <h3>github.com/lambda-pi-meetup/talks</h3>
        </section>
        <section>
          <h2>Or you want to hear something about a specific topic?</h2>

          <ul>
              <li class="fragment fade-in">file an issue and describe your idea</li>
          </ul>
        </section>
        <section>
          <h2>Todays programm</h2>
        </section>
      </div>
    </div>
    <script src="lib/js/head.min.js"></script>
    <script src="js/reveal.js"></script>

    <script>
       Reveal.initialize({
           width: "80%",
           height: "80%",
           controls: false,
           progress: false,
           history: false,
           center: true,

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

           dependencies: [
               { src: 'lib/js/classList.js', condition: function() { return !document.body.classList; } },
               { src: 'plugin/zoom-js/zoom.js', async: true }
           ]
       });
    </script>        
  </body>
</html>