datamad2017/_includes/schedule.html

<!-- Begin Schedule Section -->
<section id="schedule" class="schedule">
    <div class="content-wrapper">
        {% for day in site.data.schedule %}
        <div class="schedule-table col-lg-8 col-md-10 col-md-offset-1">
            <h4 class="schedule-table-heading">{{ day.dateReadable }}</h4>
            <div class="timeslot stream-header stick-header">
                <div class="stream-header-label">Day {{ forloop.index }}</div>
                <div class="timeslot-elements flexbox-wrapper">
                    {% for track in day.tracks %}
                    {% assign trackColWidth = 12 | divided_by: forloop.length %}
                    <div class="stream-header-slot col-md-{{ trackColWidth }} flexbox-item-height hidden-xs">
                        <h5 class="stream-header-title">{{ track.title }}</h5>
                    </div>
                    {% endfor %}
                    <div class="stream-header-slot col-xs-12 visible-xs">
                        <h5 class="slot-detail stream-header-title"></h5>
                    </div>
                </div>
            </div>
            {% for timeslot in day.timeslots %}
            <div class="timeslot" itemtype="http://schema.org/subEvent">
                <div class="timeslot-label">
                    <time class="start-time" itemprop="startDate" datetime="{{ day.dateReadable }}T{{ timeslot.startTime }}">
                        {% assign startTime = timeslot.startTime | split:":" %}
                        {{ startTime[0] }}<span>{{ startTime[1] }}</span>
                    </time>
                    <time class="end-time" itemprop="endDate" datetime="{{ day.dateReadable }}T{{ timeslot.endTime }}">
                        {% assign endTime = timeslot.endTime | split:":" %}
                        {{ endTime[0] }}<span>{{ endTime[1] }}</span>
                    </time>
                </div>
                <div class="timeslot-elements flexbox-wrapper">
                    {% for slot in timeslot.slots %}
                        {% assign slotColWidth = 12 | divided_by: forloop.length %}
                        {% for session in site.data.sessions %}
                            {% if slot == session.id %}
                            <div class="slot col-md-{{ slotColWidth }} col-xs-12 flexbox-item-height" data-slot-detail="{{ session.track }}" data-toggle="modal" data-target="#sessionDetail-{{ session.id }}" style="border-top-color: {{ session.color }}">
                                <div class="slot-content" style="border-right-color: {{ session.color }}">
                                <h5 class="slot-title" itemprop="name">{{ session.title }}</h5>
                                    <span class="slot-language">{{session.language | upcase}}</span>
                                    <ul class="slot-speakers">
                                        {% for speaker in site.data.speakers %}
                                            {% for session_speaker in session.speakers %}
                                                {% if session_speaker == speaker.id %}
                                                <li itemprop="performer"><div class="speaker-img flow-img img-circle" style="background-image: url({{ site.baseurl | append: site.thumbnailsFolder | append: speaker.thumbnailUrl }})"></div>
                                                <p class="speaker-name">{{ speaker.name }} {{ speaker.surname }}
                                                    <span class="speaker-position">{{ speaker.company }}</span>
                                                </p>
                                                </li>
                                                {% endif %}
                                            {% endfor %}    
                                        {% endfor %}
                                    </ul>
                                </div>
                            </div>
                            {% endif %}
                        {% endfor %}
                    {% endfor %}
                </div>
            </div>
            {% endfor %}
        </div>
        {% endfor %}
    </div>
</section>
<!-- End Schedule Section -->