jekyll-theme-conference 2.5.3 → 3.0.3

data/_includes/partials/navbar_rooms.html

@@ -4,40 +4,41 @@
       {{ site.data.lang[site.conference.lang].location.directions | default: "Directions" }}
     </a>
   </li>
-  {% for r in site.data.program %}
-    {% assign room = site.rooms | where: 'name', r.room | first %}
+  {%- for room in site.rooms -%}
     <li class="nav-item">
-      {% if room.hide %}
+      {%- if room.hide %}
         <span class="nav-item nav-link disabled">
           {{ room.name }}
         </span>
-      {% else %}
+      {%- else %}
         <a class="nav-link {% if this_room.name == room.name %}active{% endif %}" href="{{ room.url | prepend: site.baseurl }}">
           {{ room.name }}
         </a>
-      {% endif %}
+      {%- endif %}
     </li>
-  {% endfor %}
-  {% for room in site.rooms %}
-    {% assign room_displayed = false %}
-    {% for r in site.data.program %}
-      {% if room.name == r.room %}
-        {% assign room_displayed = true %}
-        {% break %}
-      {% endif %}
-    {% endfor %}
-    {% unless room_displayed %}
+  {%- endfor -%}
+  {%- for room in site.rooms -%}
+    {%- assign room_displayed = false -%}
+    {%- for d in site.data.program.days -%}
+      {%- for r in d.rooms -%}
+        {%- if room.name == r.name -%}
+          {%- assign room_displayed = true -%}
+          {%- break -%}
+        {%- endif -%}
+      {%- endfor -%}
+    {%- endfor -%}
+    {%- unless room_displayed %}
       <li class="nav-item">
-        {% if room.hide or site.conference.location.hide %}
+        {%- if room.hide or site.conference.location.hide %}
           <span class="nav-item nav-link disabled">
             {{ room.name }}
           </span>
-        {% else %}
+        {%- else %}
           <a class="nav-link {% if this_room.name == room.name %}active{% endif %}" href="{{ room.url | prepend: site.baseurl }}">
             {{ room.name }}
           </a>
-        {% endif %}
+        {%- endif %}
       </li>
-    {% endunless %}
-  {% endfor %}
+    {%- endunless -%}
+  {%- endfor %}
 </ul>

data/_includes/partials/{live_button.html → show_live_button.html}

@@ -1,13 +1,11 @@
-{% if site.conference.live %}
-  {% assign time_start = t.time_start %}
-  {% assign time_end = t.time_end %}
-  {% include partials/get_timestamp.html %}
+{%- if site.conference.live -%}
+  {%- include partials/get_talk_timestamp.html -%}
 
   {%- if site.conference.live.streaming -%}
-    <a title="{{ link.name }}" data-toggle="modal" data-target="#stream-modal" data-room="{{ r.room }}" href="#"
+    <a title="{{ link.name }}" data-toggle="modal" data-target="#stream-modal" data-room="{{ r.name }}" href="#"
   {%- else -%}
     <span
-  {%- endif %} class="live-show live-button badge badge-dark font-weight-normal text-left d-none {{ live_button_styleclass }}" data-start="{{ timestamp_start }}" data-end="{{ timestamp_end }}">
+  {%- endif %} class="live-show live-button badge badge-dark font-weight-normal text-center d-none {{ live_button_styleclass }}" data-start="{{ timestamp_start }}" data-end="{{ timestamp_end }}">
     <object data="{{ site.baseurl }}/assets/icons/live.svg" type="image/svg+xml">!</object>
     {{ site.data.lang[site.conference.lang].live.live | default: "Live" }}
   {%- if site.conference.live.streaming -%}
@@ -15,5 +13,5 @@
   {%- else -%}
     </span>
   {%- endif -%}
-  {% assign live_button_styleclass = "" %}
-{% endif %}
+  {%- assign live_button_styleclass = "" -%}
+{%- endif -%}

data/_includes/partials/show_room.html

