<section id="cd-timeline" class="cd-container">

{% assign events = site.data.schedule | where:include.param, 1 | sort:"time" %}

{% for event in events %}

<div class="cd-timeline-block">

<div class="cd-timeline-img">

<img src="{{ site.data.path }}img/clockface/{{ event.timeImg }}">

</div>

<div class="cd-timeline-content">

<div class="row">

<div class="col-sm-7 col-xs-12">

{% if event.groupId == 'key-open' %}

{% assign keynote = site.posts | where:"group",event.groupId %}

<h2><a href="{{ keynote[0].url }}">{{ event.title }}</a></h2>

{% elsif event.groupId == 'key-close' %}

{% assign keynote = site.posts | where:"group",event.groupId %}

<h2><a href="{{ keynote[0].url }}">{{ event.title }}</a></h2>

{% else %}

<h2>{{ event.title }}</h2>

{% endif %}

</div>

<div class="col-sm-5 col-xs-12 text-right">

<h2>{{ event.time }}</h2>

</div>

</div>

{% if event.groupId %}

{% assign talks = site.posts | where:"group",event.groupId | sort:"spot" %}

{% for talk in talks %}

<div class="row talk-row">

<div class="col-xs-12">

{% if event.groupId == 'key-open' %}

{% elsif event.groupId == 'key-close' %}

{% else %}

<h4><a href="{{ talk.url }}">{{ talk.title }}</a></h4>

{% endif %}

</div>

<div class="col-xs-12 hidden-xs">

{% for speakerId in talk.speakers %}

{% if speakerId != 0 %}

{% assign speaker = site.data.speakers_final[speakerId] %}

{% if speaker %}

<div class="col-sm-3 text-center">

<a href="/speakers.html#{{speaker.Name | slugify }}">

<img class="clip-circle-speaker" src="{{ speaker.Image-URL }}" alt="{{ speaker.Name }}">

{% if event.groupId != 'key-open' and event.groupId != 'key-close' %}

<span>{{ speaker.Name }}</span>

{% endif %}

</a>

</div>

{% else %}

{% assign speaker = site.data.speakers_dummy[speakerId] %}

{% if speaker %}

<div class="col-sm-3 text-center">

<img class="clip-circle-speaker" src="{{ speaker.Image-URL }}" alt="{{ speaker.Name }}">

{% if event.groupId != 'key-open' and event.groupId != 'key-close' %}

<span>{{ speaker.Name }}</span>

{% endif %}

</div>

{% endif %}

{% endif %}

{% endif %}

{% endfor %}

</div>

</div>

{% endfor %}

{% endif %}

<div class="clearfix"></div>

</div>

</div> <!-- cd-timeline-block -->

{% endfor %}

</section> <!-- cd-timeline -->