devops4lib-jekyll-theme-conference 0.0.1

data/_includes/js/map.js

@@ -0,0 +1,43 @@
+window.conference.map = (() => {
+    let config;
+    let lang;
+
+    let map;
+
+    const setup = (elId) => {
+        map = L.map(elId).setView(config.home_coord, config.default_zoom);
+
+        L.tileLayer.provider(config.map_provider).addTo(map);
+
+        L.easyButton('far fa-star', () => {
+            map.flyTo(config.home_coord, config.default_zoom);
+        }, lang.focus_conf).addTo(map);
+
+        L.control.locate({
+            flyTo: true,
+            strings: {
+                title: lang.focus_me
+            }
+        }).addTo(map);
+    };
+
+    const init = (c, l) => {
+        config = c;
+        lang = l;
+
+        const elId = 'map';
+
+        if (document.getElementById(elId)) {
+            setup(elId);
+        }
+    };
+
+    const getMap = () => {
+        return map
+    };
+
+    return {
+        init: init,
+        getMap: getMap
+    };
+})();

data/_includes/js/modal.js

@@ -0,0 +1,78 @@
+window.conference.modal = (() => {
+
+    const show = (el, event) => {
+        const button = $(event.relatedTarget);
+
+        const href = button.data('href');
+        const format = button.data('format');
+        const title = button.data('title');
+        const subtitle = button.data('subtitle');
+        const footer = button.data('footer');
+
+        const modal = $(el);
+        modal.find('iframe').attr('src', href);
+
+        if (title) {
+            if (format == 'html') {
+                modal.find('.modal-title h3').html(title);
+                if (subtitle) {
+                    modal.find('.modal-title h5').html(subtitle).removeClass('d-none');
+                }
+                else {
+                    modal.find('.modal-title h5').text('').addClass('d-none');
+                }
+            }
+            else {
+                modal.find('.modal-title h3').text(title);
+                if (subtitle) {
+                    modal.find('.modal-title h5').text(subtitle).removeClass('d-none');
+                }
+                else {
+                    modal.find('.modal-title h5').text('').addClass('d-none');
+                }
+            }
+        }
+        else {
+            modal.find('.modal-title h3').text('');
+            modal.find('.modal-title h5').text('').addClass('d-none');
+        }
+
+        if (footer) {
+            modal.find('.modal-footer').removeClass('d-none');
+            if (format == 'html') {
+                modal.find('.modal-footer p').html(footer);
+            }
+            else {
+                modal.find('.modal-footer p').text(footer);
+            }
+        }
+        else {
+            modal.find('.modal-footer').addClass('d-none');
+        }
+    };
+
+    const hide = (el) => {
+        const modal = $(el);
+
+        modal.find('.modal-title h3').text('');
+        modal.find('.modal-title h5').text('').addClass('d-none');
+        modal.find('iframe').attr('src', '');
+        modal.find('.modal-footer p').html('');
+    };
+
+    const init = () => {
+        const elSel = '#link-modal';
+
+        $(elSel).on('show.bs.modal', function (event) {
+            show(this, event);
+        });
+        $(elSel).on('hide.bs.modal', function () {
+            hide(this);
+        });
+    };
+
+    return {
+        init: init
+    };
+
+})();

data/_includes/js/program.js

@@ -0,0 +1,41 @@
+window.conference.program = (() => {
+    const updateHash = (hash) => {
+        const scrollPosition = document.documentElement.scrollTop;
+        window.location.hash = hash;
+        document.documentElement.scrollTop = scrollPosition;
+    };
+
+    const init = () => {
+        if ($("#day-list")) {
+            // Switch to day if page load with hash
+            const hash = window.location.hash;
+            if (hash) {
+                $('#day-list a[href="' + hash + '"]').tab("show");
+            }
+
+            // Switch to day if today
+            else {
+                const now = new Date();
+                const tsNow = Math.floor(now.getTime() / 1000);
+
+                $('a[data-toggle="tab"]').each(function () {
+                    const tsMidnight = new Date($(this).data("ts") * 1000);
+
+                    if (tsMidnight <= tsNow < tsMidnight + 24 * 60 * 60) {
+                        $(this).tab("show");
+                        updateHash(this.hash);
+                    }
+                });
+            }
+
+            // Add current selected day as hash to URL while keeping current scrolling position
+            $('a[data-toggle="tab"]').on("shown.bs.tab", function () {
+                updateHash(this.hash);
+            });
+        }
+    };
+
+    return {
+        init: init,
+    };
+})();