@@ -1,5 +1,5 @@
-{% if room.hide or site.conference.location.hide %}
-  <span class="badge badge-light font-weight-normal text-left"><i class="far fa-square"></i> {{ room.name }}</span><!--
-{% else %}
-  <a href="{{ room.url | prepend: site.baseurl }}" class="badge badge-light font-weight-normal"><i class="far fa-square"></i> {{ room.name }}</a><!--
-{% endif %}-->
+{%- if room.hide or site.conference.location.hide -%}
+  <span class="badge badge-light font-weight-normal text-left"><i class="far fa-square"></i>&nbsp;{{ room.name }}</span>
+{%- else -%}
+  <a href="{{ room.url | prepend: site.baseurl }}" class="badge badge-light font-weight-normal"><i class="far fa-square"></i>&nbsp;{{ room.name }}</a>
+{%- endif -%}

data/_includes/partials/show_talk.html

@@ -1,5 +1,5 @@
-{% if talk.hide %}
+{%- if talk.hide -%}
   {{ talk.name }}
-{% else %}
+{%- else -%}
   <a class="text-reset" href="{{ talk.url | prepend: site.baseurl }}">{{ talk.name }}</a>
-{% endif %}
+{%- endif -%}

data/_includes/partials/show_talk_duration.html

@@ -1,3 +1,3 @@
 <span class="badge badge-light font-weight-normal text-left">
-  <i class="fas fa-stopwatch"></i> {{ talk_duration_min }}min
+  <i class="fas fa-stopwatch"></i>&nbsp;{{ talk_duration_min }}min
 </span>

data/_includes/partials/show_talk_time.html

@@ -1,3 +1,17 @@
-<a href="{{ site.conference.program.url | prepend: site.baseurl }}" class="badge badge-light font-weight-normal text-left">
-  <i class="far fa-clock"></i> {{ talk_start_hour }}:{% if talk_start_min == 0 %}0{%endif %}{{ talk_start_min }}
+{%- assign nbr_days = site.data.program.days | size -%}
+
+<a href="
+  {{- site.conference.program.url | prepend: site.baseurl -}}
+  {%- if nbr_days > 1 and day_hash -%}
+    #{{ day_hash }}
+  {%- endif -%}
+" class="badge badge-light font-weight-normal text-left {{ talk_time_styleclass }}">
+  <i class="far fa-clock"></i>&nbsp;
+  {%- if nbr_days > 1 and day_abbr -%}
+    {%- unless talk_day_hide -%} {{ day_abbr }}, {% endunless -%}
+    {%- assign talk_day_hide = false -%}
+  {% endif -%}
+  {{- talk_start_hour -}}:{%- if talk_start_min == 0 -%}0{%- endif -%}{{- talk_start_min -}}
 </a>
+
+{%- assign talk_time_styleclass = "" -%}

data/_layouts/data.html

