slides.html

---
layout: base
description: Slide layout template
---
{% if content %}
  <div class="row">
    {{ content }}
  </div>
{% endif %}

<div class="row">
  {% if page.vimeo_link_embed %}
    <iframe src="{{ page.vimeo_link_embed }}" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen></iframe>
  {% endif %}
</div>
    {% for item in page.slides %}
    <hr/>
    <div class="d-flex slide">
      <div class="flex-shrink-0 me-3">
        <img alt="{{ item.img_alt }}" height="253" src="{{ item.img }}" width="450">
      </div>
      <div class="text-muted">
        {{ item.notes | markdownify }}
        <small>
          {% if item.video_offset %}
            Jump to <a href="{{ page.vimeo_link_simple }}#t={{ item.video_offset }}" target="_blank">{{ item.video_offset}}</a>
          {% endif %}
        </small>
      </div>
    </div>
    {% endfor %}

<div class="row">
    {% if page.comments %}
        <script src="https://giscus.app/client.js"
            data-repo="echinopscis/echinopscis-discussions"
            data-repo-id="R_kgDOH-mVHQ"
            data-category="Announcements"
            data-category-id="DIC_kwDOH-mVHc4CRYFz"
            data-mapping="pathname"
            data-strict="0"
            data-reactions-enabled="1"
            data-emit-metadata="0"
            data-input-position="bottom"
            data-theme="light"
            data-lang="en"
            crossorigin="anonymous"
            async>
        </script>
    {% endif %}

</div>