data/_includes/partials/checks.html

@@ -0,0 +1,69 @@
+{%- assign errors = '' | split: ',' -%}
+
+{%- unless site.data.lang.version -%}
+  {%- unless site.conference.lang == "en" -%}
+    {%- assign errors = errors | push : "The internationalization file containing different strings for this template seems to be missing. Have you copied the `_data/lang.yml` file from the [theme's repository](https://github.com/DigitaleGesellschaft/jekyll-theme-conference/blob/main/_data/lang.yml) to you local website folder?" -%}
+  {%- endunless -%}
+{%- elsif site.data.lang.version != 8 -%}
+  {%- assign errors = errors | push : "The internationalization file in `_data/lang.yml` seems to be outdated and does not correspond to the current version of the theme. Grab the current version from the [theme's repository](https://github.com/DigitaleGesellschaft/jekyll-theme-conference/blob/main/_data/lang.yml)." -%}
+{%- endunless -%}
+{%- unless site.conference.lang == "en" or site.conference.lang == "de" or site.conference.lang == "fr" or site.conference.lang == "pt" -%}
+  {%- assign errors = errors | push : "Unknown language selected for `site.conference.lang` parameter. Supported are `en`, `de`, `fr`, and `pt`." -%}
+{%- endunless -%}
+
+{%- assign main_category_size = site.conference.talks.main_categories | size -%}
+{%- if main_category_size == 0 -%}
+  {%- assign errors = errors | push : "Your `_config.yml` configuration file does not define any main category for your talks. Have you set the `conference.talks.main_categories` property? See also [Talk Settings](https://github.com/DigitaleGesellschaft/jekyll-theme-conference/#talk-settings) section in the theme's README file." -%}
+{%- endif -%}
+
+{%- assign nbr_days = site.data.program.days | size -%}
+{%- if nbr_days == 0 -%}
+  {%- assign errors = errors | push : "Your schedule in `_data/program.yml` does not seem to contain any days. Have you already created the file?" -%}
+{%- endif -%}
+{%- if site.conference.live -%}
+  {%- for d in site.data.program.days -%}
+    {%- unless d.date or d.date == "" -%}
+      {%- assign error_msg = "Day " | append: forloop.index | append: " in your schedule should have a (non-empty) `date` property."  -%}
+      {%- assign errors = errors | push : error_msg -%}
+    {%- endunless -%}
+  {%- endfor -%}
+{%- endif -%}
+
+{%- assign nbr_rooms = site.rooms | size -%}
+{%- if nbr_rooms == 0 -%}
+  {%- assign errors = errors | push : "The `rooms` collection does not seem to contain any entry. Have you accidentially renamed the collection or is your `_rooms/` folder empty?" -%}
+{%- else -%}
+  {%- for room in site.rooms -%}
+    {%- assign nbr_rooms_name = site.rooms | where: 'name', room.name | size %}
+    {%- if nbr_rooms_name > 1 -%}
+      {%- assign error_msg = "The room with the `name` _" | append: room.name | append: "_ oocures more than once but should be unique."  -%}
+      {%- assign errors = errors | push : error_msg -%}
+    {%- endif -%}
+  {%- endfor -%}
+{%- endif -%}
+
+{%- assign nbr_speakers = site.speakers | size -%}
+{%- if nbr_speakers == 0 -%}
+  {%- assign errors = errors | push : "The `speakers` collection does not seem to contain any entry. Have you accidentially renamed the collection or is your `_speakers/` folder empty?" -%}
+{%- else -%}
+  {%- for speaker in site.speakers -%}
+    {%- assign nbr_speakers_name = site.speakers | where: 'name', speaker.name | size %}
+    {%- if nbr_speakers_name > 1 -%}
+      {%- assign error_msg = "The speaker with the `name` _" | append: speaker.name | append: "_ oocures more than once but should be unique."  -%}
+      {%- assign errors = errors | push : error_msg -%}
+    {%- endif -%}
+  {%- endfor -%}
+{%- endif -%}
+
+{%- assign nbr_talks = site.talks | size -%}
+{%- if nbr_talks == 0 -%}
+  {%- assign errors = errors | push : "The `talks` collection does not seem to contain any entry. Have you accidentially renamed the collection or is your `_talks/` folder empty?" -%}
+{%- else -%}
+  {%- for talk in site.talks -%}
+    {%- assign nbr_talks_name = site.talks | where: 'name', talk.name | size %}
+    {%- if nbr_talks_name > 1 -%}
+      {%- assign error_msg = "The talk with the `name` _" | append: talk.name | append: "_ oocures more than once but should be unique."  -%}
+      {%- assign errors = errors | push : error_msg -%}
+    {%- endif -%}
+  {%- endfor -%}
+{%- endif -%}