@@ -0,0 +1,91 @@
+{% if site.conference.live and site.conference.live.streaming -%}
+{
+    "days": [
+        {%- for d in site.data.program.days %}
+        {
+            {%- include partials/get_day_hash.html %}
+            "name": "{{ day_name }}",
+            "hash": "{{ day_hash }}",
+            "date": "{{ d.date }}"
+        }{%- unless forloop.last -%},{%- endunless %}
+        {%- endfor %}
+    ],
+
+    "rooms": {
+    {%- for room in site.rooms %}
+        {%- if room.live %}
+        "{{ room.name }}": {
+            "id": {{ forloop.index }},
+            "name": "{{ room.name }}",
+            "href": "{{ room.live }}"
+        }{%- unless forloop.last -%},{%- endunless %}
+        {%- endif -%}
+    {%- endfor %}
+    },
+
+    "speakers": {
+    {%- for speaker in site.speakers %}
+        "{{ speaker.name }}" : {
+        {%- if site.conference.speakers.show_firstname %}
+            "name": "{{ speaker.first_name | append: ' ' | append: speaker.last_name }}",
+        {%- else %}
+            "name": "{{ speaker.first_name | slice: 0 | append : '. ' | append: speaker.last_name }}",
+        {%- endif -%}
+        {%- if speaker.hide %}
+            "href": ""
+        {%- else %}
+            "href": "{{ speaker.url | prepend: site.baseurl }}"
+        {%- endif %}
+        }{%- unless forloop.last -%},{%- endunless %}
+    {%- endfor %}
+    },
+
+    "talks": {
+    {%- for room in site.rooms -%}
+        {%- assign room_has_talks = false %}
+        {%- for d in site.data.program.days -%}
+            {%- for r in d.rooms -%}
+                {%- if room.name == r.name and room.live %}
+
+                    {%- unless room_has_talks %}
+        "{{ room.name | replace: '"', '\"' }}": [
+                        {%- assign room_has_talks = true %}
+                    {%- else -%}
+                        ,
+                    {%- endunless -%}
+
+                    {%- for t in r.talks %}
+                        {%- assign talk = site.talks | where: 'name', t.name | first %}
+            {
+                "name": "{{ talk.name | replace: '"', '\"' }}",
+
+                        {%- unless talk.hide %}
+                "href": "{{ talk.url | prepend: site.baseurl }}",
+                        {%- else %}
+                "href": "",
+                        {%- endunless -%}
+
+                        {%- include partials/get_main_category.html %}
+                "color": "{{ main_cat_color }}",
+                "speakers": [
+                        {%- for speaker_name in talk.speakers %}
+                    "{{ speaker_name}}"{%- unless forloop.last -%},{%- endunless -%}
+                        {%- endfor %}
+                ],
+
+                        {%- include partials/get_talk_timestamp.html %}
+                "start": {{ timestamp_start }},
+                "end": {{ timestamp_end }}
+            }{%- unless forloop.last -%},{%- endunless -%}
+                    {%- endfor -%}
+                {%- endif -%}
+            {%- endfor -%}
+        {%- endfor -%}
+
+        {%- if room_has_talks %}
+        ]{%- unless forloop.last -%},{%- endunless -%}
+        {%- endif -%}
+    {%- endfor %}
+    }
+}
+{%- endif -%}

data/_layouts/home.html

@@ -23,11 +23,12 @@
 
     {% if site.conference.main.links %}
       <div class="lead d-print-none">
+      {% assign btn_default = 'btn btn-outline-primary btn-lg mt-2 ml-1' %}
       {% for link in site.conference.main.links %}
 
         {% if link.menu %}
           <div class="dropdown d-inline">
-            <a class="btn btn-outline-primary btn-lg mt-2 dropdown-toggle" href="#" role="button" id="main-dropdown{{ forloop.index0 }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+            <a class="{{ btn_default }} dropdown-toggle" href="#" role="button" id="main-dropdown{{ forloop.index0 }}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
               {{ link.name }}
             </a>
             <div class="dropdown-menu" aria-labelledby="main-dropdown{{ forloop.index0 }}">
@@ -43,27 +44,25 @@
           </div>
 
         {% elsif link.live %}
-          {% include partials/get_conf_time.html %}
-          {% assign time_start = conf_start %}
-          {% assign time_end = conf_end %}
-          {% include partials/get_timestamp.html %}
+          {%- include partials/get_live_timestamps.html -%}
 
-          {% assign offset_start = site.conference.live.streaming.start_early | default: 0 %}
-          {% assign offset_end = site.conference.live.streaming.end_late | default: 0 %}
-          {% assign timestamp_start = offset_start | times: -60 | plus: timestamp_start %}
-          {% assign timestamp_end = offset_end | times: 60 | plus: timestamp_end %}
+          {%- if link.name -%}
+            {%- assign link_name = link.name -%}
+          {%- else -%}
+            {%- assign link_name =  site.data.lang[site.conference.lang].live.streaming | default: "Live Stream" -%}
+          {%- endif -%}
 
