devops4lib-jekyll-theme-conference 0.0.1

data/_layouts/home.html

@@ -0,0 +1,87 @@
+{% include partials/header.html %}
+
+  <div class="jumbotron">
+    <h1 class="display-3 text-break">
+      {% if site.conference.main.logo.img %}
+        <img src="{{ site.conference.main.logo.img | prepend: '/assets/images/' | prepend: site.baseurl }}" class="w-75 d-none d-md-inline" alt="{{ site.title }}" />
+        <img src="{{ site.conference.main.logo.img | prepend: '/assets/images/' | prepend: site.baseurl }}" class="w-100 d-md-none" alt="{{ site.title }}" />
+      {% elsif page.title %}
+        {{ page.title }}
+      {% else %}
+        {{ site.title }}
+      {% endif %}
+    </h1>
+    {% if site.description != none %}
+      <p class="lead">
+        {{ site.description | markdownify | replace: '<p>', '<p class="lead">' }}
+      </p>
+    {% endif %}
+
+    <hr class="my-4">
+
+    {{ content }}
+
+    {% 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_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 }}">
+              {% assign parent_link = link %}
+              {% for link in parent_link.menu %}
+                {% assign link_styleclass = "dropdown-item" %}
+                {% include partials/get_link.html %}
+                {{ link_tag }}
+                  {{ link.name }}
+                </a>
+              {% endfor %}
+            </div>
+          </div>
+
+        {% elsif link.live %}
+          {%- include partials/get_live_timestamps.html -%}
+
+          {%- if link.name -%}
+            {%- assign link_name = link.name -%}
+          {%- else -%}
+            {%- assign link_name =  site.data.lang[site.conference.lang].live.stream | 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="{{ live_starts }}" data-end="{{ live_ends }}">
+            {% if site.conference.live.streaming.enable %}
+              <a class="{{ btn_default }}" title="{{ link_name }}" data-toggle="modal" data-target="#stream-modal" data-room="" href="#">
+            {% else %}
+              {% assign link_styleclass = "{{ btn_default }}" %}
+              {% include partials/get_link.html %}
+              {{ link_tag }}
+            {% endif %}
+
+              {{ link_name }}
+            </a>
+          </span>
+
+        {% else %}
+          {% assign link_styleclass = btn_default %}
+          {% include partials/get_link.html %}
+          {{ link_tag }}
+            {{ link.name }}
+          </a>
+        {% endif %}
+      {% endfor %}
+      </p>
+    {% endif %}
+
+  </div>
+
+{% include partials/footer.html %}

data/_layouts/location.html

@@ -0,0 +1,25 @@
+{% include partials/header.html %}
+
+  {% assign this_room = page %}
+
+  <h1 class="display-5 mb-3 text-break">
+    {% if page.title %}
+      {{ page.title }}
+    {% else %}
+      {{ site.data.lang[site.conference.lang].location.directions | default: "Directions" }}
+    {% endif %}
+  </h1>
+
+  {% assign this_room = page %}
+
+  {% unless site.conference.location.hide %}
+    {% include partials/navbar_rooms.html %}
+  {% endunless %}
+
+  {{ content }}
+
+  {% if site.conference.location.map %}
+    <div id="map" class="mt-4 mb-3"></div>
+  {% endif %}
+
+{% include partials/footer.html %}

data/_layouts/page.html

@@ -0,0 +1,13 @@
+{% include partials/header.html %}
+
+{% if page.title -%}
+  <h1 class="display-5 mb-3 text-break">{{ page.title }}</h1>
+{%- endif %}
+
+{{ content }}
+
+{% if page.map %}
+  <div id="map" class="mt-4 mb-3"></div>
+{% endif %}
+
+{% include partials/footer.html %}

data/_layouts/program.html

@@ -0,0 +1,201 @@
+{% include partials/header.html %}
+  {% assign nbr_days = site.data.program.days | size -%}
+
+  <h1 class="display-5 {% if nbr_days > 1 -%} mb-2 {%- else -%} mb-4 {%- endif %} text-break">
+    {%- if page.title -%}
+      {{- page.title -}}
+    {%- else -%}
+      {{- site.data.lang[site.conference.lang].program.title | default: "Program" -}}
+    {%- endif -%}
+  </h1>
+
+  {{ content }}
+
+  {%- 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 -%}{%- include partials/get_talk_timestamp.html %} data-ts="{{ timestamp_start }}" {%- 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>
+            <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>
+              {%- unless forloop.last %}
+                <th class="col-space p-0" scope="col"></th>
+              {%- endunless -%}
+            {%- endfor %}
+          </tr>
+        </thead>
+      </table>
+    </div>
+
+    <div class="syncscroll overflow-y-hidden" name="sync-table">
+      <table class="table mx-auto">
+        <tbody>
+          {%- include partials/get_day_time.html -%}
+
+          {%- if day_end_day > day_start_day -%}
+            {%- assign day_end_hour = day_end_day | minus: day_start_day | times: 24 | plus: day_end_hour -%}
+          {%- endif -%}
+
+          {%- 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_day = 0 -%}
+            {%- assign current_hour = i | minus: 1 | times: site.conference.program.time_steps | plus: day_start_min | divided_by: 60 | floor | plus: day_start_hour -%}
+            {%- if current_hour >= 24 -%}
+              {%- assign current_day = current_hour | divided_by: 24 | floor -%}
+              {%- assign current_hour = current_hour | modulo: 24 -%}
+            {%- endif -%}
+            {%- 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_day | minus: talk_start_day | times: 24 | plus: current_hour | minus: talk_start_hour -%}
+                  {%- assign d_start_min = current_min | minus: talk_start_min -%}
+                  {%- assign d_end_hour = current_day | minus: talk_end_day | times: 24 | plus: 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 == true 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 == true %}
+                  <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 %}
+        <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 -}}
+        </div>
+      {%- endfor -%}
+  {%- endif -%}
+
+{% include partials/footer.html %}