data/_includes/partials/footer.html

@@ -0,0 +1,18 @@
+
+  </main>
+  <footer class="container"></footer>
+
+  {%- include partials/modal_link.html -%}
+
+  {%- if site.conference.live.streaming.enable -%}
+    {%- include partials/modal_live.html -%}
+  {%- endif -%}
+
+  <!-- Append build time to avoid caching of live program embedded in JavaScript file -->
+  <script src="{{ site.baseurl }}/assets/js/main.js?t={{ site.time | date: "%s" }}" type="module"></script>
+
+  <div id="lux-footer-container">
+    <lux-library-footer></lux-library-footer>
+  </div>
+</body>
+</html>

data/_includes/partials/get_day_hash.html

@@ -0,0 +1,20 @@
+{%- assign day_index = forloop.index -%}
+
+{%- if d.abbr -%}
+  {%- assign day_hash = d.abbr -%}
+  {%- assign day_abbr = d.abbr -%}
+{%- elsif d.name -%}
+  {%- assign day_hash = d.name -%}
+  {%- assign day_abbr = d.name -%}
+{%- else -%}
+  {%- assign day_hash = site.data.lang[site.conference.lang].live.time.day | append: "-" | append: day_index -%}
+  {%- assign day_abbr = site.data.lang[site.conference.lang].live.time.day | capitalize | append: " " | append: day_index -%}
+{%- endif -%}
+
+{%- assign day_hash = day_hash | downcase | url_encode -%}
+
+{%- if d.name -%}
+  {%- assign day_name = d.name -%}
+{%- else -%}
+  {%- assign day_name = day_abbr -%}
+{%- endif -%}

data/_includes/partials/get_day_time.html

@@ -0,0 +1,21 @@
+{%- for r in d.rooms -%}
+  {%- assign t = r.talks | first -%}
+  {%- include partials/get_talk_time.html -%}
+
+  {%- if forloop.index == 1 or talk_start_day < day_start_day or talk_start_day == day_start_day and talk_start_hour < day_start_hour or talk_start_hour == day_start_hour and talk_start_min < day_start_min-%}
+    {%- assign day_start_talk = t -%}
+    {%- assign day_start_day = talk_start_day -%}
+    {%- assign day_start_hour = talk_start_hour -%}
+    {%- assign day_start_min = talk_start_min -%}
+  {%- endif -%}
+
+  {%- assign t = r.talks | last -%}
+  {%- include partials/get_talk_time.html -%}
+
+  {%- if forloop.index == 1 or talk_end_day > day_end_day or talk_end_day == day_end_day and talk_end_hour > day_end_hour or talk_end_hour == day_end_hour and talk_end_min > day_end_min-%}
+    {%- assign day_end_talk = t -%}
+    {%- assign day_end_day = talk_end_day -%}
+    {%- assign day_end_hour = talk_end_hour -%}
+    {%- assign day_end_min = talk_end_min -%}
+  {%- endif -%}
+{%- endfor -%}

data/_includes/partials/get_enable_map.html

@@ -0,0 +1,11 @@
+{%- if site.conference.location.map -%}
+  {%- assign enable_map = true -%}
+{%- else -%}
+  {%- assign enable_map = false -%}
+  {%- for page in site.pages -%}
+    {%- if page.map -%}
+      {%- assign enable_map = true -%}
+      {%- break -%}
+    {%- endif -%}
+  {%- endfor -%}
+{%- endif -%}