-          {% if link.name %}
-            {% assign link_name = link.name %}
-          {% else %}
-            {% assign link_name =  site.data.lang[site.conference.lang].live.streaming | default: "Live Stream" %}
-          {% endif %}
+          {%- if link.name_inactive -%}
+            <span class="live-hide {{ btn_default }} disabled" data-start="{{ live_starts }}" data-end="{{ live_ends }}">
+              {{ link.name_inactive }}
+            </span>
+          {%- endif -%}
 
-          <span class="live-show d-none" data-start="{{ timestamp_start }}" data-end="{{ timestamp_end }}">
+          <span class="live-show d-none" data-start="{{ live_starts }}" data-end="{{ live_ends }}">
             {% if site.conference.live.streaming %}
-              <a class="btn btn-outline-primary btn-lg mt-2" title="{{ link_name }}" data-toggle="modal" data-target="#stream-modal" data-room="" href="#">
+              <a class="{{ btn_default }}" title="{{ link_name }}" data-toggle="modal" data-target="#stream-modal" data-room="" href="#">
             {% else %}
-              {% assign link_styleclass = "btn btn-outline-primary btn-lg mt-2" %}
+              {% assign link_styleclass = "{{ btn_default }}" %}
               {% include partials/get_link.html %}
               {{ link_tag }}
             {% endif %}
@@ -73,7 +72,7 @@
           </span>
 
         {% else %}
-          {% assign link_styleclass = "btn btn-outline-primary btn-lg mt-2" %}
+          {% assign link_styleclass = btn_default %}
           {% include partials/get_link.html %}
           {{ link_tag }}
             {{ link.name }}

data/_layouts/program.html

@@ -1,161 +1,192 @@
 {% include partials/header.html %}
-
-  {% include partials/get_conf_time.html %}
-  {% assign nbr_steps = conf_duration_min | divided_by: site.conference.program.time_steps %}
-
-  <h1 class="display-5 mb-4">
-    {% if page.title %}
-      {{ page.title }}
-    {% else %}
-      {{ site.data.lang[site.conference.lang].program.title | default: "Program" }}
-    {% endif %}
+  {% assign nbr_days = site.data.program.days | size -%}
+
+  <h1 class="display-5 {% if nbr_days > 1 -%} mb-2 {%- else -%} mb-4 {%- endif %}">
+    {%- if page.title -%}
+      {{- page.title -}}
+    {%- else -%}
+      {{- site.data.lang[site.conference.lang].program.title | default: "Program" -}}
+    {%- endif -%}
   </h1>
 
   {{ content }}
 
