agenda.html

---
layout: layout.html
title: Agenda /
currSection: agenda
ogUrl: https://devlille.fr/agenda
ogTitle: DevLille - Agenda
ogDescription: 2 jours de conférences et d'échanges accessibles à tous et toutes au coeur de Lille
ogImage: https://devlille.fr/img/logo-full.svg
---

<div class="page-body">
  <h2>Agenda</h2>

  <div class="tabs-block">
    <ul class="tabs" role="tablist">
      {%- for dateAndTalks in collections.talksByDate -%}
	    <li role="presentation">
        <button id="tab{{loop.index}}">{{ dateAndTalks[0] }} </button>
      </li>
      {%- endfor -%}
    </ul>
    {%- for dateAndTalks in collections.talksByDate -%}
    <div id="day{{loop.index}}" class="tab-content" role="tabpanel" tabindex="0" aria-labelledby="tab{{loop.index}}">
      <div class="agenda">
        {%- for talk in dateAndTalks[1] -%}
      <section class="hour">
        <h3 id="h{{talk[0]}}">
            {{talk[0]}}
            <a href="https://devlille.fr/agenda/index.html#h{{talk[0]}}">
            <img src="/img/link.svg" alt="Ancre"></a>
        </h3>
        <div class="content">
            {%- for t in talk[1] -%}
  
            <dl>
                <dt>{{ t.talk.room }}</dt>
  
                {% if t.id == undefined  %}
                <dd {% if t.talk.language == "English" %} lang="en" {%- endif -%}>
                  {{ t.talk.title }}
                </dd>
  
                <dd {% if t.talk.language == "English" %} lang="en" {%- endif -%}> {{ t.speakers }}</dd>
                {%- endif -%}
  
                {% if t.id  %}
                <dd {% if t.talk.language == "English" %} lang="en" {%- endif -%}>
                  <a href="/talk-page-{{t.talk.id}}">  {{ t.talk.title }} ({{t.talk.duration}})</a>
                </dd>
  
                <dd {% if t.talk.language == "English" %} lang="en" {%- endif -%}> {{ t.speakers }}</dd>
                {%- endif -%}
            </dl>
            {%- endfor -%}
  
          </div>
        </section>
          {%- endfor -%}
      </div>
    </div>
    {%- endfor -%}
  </div>

  <script src="/js/tabs.js"></script>