data/_includes/partials/get_link.html

@@ -0,0 +1,85 @@
+
+{%- assign link_disabled = link.disabled -%}
+{%- assign link_icon = link.icon -%}
+{%- assign link_iframe = link.iframe -%}
+
+{%- if link.absolute_url -%}
+  {%- assign link_href = link.absolute_url -%}
+
+{%- elsif link.relative_url -%}
+  {%- assign link_href = link.relative_url | prepend: site.baseurl -%}
+
+{%- elsif link.file -%}
+  {%- assign link_icon = "file-alt" -%}
+
+  {%- if talk -%}
+    {%- assign link_href = link.file | prepend: '/documents/slides/' | prepend: site.baseurl -%}
+
+  {%- elsif speaker -%}
+    {%- assign link_href = link.file | prepend: '/documents/bio/' | prepend: site.baseurl -%}
+
+  {%- else -%}
+    {%- assign link_href = link.file | prepend: '/documents/' | prepend: site.baseurl -%}
+
+  {%- endif -%}
+
+{%- elsif link.video -%}
+  {%- assign link_href = link.video -%}
+  {%- assign link_icon = "video" -%}
+  {%- assign link_iframe = true -%}
+
+  {%- if talk -%}
+    {%- capture modal_title -%}
+      {%- if talk.hide -%}
+        {{ talk.name }}
+      {%- else -%}
+        <a class="text-reset" href="{{ talk.url | prepend: site.baseurl }}">
+          {{ talk.name }}
+        </a>
+      {%- endif -%}
+    {%- endcapture -%}
+    {%- capture modal_subtitle -%}
+      {%- include partials/list_speakers.html -%}
+    {%- endcapture -%}
+
+  {%- elsif speaker -%}
+    {%- capture modal_title -%}
+      {%- if speaker.hide -%}
+        {{ speaker.first_name }} {{ speaker.last_name }}
+      {%- else -%}
+        <a class="text-reset" href="{{ speaker.url | prepend: site.baseurl }}">
+          {{ speaker.first_name }} {{ speaker.last_name }}
+        </a>
+      {%- endif -%}
+    {%- endcapture -%}
+    {%- assign modal_footer = link.name -%}
+
+  {%- endif -%}
+
+{%- else -%}
+  {%- assign link_disabled = true -%}
+
+{%- endif -%}
+
+{%- capture link_tag -%}
+  {%- if link.disabled -%}
+    <a class="disabled{% if link_styleclass %} {{ link_styleclass }}{% endif %}" href="#">
+
+  {%- elsif link_iframe -%}
+    <a {% if link_styleclass %}class="{{ link_styleclass }}"{% endif %} title="{{ link.name }}" data-toggle="modal" data-target="#link-modal" data-href="{{ link_href }}" href="#" {% if modal_title -%}
+      data-format='html' data-title="{{ modal_title | strip_newlines | escape }}" {%- if modal_subtitle %} data-subtitle="{{ modal_subtitle | strip_newlines | escape }}"{%- endif -%}
+    {%- elsif link.name -%}
+      data-format='text' data-title="{{ link.name }}"
+    {%- endif %} {% if modal_footer -%}
+      data-format='html' data-footer="{{ modal_footer | strip_newlines | escape }}"
+    {%- elsif link.description -%}
+      data-format='text' data-footer="{{ link.description }}"
+    {%- endif %}>
+
+  {%- else -%}
+    <a{% if link_styleclass %} class="{{ link_styleclass }}"{% endif %} href="{{ link_href }}" title="{{ link.name }}">
+
+  {%- endif -%}
+{%- endcapture -%}
+
+{%- assign link_styleclass = "" -%}

data/_includes/partials/get_link_types.html