-  <div class="sticky-top syncscroll overflow-hidden" name="sync-table">
-    <table class="table mb-0">
-      <thead>
-        <tr>
-          <th scope="col" class="text-center">#</th>
-          <th class="p-0" scope="col"></th>
-          {% assign nbr_rooms = site.data.program | size %}
-          {% for r in site.data.program %}
-            {% assign room = site.rooms | where: 'name', r.room | first %}
-            <th scope="col" class="text-center">
-              {% if room.hide or site.conference.location.hide %}
-                {{ room.name }}
-              {% else %}
-                <a class="text-reset" href="{{ room.url | prepend: site.baseurl }}">{{ room.name }}</a>
-              {% endif %}
-            </th>
-            {% if forloop.last != true %}
-              <th class="p-0" scope="col"></th>
-            {% endif %}
-          {% endfor %}
-        </tr>
-      </thead>
-    </table>
-  </div>
-
-  <div class="syncscroll overflow-y-hidden" name="sync-table">
-    <table class="table">
-      <tbody>
-        <!--
-        The shadow of a previous program block should be above a later program block, thus
-        the earlier a program block the higher its z-index (opposite to the actual rendering).
-
-        Bootstrap uses as lowest z-index for its overlapping elements a z-index of 1000 (for
-        $zindex-dropdown).
-        -->
-        {% assign z-index-max = 999 %}
-
-        {% for i in (1..nbr_steps) %}
-          {% assign current_hour = i | minus: 1 | times: site.conference.program.time_steps | plus: conf_start_min | divided_by: 60 | floor | plus: conf_start_hour | modulo: 24  %}
-          {% assign current_min = i | minus: 1 | times: site.conference.program.time_steps | plus: conf_start_min | modulo: 60 %}
-          {% if current_min < 10 %}
-            {% assign current_time = current_hour | append: ':0' | append: current_min %}
-          {% else %}
-            {% assign current_time = current_hour | append: ':' | append: current_min %}
-          {% endif %}
-
+  {%- if nbr_days > 1 %}
+    <ul class="nav justify-content-center mb-3 btn-group" id="day-list" role="tablist">
+      {%- for d in site.data.program.days -%}
+        {%- include partials/get_day_hash.html %}
+        <li class="nav-item" role="presentation">
+          <a class="nav-link btn btn-outline-secondary {%- if forloop.index == 1 %} active{% endif %}" id="tab-{{ day_hash }}" data-toggle="tab" {%- if d.date %} data-date="{{ d.date }}" {%- endif %} href="#{{ day_hash }}" role="tab" aria-controls="{{ day_hash }}" aria-selected="{% if forloop.index == 1 %}true{% else %}false{% endif %}">{{ day_name }}</a>
+        </li>
+      {%- endfor %}
+    </ul>
+    <div class="tab-content" id="day-content">
+  {%- endif %}
+
+  {%- for d in site.data.program.days -%}
+    {%- if nbr_days > 1 -%}
+      {%- include partials/get_day_hash.html %}
+      <div class="tab-pane {%- if forloop.index == 1 %} active{% endif %}" id="{{ day_hash }}" role="tabpanel" aria-labelledby="tab-{{ day_hash }}">
+    {%- endif %}
+
+    <div class="sticky-top syncscroll overflow-hidden" name="sync-table">
+      <table class="table mb-0 mx-auto">
+        <thead>
           <tr>
-
-            {% if current_min == 0 %}
-              <th scope="row" class="text-center" style="z-index: {{ z-index-max }}">
-                {{ current_time }}
+            <th scope="col" class="col-title text-right">#<span class="invisible">I0</span></th>
+            <th class="col-space p-0" scope="col"></th>
+            {%- assign nbr_rooms = d.rooms | size -%}
+            {%- for r in d.rooms -%}
+              {%- assign room = site.rooms | where: 'name', r.name | first %}
+              <th scope="col" class="text-center">
+                {%- if room.hide or site.conference.location.hide -%}
+                  {{- room.name -}}
+                {%- else -%}
+                  <a class="text-reset" href="{{ room.url | prepend: site.baseurl }}">
+                    {{- room.name -}}
+                  </a>
+                {%- endif -%}
               </th>
