slides.html

---
---

{% if jekyll %}
  {% assign headers   = site.headers %}
  {% assign slides    = site.slides %}
  {% assign name     = 'style' %}
{% endif %}

{% comment %}
<!-- todo: fix if jekyll  - not working in liqud 4+ if not defined??
        assign name workaround - change back to to style_css with caputure or similar -->
{% endcomment %}


<!DOCTYPE html>
<html>
<head>
   <meta charset="utf-8">
   <title>{{ headers['title'] }}</title>

<meta name="generator" content="{{ headers['generator'] }}">
<meta name="author"    content="{{ headers['author'] }}" >

<!-- S6 style sheet links -->
<link rel="stylesheet" href="s62/screen.css">
<link rel="stylesheet" href="{{ name }}.css">

  {{ more_content_for_head }}

</head>
<body>

<article id="presentation">

{% for slide in slides %}
<section class="slide {{ slide.classes }}" id="{{ forloop.index }}">
  {{ slide.content }}
</section>
{% endfor %}

</article><!-- presentation -->

<!-- S6 JS -->
  <script src="s62/slides.keys.js"></script>
  <script src="s62/slides.progress.js"></script>
  <script src="s62/slides.classes.js"></script>
  <script src="s62/slides.state.js"></script>
  <script src="s62/slides.kernel.js"></script>
  <script>
     const {Deck, classes, keys, progress, state} = S6;
     const deck = new Deck({ parent: "#presentation",
                             plugins: [classes(), keys(), progress(), state()] });

     {{ more_content_for_js }}
  </script>

</body>
</html>