---
layout: page
---

{% assign session = page %}
{% capture year %}{{ session.beginning | date: '%Y' }}{% endcapture %}

<div class="row">
  <div class="col-xs-12 col-lg-10 col-lg-push-1">
    {% if session.resources %}
    {% if session.resources.internet_archive_identifier %}
    <figure>
      <div class="embed-responsive embed-responsive-16by9">
        <iframe class="embed-responsive-item" src="https://archive.org/embed/{{ session.resources.internet_archive_identifier }}" allowfullscreen mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
      </div>

      <figcaption class="text-muted">
        This video recording is archived by the <a href="https://archive.org/about/">Internet Archive</a>.
        If you value their service, please consider thanking them with a small donation.
      </figcaption>
    </figure>
    {% elsif session.resources.youtube_id %}
    <figure>
      <div class="embed-responsive embed-responsive-16by9">
        <div class="embed-responsive-item embed-placeholder">
          <p>This video is hosted on YouTube.</p>

          <p><a class="btn btn-danger embed-placeholder-continue" href="https://youtu.be/{{ session.resources.youtube_id }}">View</a></p>

          <template>
            <iframe class="embed-responsive-item" src="https://www.youtube-nocookie.com/embed/{{ session.resources.youtube_id }}?modestbranding=1&rel=0" allow="encrypted-media; picture-in-picture" allowfullscreen></iframe>
          </template>
        </div>
      </div>
    </figure>
    {% endif %}
    {% endif %}

    <div class="row">
      <div class="col-xs-12 col-md-7">
        <h2>{{ session.title }}</h2>

        <p class="with-heading">
          {% if session.keynote %}<span class="label label-default">Keynote</span>{% endif %}

          <a class="label label-default" href="/archive/{{ year }}">SeaGL {{ year }}</a>

          <time class="label label-default" datetime="{{ session.beginning }}">{{ session.beginning | date: '%b %-d at %H:%M' }}</time>
        </p>

        {% if session.abstract %}
        <div class="lead">{{ session.abstract | markdownify }}</div>
        {% endif %}

        {{ content }}
      </div>

      <div class="col-xs-12 col-md-5">
        {% if session.presenters %}
        <h3>Presenters</h3>

        {% for presenter in session.presenters %}
        <div class="media">
          <div class="media-left">
            <img class="img-circle" width="64" height="64" alt="{{ presenter.name }}" src="https://s.gravatar.com/avatar/{{ presenter.gravatar_id | default: '00000000000000000000000000000000' }}?d=mp&s=128">
          </div>
          <div class="media-body media-middle">
            <h4 class="media-heading">{{ presenter.name }}{% if presenter.pronouns %}<span class="text-muted"> ({{ presenter.pronouns }})</span>{% endif %}{% if presenter.affiliation %}<span class="text-muted">, {{ presenter.affiliation }}</span>{% endif %}</h4>
            {{ presenter.biography | markdownify }}
          </div>
        </div>
        {% endfor %}
        {% endif %}

        {% if session.resources %}
        <h3>Resources</h3>

        <ul>
          {% if session.resources.resources_url %}
          <li><a href="{{ session.resources.resources_url }}">Resources</a></li>
          {% endif %}

          {% if session.resources.slides_url %}
          <li><a href="{{ session.resources.slides_url }}">Slides</a></li>
          {% endif %}

          {% if session.resources.internet_archive_identifier %}
          <li><a href="https://archive.org/details/{{ session.resources.internet_archive_identifier }}">Video Recording</a></li>
          {% elsif session.resources.youtube_id %}
          <li><a href="https://youtu.be/{{ session.resources.youtube_id }}">Video Recording</a></li>
          {% endif %}

          {% if session.resources.audio_url %}
          <li><a href="{{ session.resources.audio_url }}">Audio Recording</a></li>
          {% endif %}
        </ul>
        {% endif %}
      </div>
    </div>

    <div class="row" style="margin-top: 2em;">
      <div class="col-xs-6">
        <p><a href="/archive/{{ year }}">« SeaGL {{ year }}</a></p>
      </div>
      <div class="col-xs-6 text-muted text-right">
        <p>{% github_edit_link "Edit" %}</p>
      </div>
    </div>
  </div>
</div>

<script defer src="/js/embed-placeholder.js"></script>
