jekyll-theme-conference 3.2.0 → 3.5.0

data/_includes/js/map.js

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

data/_includes/js/{conference-modal.js → modal.js}

@@ -1,15 +1,15 @@
-window.conference.modal = (function () {
+window.conference.modal = (() => {
 
-    let show = function (el, event) {
-        let button = $(event.relatedTarget);
+    const show = (el, event) => {
+        const button = $(event.relatedTarget);
 
-        let href = button.data('href');
-        let format = button.data('format');
-        let title = button.data('title');
-        let subtitle = button.data('subtitle');
-        let footer = button.data('footer');
+        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');
 
-        let modal = $(el);
+        const modal = $(el);
         modal.find('iframe').attr('src', href);
 
         if (title) {
@@ -51,8 +51,8 @@ window.conference.modal = (function () {
         }
     };
 
-    let hide = function (el) {
-        let modal = $(el);
+    const hide = (el) => {
+        const modal = $(el);
 
         modal.find('.modal-title h3').text('');
         modal.find('.modal-title h5').text('').addClass('d-none');
@@ -60,8 +60,8 @@ window.conference.modal = (function () {
         modal.find('.modal-footer p').html('');
     };
 
-    let init = function() {
-        let elSel = '#link-modal';
+    const init = () => {
+        const elSel = '#link-modal';
 
         $(elSel).on('show.bs.modal', function (event) {
             show(this, event);
@@ -76,5 +76,3 @@ window.conference.modal = (function () {
     };
 
 })();
-
-window.conference.modal.init();

data/_includes/js/{conference-program.js → program.js}

@@ -1,30 +1,25 @@
-// Vertical Scroll Sync
-{% include js/syncscroll.js %}
-
-window.conference.program = (function() {
-    let updateHash = function (hash) {
-        let scrollPosition = $('body').scrollTop() || $('html').scrollTop();
+window.conference.program = (() => {
+    const updateHash = (hash) => {
+        const scrollPosition = document.documentElement.scrollTop;
         window.location.hash = hash;
-        $('html,body').scrollTop(scrollPosition);
+        document.documentElement.scrollTop = scrollPosition;
     };
 
-    let init = function () {
+    const init = () => {
         if ($('#day-list')) {
             // Switch to day if page load with hash
-            var hash = window.location.hash;
+            const hash = window.location.hash;
             if (hash) {
                 $('#day-list a[href="' + hash + '"]').tab('show');
             }
+
             // Switch to day if today
             else {
-                let d = new Date();
-                let dStr = d.getFullYear() +"-"+ (d.getMonth()+1) +"-"+ d.getDate()
-                // since a timezone compensation is added when passed as string, today's date has also
-                // to be passed as string (as it is done below)
-                let today = new Date(dStr);
+                let today = new Date();
+                today.setHours(0,0,0,0);
 
                 $('a[data-toggle="tab"]').each(function () {
-                    let d = new Date($(this).data('date'));
+                    const d = new Date($(this).data('date'));
 
                     if (today.getTime() === d.getTime()) {
                         $(this).tab('show');
@@ -44,5 +39,3 @@ window.conference.program = (function() {
         init: init
     };
 })();
-
-window.conference.program.init();

data/_includes/partials/checks.html

@@ -4,7 +4,7 @@
   {%- 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/master/_data/lang.yml) to you local website folder?" -%}
   {%- endunless -%}
-{%- elsif site.data.lang.version != 6 -%}
+{%- elsif site.data.lang.version != 7 -%}
   {%- 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/master/_data/lang.yml)." -%}
 {%- endunless -%}
 {%- unless site.conference.lang == "en" or site.conference.lang == "de" or site.conference.lang == "fr" or site.conference.lang == "pt" -%}

data/_includes/partials/footer.html

@@ -4,7 +4,7 @@
 
   {%- include partials/modal_link.html -%}
 
-  {%- if site.conference.live.streaming -%}
+  {%- if site.conference.live.streaming.enable -%}
     {%- include partials/modal_live.html -%}
   {%- endif -%}
 

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_live_timestamps.html

@@ -1,7 +1,7 @@
 {%- assign min_pause = site.conference.live.time_stop | default: 240 -%}
 {%- assign min_pause = min_pause | times: 60 -%}
 
-{%- if site.conference.live.streaming -%}
+{%- if site.conference.live.streaming.enable -%}
   {%- assign offset_start = site.conference.live.streaming.time_prepend | default: 5 -%}
   {%- assign offset_end = site.conference.live.streaming.time_extend | default: 5 -%}
 {%- else -%}

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.title | default: "Location" -}}
+    {%- 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_talk_timestamp.html

@@ -1,9 +1,9 @@
 {%- include partials/get_talk_time.html -%}
 
-{%- assign datetime_start = d.date | append: " " | append: time_start -%}
+{%- assign datetime_start = d.date | append: " " | append: talk_start -%}
 {%- 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: " " | append: time_end -%}
+{%- assign datetime_end = d.date | append: " " | append: talk_end -%}
 {%- 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/header.html

@@ -5,21 +5,24 @@
   <meta charset="utf-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+  {% include partials/get_page_title.html -%}
   <title>
-    {% unless page.name contains '.' %}{{ page.name }} - {% else %}{% if page.title %}{{ page.title }} - {% endif %}{% endunless %}{{ site.title }}
+    {{- page_title -}}
+    {%- unless page_title == empty %} - {% endunless -%}
+    {{- site.title -}}
   </title>
-  <meta name="description" content="{{ site.description }}" />
+  {% 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 -%}
+  {%- 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 -%}
+  {%- if site.conference.live.streaming.enable -%}
     {%- for room in site.rooms -%}
       {%- if room.live %}
   <link rel="preconnect" href="{{ room.live }}" />

data/_includes/partials/list_page_meta.html

@@ -0,0 +1,23 @@
+{% unless site.conference.link_preview.disable -%}
+  {%- include partials/get_page_title.html default=site.title replace_quotes=true -%}
+  {%- include partials/get_page_description.html default=site.title replace_quotes=true -%}
+
+  <meta name="description" content="{{ page_description }}" />
+
+  <meta name="twitter:card" content="summary" />
+  {%- if site.conference.link_preview.img and site.conference.link_preview.img.twitter %}
+  <meta name="twitter:image" content="{{ site.conference.link_preview.img.twitter | prepend: '/assets/images/' | prepend: site.baseurl | prepend: site.url }}" />
+  {%- endif %}
+  <meta name="twitter:title" content="{{ page_title }}" />
+  <meta name="twitter:description" content="{{ page_description }}" />
+
+  <meta property="og:site_name" content="{{ site.title }}" />
+  {%- if site.conference.link_preview.img and site.conference.link_preview.img.open_graph %}
+  <meta property="og:image" content="{{ site.conference.link_preview.img.open_graph | prepend: '/assets/images/' | prepend: site.baseurl | prepend: site.url }}" />
+  {%- endif %}
+  <meta property="og:url" content="{{ page.url | prepend: site.baseurl | prepend: site.url }}" />
+  <meta property="og:title" content="{{ page_title }}" />
+  <meta property="og:description" content="{{ page_description }}" />
+  <meta property="og:type" content="website" />
+
+{%- endunless %}

data/_includes/partials/list_speakers.html

@@ -1,4 +1,4 @@
-{%- for speaker_name in talk.speakers -%}
+{% for speaker_name in talk.speakers -%}
   {%- assign speaker = site.speakers | where: 'name', speaker_name | first -%}
   {%- if site.conference.speakers.show_firstname -%}
     {%- assign speaker_short = speaker.first_name | append: ' ' | append: speaker.last_name -%}
@@ -6,11 +6,17 @@
     {%- assign speaker_short = speaker.first_name | slice: 0 | append : '. ' | append: speaker.last_name -%}
   {%- endif -%}
 
-  {%- if speaker.hide -%}
-    {{ speaker_short }}
+  {%- if speaker.hide or include.text_only -%}
+    {{- speaker_short -}}
   {%- else -%}
-    <a class="text-reset" href="{{ speaker.url | prepend: site.baseurl }}">{{ speaker_short }}</a>
+    <a class="text-reset" href="{{ speaker.url | prepend: site.baseurl }}">
+      {{- speaker_short -}}
+    </a>
   {%- endif -%}
-  {%- if forloop.last != true %}, {% endif -%}
+
+  {%- unless forloop.last %}
+    {%- assign forloop_index_before_last = talk.speakers.size | minus: 1 -%}
+    {% if forloop.index == forloop_index_before_last and include.text_only %} {{ site.data.lang[site.conference.lang].pronoun.and | default: 'and' }} {% else %}, {% endif -%}
+  {%- endunless -%}
 
 {%- endfor -%}

data/_includes/partials/modal_live.html

@@ -26,17 +26,18 @@
           </p>
           <p class="font-weight-light mb-0" id="stream-info-speakers"></p>
         </div>
+        <div class="align-self-center m-0 mt-1" id="stream-info-links"></div>
       </div>
 
       <div class="modal-footer justify-content-around">
-        {%- for room in site.rooms -%}
+        {% for room in site.rooms -%}
           <a id="stream-button{{ forloop.index }}" href="#" class="btn btn-outline-primary d-none d-sm-inline {% unless room.live %}disabled{% endunless %}" role="button" data-room="{{ room.name }}">
             {{ room.name }}
           </a>
         {%- endfor %}
         <div class="form-group w-100 d-block d-sm-none">
           <select class="form-control" id="stream-select">
-            {%- for room in site.rooms -%}
+            {% for room in site.rooms -%}
               <option value="{{ forloop.index }}" {% unless room.live %}disabled{% endunless %}>{{ room.name }}</option>
             {%- endfor %}
           </select>

data/_includes/partials/navbar.html

@@ -40,7 +40,7 @@
             {%- endif -%}
 
             <li class="nav-item live-show d-none" data-start="{{ live_starts }}" data-end="{{ live_ends }}">
-              {%- if site.conference.live.streaming %}
+              {%- if site.conference.live.streaming.enable %}
                 <a class="nav-link" title="
                   {%- if link.name -%}
                     {{- link.name -}}

data/_includes/partials/navbar_rooms.html

@@ -1,7 +1,11 @@
 <ul class="nav nav-pills d-print-none mb-3">
   <li class="nav-item">
     <a class="nav-link {% if page.name contains 'index' %}active{% endif %}" href="{{ site.conference.location.url | prepend: site.baseurl }}">
-      {{ site.data.lang[site.conference.lang].location.directions | default: "Directions" }}
+      {% if site.conference.location.navbar_title -%}
+        {{- site.conference.location.navbar_title -}}
+      {%- else -%}
+        {{- site.data.lang[site.conference.lang].location.directions | default: "Directions" -}}
+      {%- endif %}
     </a>
   </li>
   {%- for room in site.rooms -%}

data/_includes/partials/show_live_button.html

@@ -1,7 +1,7 @@
 {%- if site.conference.live -%}
   {%- include partials/get_talk_timestamp.html -%}
 
-  {%- if site.conference.live.streaming -%}
+  {%- if site.conference.live.streaming.enable -%}
     <a title="{{ link.name }}" {% if site.conference.live.streaming.external -%}
       href="{{ site.conference.live.streaming.external }}"
     {%- else -%}
@@ -12,7 +12,7 @@
   {%- 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 -%}
+  {%- if site.conference.live.streaming.enable -%}
     </a>
   {%- else -%}
     </span>

data/_layouts/config.html

@@ -0,0 +1,78 @@
+{
+    {%- include partials/get_enable_map.html -%}
+    {%- if enable_map %}
+    "map": {
+        "map_provider": "{{ site.conference.map.map_provider | default: 'OpenStreetMap.Mapnik' }}",
+        "home_coord": [{{ site.conference.map.home_coord }}],
+        "default_zoom": {{ site.conference.map.default_zoom | default: 17 }}
+    },
+    {%- endif %}
+
+    {% if site.conference.live -%}
+    "live": {
+        "time": {
+            {% assign d = site.data.program.days | first -%}
+            {%- include partials/get_day_time.html -%}
+            {%- assign t = day_start_talk -%}
+
+            {%- include partials/get_talk_timestamp.html -%}
+            {%- assign conf_start = timestamp_start -%}
+
+            {%- assign d = site.data.program.days | last -%}
+            {%- include partials/get_day_time.html -%}
+            {%- assign t = day_end_talk -%}
+
+            {%- include partials/get_talk_timestamp.html -%}
+            {%- assign conf_end = timestamp_end -%}
+
+            "start": {{ conf_start }},
+            "end": {{ conf_end }}
+        },
+
+        "streaming": {
+            "enable": {{ site.conference.live.streaming.enable | default: "false" }},
+            "pause": {{ site.conference.live.streaming.time_pause | default: 60 }},
+            "prepend": {{ site.conference.live.streaming.time_prepend | default: 5 }},
+            "extend": {{ site.conference.live.streaming.time_extend | default: 5 }}
+        },
+
+        "demo": {
+            "enable": {{ site.conference.live.demo.enable | default: "false" }},
+            "duration": {{ site.conference.live.demo.duration | default: 300 }},
+            "pause": {{ site.conference.live.demo.pause | default: 10 }}
+        }
+    },
+    {%- endif %}
+
+    "lang": {
+        {%- if enable_map %}
+        "map": {
+            "focus_conf": "{{ site.data.lang[site.conference.lang].location.focus_conf | default: "Center map on conference location" }}",
+            "focus_me": "{{ site.data.lang[site.conference.lang].location.focus_me | default: "Show me where I am" }}"
+        }
+        {%- endif -%}
+
+        {%- if site.conference.live and site.conference.live.streaming.enable -%}
+            {%- if enable_map %},{% endif %}
+        "live": {
+            "pre_stream": "{{ site.data.lang[site.conference.lang].live.pre_stream | default: "Live stream has not started yet." }}",
+            "post_stream": "{{ site.data.lang[site.conference.lang].live.post_stream | default: "Live stream has ended." }}",
+            "pause_stream": "{{ site.data.lang[site.conference.lang].live.pause_stream | default: "Live stream is currently paused." }}",
+            "time": {
+                "soon": "{{ site.data.lang[site.conference.lang].live.time.soon | default: "soon" }}",
+                "now": "{{ site.data.lang[site.conference.lang].live.time.now | default: "now" }}",
+                "in": "{{ site.data.lang[site.conference.lang].live.time.in | default: "in" }} ",
+                "since": "{{ site.data.lang[site.conference.lang].live.time.since | default: "since" }} ",
+                "weeks": "{{ site.data.lang[site.conference.lang].live.time.weeks | default: "weeks" }}",
+                "week": "{{ site.data.lang[site.conference.lang].live.time.week | default: "week" }}",
+                "days": "{{ site.data.lang[site.conference.lang].live.time.days | default: "days" }}",
+                "day": "{{ site.data.lang[site.conference.lang].live.time.day | default: "day" }}",
+                "hours": "{{ site.data.lang[site.conference.lang].live.time.hours | default: "hours" }}",
+                "hour": "{{ site.data.lang[site.conference.lang].live.time.hour | default: "hour" }}",
+                "minutes": "{{ site.data.lang[site.conference.lang].live.time.minutes | default: "minutes" }}",
+                "minute": "{{ site.data.lang[site.conference.lang].live.time.minute | default: "minute" }}"
+            }
+        }
+        {%- endif %}
+    }
+}

data/_layouts/data.html

@@ -1,5 +1,5 @@
-{% if site.conference.live and site.conference.live.streaming -%}
 {
+    {% if site.conference.live and site.conference.live.streaming.enable -%}
     "days": [
         {%- for d in site.data.program.days %}
         {
@@ -88,6 +88,23 @@
                         {%- include partials/get_talk_timestamp.html %}
                 "start": {{ timestamp_start }},
                 "end": {{ timestamp_end }}
+
+                        {%- if talk.live.links -%},
+                "live_links": [
+                            {%- for link in talk.live.links %}
+                    {
+                        "name": "{{ link.name | replace: '"', '\"' }}",
+                        "href": "{{ link.absolute_url | replace: '"', '%22' }}"
+                                {%- if link.icon -%},
+                        "icon": "{{ link.icon | replace: '"', '\"' }}"
+                                {%- endif %}
+                                {%- if link.disabled -%},
+                        "disabled": true
+                                {%- endif %}
+                    }{%- unless forloop.last -%},{%- endunless -%}
+                            {%- endfor %}
+                ]
+                        {%- endif %}
             }{%- unless forloop.last -%},{%- endunless -%}
                     {%- endfor -%}
                 {%- endif -%}
@@ -99,5 +116,6 @@
         {%- endunless -%}
     {%- endfor %}
     }
+
+    {%- endif %}
 }
-{%- endif -%}

data/_layouts/home.html

@@ -59,7 +59,7 @@
           {%- endif -%}
 
           <span class="live-show d-none" data-start="{{ live_starts }}" data-end="{{ live_ends }}">
-            {% if site.conference.live.streaming %}
+            {% 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 }}" %}

data/_layouts/location.html

@@ -18,7 +18,7 @@
 
   {{ content }}
 
-  {% if site.conference.location.map.enable %}
+  {% if site.conference.location.map %}
     <div id="map" class="mt-4 mb-3"></div>
   {% endif %}
 

data/_layouts/page.html

@@ -6,4 +6,8 @@
 
 {{ content }}
 
+{% if page.map %}
+  <div id="map" class="mt-4 mb-3"></div>
+{% endif %}
+
 {% include partials/footer.html %}

data/_layouts/stream-overview.html

@@ -18,7 +18,7 @@
   <div class="row">
       {%- endif %}
 
-    <div class="col-md">
+    <div class="col-md mb-4">
       <h3>{{ room.name }}</h3>
       <div class="embed-responsive embed-responsive-16by9">
         <iframe class="embed-responsive-item" src="{{ room.live }}" allowfullscreen></iframe>

data/assets/js/config.json

@@ -0,0 +1,3 @@
+---
+layout: config
+---