-            {% elsif site.conference.program.show_alltimes %}
-              <th scope="row" class="text-center text-muted" style="z-index: {{ z-index-max }}">
-                <span class="invisible">{{ current_hour }}</span><span class="font-weight-normal">:{{ current_min }}</span>
-              </th>
-            {% else %}
-              <th scope="row" style="z-index: {{ z-index-max }}"></th>
-            {% endif %}
-            <td class="p-0"></td>
-
-            {% for r in site.data.program %}
-              {% assign room = site.rooms | where: 'name', r.room | first %}
-
-              {% assign active_talk = false %}
-              {% for t in r.talks %}
-                {% assign talk = site.talks | where: 'name', t.name | first %}
-
-                {% include partials/get_talk_time.html %}
-
-                {% assign d_start_hour = current_hour | minus: talk_start_hour %}
-                {% assign d_start_min = current_min | minus: talk_start_min %}
-                {% assign d_end_hour = current_hour | minus: talk_end_hour %}
-                {% assign d_end_min = current_min | minus: talk_end_min %}
-
-                {% assign has_started = false %}
-                {% if d_start_hour == 0 and d_start_min > 0 %}
-                  {% assign has_started = true %}
-                {% endif %}
-                {% if d_start_hour > 0 %}
-                  {% assign has_started = true %}
-                {% endif %}
-
-                {% assign has_ended = false %}
-                {% if d_end_hour == 0 and d_end_min >= 0 %}
-                  {% assign has_ended = true %}
-                {% endif %}
-                {% if d_end_hour > 0 %}
-                  {% assign has_ended = true %}
-                {% endif %}
-
-                {% if has_started and has_ended == false %}
-                  {% assign active_talk = true %}
-                {% endif %}
-
-                {% if d_start_hour == 0 and d_start_min == 0 %}
-
-                  {% assign talk_nbr_steps = talk_duration_min | divided_by: site.conference.program.time_steps %}
-                  {% include partials/get_main_category.html %}
-                  <td rowspan="{{ talk_nbr_steps }}" class="alert alert-{{ main_cat_color }} shadow-sm" style="z-index: {{ z-index-max | minus: i }}">
-
-                    {% assign live_button_styleclass = "mb-2" %}
-                    {% include partials/live_button.html %}
-
-                    <p class="mb-2">
-                      {% include partials/show_talk.html %}
-                    </p>
-                    <p class="font-weight-light mb-2">
-                      {% include partials/list_speakers.html %}
-                    </p>
-                    <p class="mb-1">
-                      {% include partials/list_sub_categories.html %}
-                    </p>
-                  </td>
-                  {% assign active_talk = true %}
-
-                {% endif %}
-
-              {% endfor %}
-
-              {% unless active_talk %}
-                <td class="p-0"></td>
-              {% endunless %}
-
-              {% if forloop.last != true %}
-                <td class="p-0"></td>
-              {% endif %}
-
-            {% endfor %}
-
+              {%- unless forloop.last %}
+                <th class="col-space p-0" scope="col"></th>
+              {%- endunless -%}
+            {%- endfor %}
           </tr>