data/_layouts/room.html

@@ -0,0 +1,70 @@
+{%- assign this_room = page -%}
+
+{%- unless this_room.hide or site.conference.location.hide -%}
+  {%- include partials/header.html -%}
+
+  <!-- title for print: -->
+  <h1 class="display-5 mb-3 d-none d-print-inline">
+    {{ this_room.name }}
+  </h1>
+
+  <!-- title shown in browser: -->
+  <h1 class="display-5 mb-3 d-print-none text-break">
+    {{ site.data.lang[site.conference.lang].location.rooms | default: "Rooms" }}
+  </h1>
+
+  {% include partials/navbar_rooms.html %}
+
+  {{ content }}
+
+  {% assign room_talks = false %}
+  {% for d in site.data.program.days %}
+    {% include partials/get_day_hash.html %}
+    {% for r in d.rooms %}
+      {% if this_room.name == r.name and r.talks.size > 0 %}
+        {% unless room_talks %}
+          <h5 class="mt-4 mb-2">
+            {{ site.data.lang[site.conference.lang].location.talks | default: "Talks in this room" }}:
+          </h5>
+          {% assign room_talks = true %}
+        {% endunless %}
+
+        <h6 class="mt-1 mb-0">
+          {{- day_name -}}
+        </h6>
+
+        <table class="list-program">
+        {%- for t in r.talks -%}
+          {%- assign talk = site.talks | where: 'name', t.name | first -%}
+          {%- include partials/get_main_category.html %}
+
+          <tr>
+            <td class="pr-2">
+              {%- include partials/get_talk_time.html -%}
+              {%- assign talk_day_hide = true -%}
+              {%- assign talk_time_styleclass = "w-100" -%}
+              {% include partials/show_talk_time.html %}
+
+              {%- assign live_button_styleclass = "w-100" -%}
+              {% include partials/show_live_button.html %}
+            </td>
+            <td class="pl-2 border-soft-{{ main_cat_color }}">
+              <p class="mb-0">
+                {%- include partials/show_talk.html -%}
+              </p>
+              <p class="font-weight-light mb-0">
+                {%- include partials/list_speakers.html -%}
+              </p>
+            </td>
+          </tr>
+        {%- endfor -%}
+
+        </table>
+        {%- break -%}
+
+      {% endif %}
+    {% endfor %}
+  {% endfor %}
+
+  {%- include partials/footer.html -%}
+{%- endunless -%}

data/_layouts/speaker-overview.html

@@ -0,0 +1,47 @@
+{% include partials/header.html %}
+
+  <h1 class="display-5 mb-4 text-break">
+    {% if page.title %}
+      {{ page.title }}
+    {% else %}
+      {{ site.data.lang[site.conference.lang].speaker.overview | default: "Speakers" }}
+    {% endif %}
+  </h1>
+
+  {{ content }}
+
+  <div class="speakerlist">
+    {% assign cur_letter = false %}
+    {% assign speakers = site.speakers | sort_natural: 'last_name' %}
+    {% for speaker in speakers %}
+
+      {% assign last_letter = speaker.last_name | slice: 0 | capitalize %}
+      {% if cur_letter != last_letter %}
+        {% if cur_letter %}
+            </ul>
+          </div>
+        {% endif %}
+
+        {% assign cur_letter = last_letter %}
+        <div class="speakergroup">
+          <h3>{{ cur_letter }}</h3>
+          <ul class="list-unstyled">
+      {% endif %}
+
+      <li class="font-weight-light">
+        {% if speaker.hide %}
+          {{ speaker.first_name }} {{ speaker.last_name }}
+        {% else %}
+          <a href="{{ speaker.url | prepend: site.baseurl }}">
+            {{ speaker.first_name }} {{ speaker.last_name }}
+          </a>
+        {% endif %}
+      </li>
+
+    {% endfor %}
+
+      </ul>
+    </div>
+  </div>
+
+{% include partials/footer.html %}

data/_layouts/speaker.html

