src/index.html

<!doctype html>
<header>
  <link rel="stylesheet" href="{{ 'assets/reveal/reveal.css' | url }}" />
  <link rel="stylesheet" href="{{ 'assets/reveal/theme/black.css' | url }}" />
</header>
<title>Page title</title>

<body>
  <div class="reveal">
    <div class="slides">
      {% include "slides/01-example.html" %}
      <section>
        {% include "slides/02-nested.html" %} {% include
        "slides/02.1-nested.html" %}
      </section>
      {% include "slides/03-promote.html" %}
    </div>
  </div>

  <script src="{{ 'assets/reveal/reveal.js' | url }}"></script>
  <script src="{{ 'assets/reveal/plugin/highlight/highlight.js' | url }}"></script>
  <script src="{{ 'assets/reveal/plugin/notes/notes.js' | url }}"></script>
  <script>
    Reveal.initialize({
      controls: true,
      progress: true,
      history: true,
      slideNumber: false,
      plugins: [ RevealNotes, RevealHighlight ]
    });
  </script>
</body>