quarter.html

<h2 class="quarter-header">Schedule {{ quarter.quarter }}</h2>
<table class="quarter-table">
  <tr>
    <th>Date</th>
    <th>Guest</th>
    <th>Affiliation</th>
    <th>Title</th>
    <th>Location</th>
    <th>Time</th>
  </tr>
  {% assign sorted_talks = (site.talks | sort: 'date') %}
  {% for talk in sorted_talks %}
    {% if talk.date >= quarter.start and talk.date <= quarter.end %}
      <tr class="talk-header">
        <td class="talk-date"><small>{{ talk.date | date: "%a, %b %d" }}</small></td>
        <td class="talk-speaker"><a href="{{ talk.website }}">{{ talk.speaker }}</a></td>
        <td><small>{{ talk.affiliation }}</small></td>
        <td class="talk-title"><a class="talk-title-link" href="javascript:void(0)"><i class="arrow down"></i>{{ talk.title }}</a></td>
        <td><small><a href="{{ talk.location-url }}">{{ talk.location }}</a></small></td>
        <td><small>{{ talk.date | date: "%l:%M%p" }}</small></td>
      </tr>
      <tr class="talk-abstract">
        <td class="talk-abstract-content" colspan="6">
          <strong>Abstract</strong>
          <p>
          {{ talk.abstract }}
          </p>
          {% if talk.youtube-code %}
          <div class="youtube">
            <iframe width="1020" height="630" src="https://www.youtube.com/embed/{{ talk.youtube-code }}" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
          </div>
          {% endif %}
        </td>
      </tr>
    {% endif %}
  {% endfor %}
</table>