@@ -0,0 +1,111 @@
+{%- assign speaker = page -%}
+
+{%- unless speaker.hide -%}
+  {%- include partials/header.html -%}
+
+  <p class="h6">
+    {{ site.data.lang[site.conference.lang].speaker.title | default: "Speaker" }}
+  </p>
+
+  <h1 class="font-weight-light mb-3 text-break">
+    {{ speaker.first_name }} {{ speaker.last_name }}
+  </h1>
+
+  {{ content }}
+
+  {% include partials/get_link_types.html %}
+
+  {% if has_icon_links %}
+    <ul class="list-unstyled">
+      {% for link in speaker.links %}
+        {% assign link_styleclass = "text-reset" %}
+        {% include partials/get_link.html %}
+
+        {% if link_icon %}
+          <li class="mb-1">
+            {{ link_tag }}
+              <span class="badge badge-light font-weight-normal mr-1">
+                <i class="fas fa-{{ link_icon }} fa-fw"></i>
+              </span>
+              {{- link.name }}
+            </a>
+          </li>
+        {% endif %}
+      {% endfor %}
+    </ul>
+  {% endif %}
+
+  {% if has_regular_links %}
+    <h5 class="mt-4 mb-1">{{ site.data.lang[site.conference.lang].more_information | default: "More Information" }}:</h5>
+
+    <ul class="list-unstyled">
+      {% for link in speaker.links %}
+        {% assign link_styleclass = "text-reset" %}
+        {% include partials/get_link.html %}
+
+        {% unless link_icon %}
+          <li class="mb-1 ml-2 pl-2 border-soft-primary">
+            {{ link_tag }}
+              {{ link.name }}
+            </a>
+          </li>
+        {% endunless %}
+      {% endfor %}
+    </ul>
+  {% endif %}
+
+  {% assign active_speaker = false %}
+  {% for talk in site.talks %}
+    {% for speaker_name in talk.speakers %}
+      {% if speaker_name == speaker.name %}
+        {% assign active_speaker = true %}
+        {% break %}
+      {% endif %}
+    {% endfor %}
+  {% endfor %}
+
+  {% if active_speaker %}
+    <h5 class="mt-4 mb-0">{{ site.data.lang[site.conference.lang].speaker.talks | default: "Talks at this conference" }}:</h5>
+
+    <table class="list-program">
+      {%- for d in site.data.program.days -%}
+        {%- include partials/get_day_hash.html -%}
+        {%- for r in d.rooms -%}
+          {%- for t in r.talks -%}
+            {%- assign talk = site.talks | where: 'name', t.name | first -%}
+
+            {%- for speaker_name in talk.speakers -%}
+              {%- if speaker_name == speaker.name -%}
+
+                {%- include partials/get_main_category.html -%}
+
+                <tr>
+                  <td class="pr-2 py-0">
+                    {%- include partials/get_talk_time.html -%}
+                    {%- assign talk_time_styleclass = "w-100" -%}
+                    {%- include partials/show_talk_time.html -%}
+                  </td>
+                  <td class="pl-2 py-0 align-baseline border-soft-{{ main_cat_color }}">
+                    <span class="mr-2">
+                      {%- include partials/show_talk.html -%}
+                    </span>
+                    {%- include partials/show_live_button.html -%}
+                  </td>
+                </tr>
+
+              {%- endif -%}
+            {%- endfor -%}
+          {%- endfor -%}
+        {%- endfor -%}
+      {%- endfor -%}
+    </table>
+  {% endif %}
+
+  <p class="d-print-none mt-5">
+    <a href="{{ page.collection | prepend: '/' | prepend: site.baseurl }}" class="btn btn-light">
+      <i class="fas fa-users"></i>&nbsp;{{ site.data.lang[site.conference.lang].overview | default: "Overview" }}
+    </a>
+  </p>
+
+  {%- include partials/footer.html -%}
+{%- endunless -%}

data/_layouts/stream-overview.html

@@ -0,0 +1,43 @@
+{% include partials/header.html %}
+
+  <h1 class="display-5 mb-4 text-break">
+    {% if page.title %}
+      {{ page.title }}
+    {% else %}
+      {{ site.data.lang[site.conference.lang].live.stream | default: "Live Streams" }}
+    {% endif %}
+  </h1>
+
+  {{ content }}
+
+  {%- assign nbr_streams = 0 -%}
+  {%- for room in site.rooms -%}
+    {%- if room.live -%}
+      {%- assign mod_nbr_streams = nbr_streams | modulo: 2 -%}
+      {%- if mod_nbr_streams == 0 %}
+  <div class="row">
+      {%- endif %}
+
+    <div class="col-md mb-4">
+      <h3>{{ room.name }}</h3>
+      <div class="embed-responsive embed-responsive-16by9">
+        {%- include partials/get_room_live_href.html %}
+        <iframe class="embed-responsive-item" src="{{ room_live_href }}" allowfullscreen></iframe>
+      </div>
+    </div>
+
+      {%- if mod_nbr_streams == 1 %}
+  </div>
+      {%- endif -%}
+
+      {%- assign nbr_streams = nbr_streams | plus: 1 -%}
+    {%- endif -%}
+  {%- endfor %}
+
+  {% assign mod_nbr_streams = nbr_streams | modulo: 2 %}
+  {%- if mod_nbr_streams == 1 %}
+    <div class="col-md"></div>
+  </div>
+  {%- endif %}
+
+{% include partials/footer.html %}