@@ -0,0 +1,15 @@
+{%- if talk -%}
+  {%- assign links = talk.links -%}
+{%- else if speaker -%}
+  {%- assign links = speaker.links -%}
+{%- endif -%}
+
+{%- assign has_icon_links = false -%}
+{%- assign has_regular_links = false -%}
+{%- for link in links -%}
+  {%- if link.icon or link.file or link.video -%}
+    {%- assign has_icon_links = true -%}
+  {%- else -%}
+    {%- assign has_regular_links = true -%}
+  {%- endif -%}
+{%- endfor -%}

data/_includes/partials/get_live_timestamps.html

@@ -0,0 +1,49 @@
+{%- assign min_pause = site.conference.live.stop | default: 240 -%}
+{%- assign min_pause = min_pause | times: 60 -%}
+
+{%- if site.conference.live.streaming.enable -%}
+  {%- assign offset_start = site.conference.live.streaming.prepend | default: 5 -%}
+  {%- assign offset_end = site.conference.live.streaming.extend | default: 5 -%}
+{%- else -%}
+  {%- assign offset_start = 0 -%}
+  {%- assign offset_end = 0 -%}
+{%- endif -%}
+
+{%- assign live_starts = "" -%}
+{%- assign live_ends = "" -%}
+
+{%- for d in site.data.program.days -%}
+  {%- for r in d.rooms -%}
+    {%- assign last_end = 0 -%}
+
+    {%- for t in r.talks -%}
+      {%- include partials/get_talk_timestamp.html -%}
+
+      {%- assign last_pause = timestamp_start | minus: last_end -%}
+
+      {%- if forloop.last == true or last_pause >= min_pause and forloop.index0 > 0 -%}
+        {%- if forloop.last -%}
+          {%- assign last_end = timestamp_end -%}
+        {%- endif -%}
+
+        {%- assign live_end = offset_end | times: 60 | plus: last_end %}
+        {%- if live_ends == "" -%}
+          {%- assign live_ends = live_end -%}
+        {%- else -%}
+          {%- assign live_ends = live_ends | append: "," | append: live_end -%}
+        {%- endif -%}
+      {%- endif -%}
+
+      {%- if forloop.index0 == 0 or last_pause >= min_pause -%}
+        {%- assign live_start = offset_start | times: -60 | plus: timestamp_start -%}
+        {%- if live_starts == "" -%}
+          {%- assign live_starts = live_start -%}
+        {%- else -%}
+          {%- assign live_starts = live_starts | append: "," | append: live_start -%}
+        {%- endif -%}
+      {%- endif -%}
+
+      {%- assign last_end = timestamp_end -%}
+    {%- endfor -%}
+  {%- endfor -%}
+{%- endfor -%}

data/_includes/partials/get_main_category.html

@@ -0,0 +1,9 @@
+{%- for main_cat in site.conference.talks.main_categories -%}
+  {%- for cat in talk.categories -%}
+    {%- if cat == main_cat.name -%}
+      {%- assign main_cat = main_cat.name -%}
+      {%- assign main_cat_color = main_cat.color -%}
+      {%- break -%}
+    {%- endif -%}
+  {%- endfor -%}
+{%- endfor -%}

data/_includes/partials/get_page_description.html

@@ -0,0 +1,23 @@
+{%- unless site.preposition == empty -%}
+  {%- assign preposition = site.preposition -%}
+{%- else -%}
+  {%- assign preposition = '-' -%}
+{%- endunless -%}
+
+{%- capture page_description -%}
+  {%- if page.layout == 'talk' -%}
+    {{ site.data.lang[site.conference.lang].talk.title | default: 'Talk' }} {{ site.data.lang[site.conference.lang].pronoun.by | default: 'by'}} {% include partials/list_speakers.html text_only=true %} {{ preposition }} {{ site.title }}
+  {%- elsif page.layout == 'speaker' -%}
+    {{ site.data.lang[site.conference.lang].speaker.title | default: 'Speaker' }} {{ preposition }} {{ site.title }}
+  {%- elsif site.description -%}
+    {{ site.description }}
+  {%- endif -%}
+{%- endcapture -%}
+
+{%- if page_description.empty and include.default -%}
+  {%- assign page_description = include.default -%}
+{%- endif -%}
+
+{%- if include.replace_quotes -%}
+  {%- assign page_description = page_description | replace: '"', "'" -%}
+{%- endif -%}

data/_includes/partials/get_page_title.html