-        {% endfor %}
-      </tbody>
-    </table>
-  </div>
-
-  {% if site.conference.talks.main_categories %}
+        </thead>
+      </table>
+    </div>
+
+    <div class="syncscroll overflow-y-hidden" name="sync-table">
+      <table class="table mx-auto">
+        <tbody>
+          {%- include partials/get_day_time.html -%}
+
+          {%- assign day_duration_min = day_end_hour | minus: day_start_hour | times: 60 | minus: day_start_min | plus: day_end_min -%}
+          {%- assign nbr_steps = day_duration_min | divided_by: site.conference.program.time_steps -%}
+
+          <!--
+          The shadow of a previous program block should be above a later program block, thus
+          the earlier a program block the higher its z-index (opposite to the actual rendering).
+
+          Bootstrap uses as lowest z-index for its overlapping elements a z-index of 1000 (for
+          $zindex-dropdown).
+          -->
+          {%- assign z-index-max = 999 -%}
+
+          {%- for i in (1..nbr_steps) -%}
+            {%- assign current_hour = i | minus: 1 | times: site.conference.program.time_steps | plus: day_start_min | divided_by: 60 | floor | plus: day_start_hour | modulo: 24 -%}
+            {%- assign current_min = i | minus: 1 | times: site.conference.program.time_steps | plus: day_start_min | modulo: 60 -%}
+            {%- if current_min < 10 -%}
+              {%- assign current_time = current_hour | append: ':0' | append: current_min -%}
+            {%- else -%}
+              {%- assign current_time = current_hour | append: ':' | append: current_min -%}
+            {%- endif -%}
+
+            <tr>
+
+              {%- if current_min == 0 -%}
+                <th scope="row" class="col-title text-right" style="z-index: {{ z-index-max }}">
+                  {{- current_time -}}
+                </th>
+              {%- elsif site.conference.program.show_alltimes -%}
+                <th scope="row" class="col-title text-right text-muted font-weight-normal" style="z-index: {{ z-index-max }}">
+                  :{{ current_min }}
+                </th>
+              {%- else -%}
+                <th scope="row" class="col-title" style="z-index: {{ z-index-max }}"></th>
+              {%- endif %}
+              <td class="col-space p-0"></td>
+
+              {%- for r in d.rooms -%}
+                {%- assign room = site.rooms | where: 'name', r.name | first -%}
+
+                {%- assign active_talk = false -%}
+                {%- for t in r.talks -%}
+                  {%- assign talk = site.talks | where: 'name', t.name | first -%}
+
+                  {%- include partials/get_talk_time.html -%}
+
+                  {%- assign d_start_hour = current_hour | minus: talk_start_hour -%}
+                  {%- assign d_start_min = current_min | minus: talk_start_min -%}
+                  {%- assign d_end_hour = current_hour | minus: talk_end_hour -%}
+                  {%- assign d_end_min = current_min | minus: talk_end_min -%}
+
+                  {%- assign has_started = false -%}
+                  {%- if d_start_hour == 0 and d_start_min > 0 -%}
+                    {%- assign has_started = true -%}
+                  {%- endif -%}
+                  {%- if d_start_hour > 0 -%}
+                    {%- assign has_started = true -%}
+                  {%- endif -%}
+
+                  {%- assign has_ended = false -%}
+                  {%- if d_end_hour == 0 and d_end_min >= 0 -%}
+                    {%- assign has_ended = true -%}
+                  {%- endif -%}
+                  {%- if d_end_hour > 0 -%}
+                    {%- assign has_ended = true -%}
+                  {%- endif -%}
+
+                  {%- if has_started and has_ended == false -%}
+                    {%- assign active_talk = true -%}
+                  {%- endif -%}
+
+                  {%- if d_start_hour == 0 and d_start_min == 0 -%}
+
+                    {%- assign talk_nbr_steps = talk_duration_min | divided_by: site.conference.program.time_steps -%}
+                    {%- include partials/get_main_category.html -%}
+                    <td rowspan="{{ talk_nbr_steps }}" class="alert alert-{{ main_cat_color }} shadow-sm overflow-hidden" style="z-index: {{ z-index-max | minus: i }}">
+
+                      {%- assign live_button_styleclass = "mb-2" %}
+                      {%- include partials/show_live_button.html %}
+
+                      <p class="mb-2">
+                        {%- include partials/show_talk.html %}
+                      </p>
+                      <p class="font-weight-light mb-2">
+                        {%- include partials/list_speakers.html %}
+                      </p>
+                      <p class="mb-1">
+                        {%- include partials/list_sub_categories.html %}
+                      </p>
+                    </td>
+                    {%- assign active_talk = true %}
+
+                  {%- endif %}
+
+                {%- endfor %}
+
+                {%- unless active_talk %}
+                  <td class="p-0"></td>
+                {%- endunless -%}
+
+                {%- if forloop.last != true %}
+                  <td class="col-space p-0"></td>
+                {%- endif -%}
+
+              {%- endfor %}
+
+            </tr>
+          {%- endfor %}
+        </tbody>
+      </table>
+    </div>
+
+    {%- if nbr_days > 1 %}
+      </div>
+    {%- endif -%}
+  {%- endfor -%}
+  {%- if nbr_days > 1 %}
+    </div>
+  {%- endif -%}
+
+  {%- if site.conference.talks.main_categories %}
     <h5 class="mt-4">{{ site.data.lang[site.conference.lang].program.legend | default: "Caption" }}</h5>
-      {% for main_cat in site.conference.talks.main_categories %}
+      {%- for main_cat in site.conference.talks.main_categories %}
         <div class="d-block d-sm-inline-block m-1 p-1 pl-2 pr-2 border-soft-{{ main_cat.color }} bg-soft-{{ main_cat.color }} font-weight-normal">
-          {{ main_cat.name }}
+          {{- main_cat.name -}}
         </div>
-      {% endfor %}
-  {% endif %}
+      {%- endfor -%}
+  {%- endif -%}
 
 {% include partials/footer.html %}