@@ -0,0 +1,33 @@
+{%- capture page_title -%}
+  {%- if page.layout == 'room' -%}
+    {{- page.name -}}
+  {%- elsif page.layout == 'speaker' -%}
+    {{- page.first_name }} {{ page.last_name -}}
+  {%- elsif page.layout == 'talk' -%}
+    {{- page.name -}}
+
+  {%- elsif page.title -%}
+    {{- page.title -}}
+
+  {%- else -%}
+    {%- if page.layout == 'location' -%}
+      {{- site.data.lang[site.conference.lang].location.rooms | default: "Rooms" -}}
+    {%- elsif page.layout == 'program' -%}
+      {{- site.data.lang[site.conference.lang].program.title | default: "Program" -}}
+    {%- elsif page.layout == 'speaker-overview' -%}
+      {{- site.data.lang[site.conference.lang].speaker.overview | default: "Speakers" -}}
+    {%- elsif page.layout == 'stream-overview' -%}
+      {{ site.data.lang[site.conference.lang].live.stream | default: "Live Streams" }}
+    {%- elsif page.layout == 'talk-overview' -%}
+      {{- site.data.lang[site.conference.lang].talk.overview | default: "Talks" -}}
+    {%- endif -%}
+  {%- endif -%}
+{%- endcapture -%}
+
+{%- if page_title == empty and include.default -%}
+  {%- assign page_title = include.default -%}
+{%- endif -%}
+
+{%- if include.replace_quotes -%}
+  {%- assign page_title = page_title | replace: '"', "'" -%}
+{%- endif -%}

data/_includes/partials/get_room_live_href.html

@@ -0,0 +1,8 @@
+{% assign room_live_href = '' -%}
+{%- if room.live -%}
+    {%- if room.live.absolute_url -%}
+        {%- assign room_live_href = room.live.absolute_url -%}
+    {%- elsif room.live.relative_url -%}
+        {%- assign room_live_href = room.live.relative_url | prepend: site.baseurl -%}
+    {%- endif -%}
+{%- endif -%}

data/_includes/partials/get_talk_time.html

@@ -0,0 +1,24 @@
+{%- assign talk_start = t.time_start | default: "00:00" -%}
+{%- assign talk_end = t.time_end | default: "00:00" -%}
+
+{%- if talk_start contains ' +' -%}
+  {%- assign talk_start_day = talk_start | split: ' +' | last | plus: 0 -%}
+  {%- assign talk_start = talk_start | split: ' +' | first -%}
+{%- else -%}
+  {%- assign talk_start_day = 0 -%}
+{%- endif -%}
+{%- if talk_end contains ' +' -%}
+  {%- assign talk_end_day = talk_end | split: ' +' | last | plus: 0 -%}
+  {%- assign talk_end = talk_end | split: ' +' | first -%}
+{%- else -%}
+  {%- assign talk_end_day = 0 -%}
+{%- endif -%}
+
+{%- assign talk_start_hour = talk_start | split: ':' | first | plus: 0 -%}
+{%- assign talk_start_min = talk_start | split: ':' | last | divided_by: site.conference.program.time_steps | floor | times: site.conference.program.time_steps -%}
+{%- assign talk_end_hour = talk_end | split: ':' | first | plus: 0 -%}
+{%- assign talk_end_min = talk_end | split: ':' | last | divided_by: site.conference.program.time_steps | ceil | times: site.conference.program.time_steps -%}
+
+{%- assign talk_start_hour_24h = talk_start_day | times: 24 | plus: talk_start_hour -%}
+{%- assign talk_end_hour_24h = talk_end_day | times: 24 | plus: talk_end_hour -%}
+{%- assign talk_duration_min = talk_end_hour_24h | minus: talk_start_hour_24h | times: 60 | minus: talk_start_min | plus: talk_end_min -%}

data/_includes/partials/get_talk_timestamp.html

@@ -0,0 +1,15 @@
+{%- include partials/get_talk_time.html -%}
+
+{%- assign datetime_start = d.date | append: "T" | append: talk_start | append: ":00" -%}
+{%- if site.conference.tz -%}
+  {%- assign datetime_start = datetime_start | append: site.conference.tz -%}
+{%- endif -%}
+{%- assign add_days_start = talk_start_day | times: 24 | times: 60 | times: 60 -%}
+{%- assign timestamp_start = datetime_start | date: "%s" | plus: add_days_start | date: "%s" -%}
+
+{%- assign datetime_end = d.date | append: "T" | append: talk_end | append: ":00" -%}
+{%- if site.conference.tz -%}
+  {%- assign datetime_end = datetime_end | append: site.conference.tz -%}
+{%- endif -%}
+{%- assign add_days_end = talk_end_day | times: 24 | times: 60 | times: 60 -%}
+{%- assign timestamp_end = datetime_end | date: "%s" | plus: add_days_end | date: "%s" -%}

data/_includes/partials/get_time_pronoun.html

@@ -0,0 +1,6 @@
+{%- assign nbr_days = site.data.program.days | size -%}
+{%- if nbr_days > 1 and day_abbr -%}
+  {%- assign time_pronoun = site.data.lang[site.conference.lang].pronoun.on_ | default: "on" -%}
+{%- else -%}
+  {%- assign time_pronoun = site.data.lang[site.conference.lang].pronoun.at | default: "at" -%}
+{%- endif -%}

data/_includes/partials/header.html

@@ -0,0 +1,67 @@
+<!DOCTYPE html>
+<html lang="{{ site.conference.lang | default: 'en' }}">
+
+<head>
+  <meta charset="utf-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+  {% include partials/get_page_title.html -%}
+  <title>
+    {{- page_title -}}
+    {%- unless page_title == empty %} - {% endunless -%}
+    {{- site.title -}}
+  </title>
+  {% include partials/list_page_meta.html %}
+
+  <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/main.css?t={{ site.time | date: "%s" }}" />
+
+  <link rel="preload" as="font" href="{{ site.baseurl }}/assets/webfonts/fa-regular-400.woff2" type="font/woff2" crossorigin="anonymous" />
+  <link rel="preload" as="font" href="{{ site.baseurl }}/assets/webfonts/fa-solid-900.woff2" type="font/woff2" crossorigin="anonymous" />
+  {%- if site.conference.live %}
+  <link rel="prefetch" as="image" href="{{ site.baseurl }}/assets/icons/live.svg" type="image/svg+xml" crossorigin="anonymous" />
+  <link rel="prefetch" as="fetch" href="{{ site.baseurl }}/assets/js/data.json" type="application/json" crossorigin="anonymous" />
+  {%- endif %}
+
+  {%- if site.conference.live.streaming.enable %}
+    {%- for room in site.rooms %}
+      {%- if room.live %}
+        {%- include partials/get_room_live_href.html %}
+        {%- if room_live_href %}
+  <link rel="preconnect" href="{{ room_live_href }}" />
+        {%- endif %}
+      {%- endif %}
+    {%- endfor %}
+  {%- endif %}
+
+  <script src="https://code.jquery.com/jquery-3.7.1.min.js" integrity="sha256-/JqT3SQfawRcv/BIHPThkBvs0OEvtFFmqPF/lYI/Cxo=" crossorigin="anonymous"></script>
+  <script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.1/dist/js/bootstrap.bundle.min.js" ></script>
+
+  <link rel="stylesheet" href="https://unpkg.com/lux-design-system@5.6.3/dist/style.css">
+  <script type="importmap">
+    {
+      "imports": {
+        "vue": "https://unpkg.com/vue@3.2.47/dist/vue.esm-browser.prod.js",
+        "lux-design-system": "https://unpkg.com/lux-design-system@5.6.3/dist/lux-styleguidist.mjs"
+      }
+    }
+  </script>
+</head>
+
+<body class="pb-4">
+  <header>
+    <!-- navigation bar (web only): -->
+    {%- include partials/navbar.html -%}
+
+    {%- unless page.url == "/" -%}
+      <!-- site title (print only): -->
+      <div class="container d-none d-print-block mt-4 mb-4">
+        <h1 class="display-4">
+          {{ site.title }}
+        </h1>
+      </div>
+    {%- endunless -%}
+
+  </header>
+  <main class="container">
+
+    {%- include partials/info_bar.html -%}