jekyll-theme-conference 4.0.1 → 4.1.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 1e189dc4689ec1f3119a061eda65e6203f356ee024eb59cce5131898d01da42e
-  data.tar.gz: caae1d8393692f699d964922acba360c41bf3024337da6734f3517e1fe7270b3
+  metadata.gz: 047cbe7d842bb41d19a204f2828d847f6e6a29c1d4954c6432c1a61325bde7fb
+  data.tar.gz: 7e66180ae74b9880f0ad11ce305209c06b1f720e8a9a944b1443a922e45a2e69
 SHA512:
-  metadata.gz: 44650df79619a5af969f95a6fd13c6b55daf1d8c8879313303faf3574b3b6cd00fed8fb4ee41d7d8776bc0beca7ff761a2ceb32ac7097a89fcbe67e140f3b244
-  data.tar.gz: a67cc157d5a0073fda943ab2785e6879987c7636346576294a098f5b5f4652284c511e51a876c45fe7338ca61fe61777115e833cda7acd188bbf868f001639ef
+  metadata.gz: 396663c51aa59dd23cbce5cbf839f0e428b99499301fd9dcf3f8ec2853f7f0d9f7315adad97921e1db7262afaa5061d6d08b48b6ed2e1bbd11cc5b357a084efd
+  data.tar.gz: ee1172bea20229ea4ee0cb3fd94a7e303e63b0deeb579932355d125dcac6968fb9da5c2a7b62259ee9ca9919efe241918d5d4511b9a1bf3ef4e8b92d72230340

data/README.md

@@ -56,6 +56,7 @@ The theme was created for the yearly Winterkongress conference of the [Digital S
 - [Design](#design)
   - [Pre-compiled Bundle (Default)](#pre-compiled-bundle-default)
   - [Split Bundle (Custom Bootstrap CSS)](#split-bundle-custom-bootstrap-css)
+  - [Icons](#icons)
 - [JavaScript](#javascript)
 - [Development](#development)
   - [Jekyll Theme Development](#jekyll-theme-development)
@@ -127,15 +128,15 @@ To install:
    bundle
    ```
 
-4. Add `remote_theme: "DigitaleGesellschaft/jekyll-theme-conference@4.0.1"` to your `_config.yml` file. Remove any other `theme:` or `remote_theme:` entry.
+4. Add `remote_theme: "DigitaleGesellschaft/jekyll-theme-conference@v4.0.1"` to your `_config.yml` file. Remove any other `theme:` or `remote_theme:` entry.
 
    ```yaml
-   remote_theme: "DigitaleGesellschaft/jekyll-theme-conference@4.0.1"
+   remote_theme: "DigitaleGesellschaft/jekyll-theme-conference@v4.0.2"
    ```
 
 5. Continue with the [_Setup_](#setup) section below to customize the theme and add content for your conference.
 
-To update the theme, change the version tag in the `remote_theme` value (e.g., `@4.0.0` to `@v4.1.0`).
+To update the theme, change the version tag in the `remote_theme` value (e.g., `@v4.0.0` to `@v4.1.0`).
 
 
 ## Setup
@@ -265,13 +266,12 @@ To add more languages, copy the internationalization file from this repository t
 
 ### Timezone
 
-Multiple dynamic features such as showing the current day in the program or live indications require correct timing. Define the timezone in which the conference takes place with the `tz` property set to a valid [UTC timezone offset](https://en.wikipedia.org/wiki/List_of_UTC_offsets) in the format `"+/-HH:MM"`:
+Multiple dynamic features such as showing the current day in the program, live indications or the dates in the structured data require correct timing. Define the timezone in which the conference takes place with Jekyll's `timezone` setting, set to an [IANA timezone name](https://en.wikipedia.org/wiki/List_of_tz_database_time_zones). Daylight saving time is taken into account and the result does not depend on the timezone of the machine building the site.
 
 Example:
 
 ```yaml
-conference:
-  tz: "+02:00"
+timezone: Europe/Zurich
 ```
 
 ### Navigation Bar
@@ -516,7 +516,8 @@ To activate these functionalities, each day in the `program.yml` file must conta
   - if streaming should be enabled (`enable`), and if enabled
   - how many minutes the stream goes active before a talk (`prepend`),
   - how many minutes the stream stays active after a talk (`extend`),
-  - how long a pause between two consecutive talks has to be for the stream to pause (`pause`), and
+  - how long a pause between two consecutive talks has to be for the stream to pause (`pause`),
+  - if the stream is only loaded once the visitor clicks a button, as the streaming provider receives the visitor's IP address (`click_to_load`, default: `true`; set to `false` for self-hosted streams), and
   - an external (absolute) link to which the user will be redirected instead of opening the modal (`external`),
 
 ```yaml
@@ -528,12 +529,13 @@ conference:
       pause: 60 # in minutes
       prepend: 5 # in minutes
       extend: 5 # in minutes
+      click_to_load: true # optional: false loads streams without consent
       external: "https://example.com/stream" # optional: external link instead of modal
 ```
 
 ### Progressive Web App (PWA)
 
-The theme includes built-in support for Progressive Web App (PWA) functionality, allowing your conference website to be installed on users' devices and work offline. PWA functionality is disabled by default. To enable it, multiple manual steps are necessary to add the necessary files:
+The theme includes built-in support for Progressive Web App (PWA) functionality, allowing your conference website to be installed on users' devices and work offline. Once a visitor opened the site, all pages (program, talks, speakers, rooms, …) and all files below `assets/` (stylesheets, scripts, images, fonts) are available offline. Documents (`documents/`) and map tiles are not. Pages and data are always loaded fresh when online, so schedule changes reach visitors right away (falling back to the stored copy if the network does not answer within 3 seconds, e.g. on a crowded conference Wi-Fi). When the site is rebuilt, installed apps only download what changed: the theme's bundles are versioned by their content, all other files are revalidated. PWA functionality is disabled by default. To enable it, multiple manual steps are necessary to add the necessary files:
 
 1. Enable and optionally customize the functionality in your `_config.yml`:
    ```yaml
@@ -637,6 +639,8 @@ conference:
 To help users find your venue, an [OpenStreetMap](https://www.openstreetmap.org/) container displaying a map can be shown on the location page as well as the address of the venue. You can define the initial position of the map by setting the default zoom level `default_zoom`, the center coordinates `home_coord`, and the map provider for the tiles `map_provider`. Alternative map providers can be found [here](https://leaflet-extras.github.io/leaflet-providers/preview/).
 The map contains small control buttons to zoom in and out, center the map back to the initial position, and show the visitor's current location (has to be manually activated and granted by the visitor).
 
+To protect the visitors' privacy, the map is only loaded once the visitor clicks a button, as the tile provider receives the visitor's IP address. The consent is stored in the browser for 30 days. If you host the tiles yourself, you can load the map right away by setting `click_to_load: false`.
+
 Location settings are configured directly in the Front Matter of the location page (the page with `layout: location`). The location page's Front Matter supports the following properties:
 
 - `title`: The title shown in the navigation bar for the location section (defaults to "Location")
@@ -645,6 +649,7 @@ Location settings are configured directly in the Front Matter of the location pa
   - `home_coord`: Center coordinates of the map (e.g., `47.37808, 8.53935`)
   - `default_zoom`: Initial zoom level (e.g., `17`)
   - `map_provider`: Tile provider (default: `"OpenStreetMap.Mapnik"`)
+  - `click_to_load`: Load the map only after the visitor's consent (default: `true`)
 - `postal_address`: Postal address displayed on the location page and used in schema.org structured data. Can contain:
   - `name`: Venue name (e.g., "Zentralwäscherei")
   - `street`: Street address (e.g., "Neue Hard 12")
@@ -680,7 +685,7 @@ The map is based on the [Leaflet](https://leafletjs.com/) JavaScript library. Th
 
 1. The conference JavaScript bundle (`conference.bundle.js`) is automatically loaded and provides all necessary libraries
 2. Await the initialization of the theme's object using `window.conference.awaitReady()`
-3. Fetch the map object and verify it is set (while the JavaScript code is executed on each page, the map object will only exist on the location page)
+3. Fetch the map object and verify it is set (while the JavaScript code is executed on each page, the map object will only exist on the location page). The returned promise resolves once the visitor loaded the map.
 4. Modify the map.
 
 The following example for `assets/js/main.js` adds a simple marker to the map:
@@ -706,8 +711,10 @@ window.conference.awaitReady().then(async () => {
 Program settings are configured directly in the Front Matter of the program page (the page with `layout: program`). The program page's Front Matter supports the following properties:
 
 - `title`: The title shown on the program page (defaults to "Program")
-- `time_steps`: The time interval in minutes for each row in the schedule grid (default: `15`)
+- `time_steps`: The time interval in minutes for each row in the schedule grid or `start` to show only the intervals that correspond to a talk start time (default: `15`)
 - `show_alltimes`: Show time labels for all intervals, not just full hours (default: `false`)
+- `show_first_hour`: Always show hour in time label of first row (default: `false`)
+- `hide_legend`: Hide track legends at the bottom of program table (default: `false`)
 
 ```yaml
 ---
@@ -785,7 +792,8 @@ Each talk is represented by a file in the `_talks/` directory. It must begin wit
 - optionally, a list of `links` (see the [_Links_](#links) subsection below for the available properties):
   - Links with an `icon` are treated separately and are also included on the talk overview page.
   - Links with `live: true` are only shown below the live stream for the given talk in form of buttons.
-- optionally, `hide: true` if the talk's page should not be linked to.
+- optionally, `lang` with the talk's language (e.g. `en`) if it differs from the site's, so screen readers pronounce its title and description correctly,
+- optionally, `hide: true` if the talk's page should not be linked to (its page then only redirects to the home page).
 
 Example:
 
@@ -858,8 +866,9 @@ Links are used at different locations throughout the theme: They can either be u
   - pointing to a _file_ uploaded to the `/documents` folder: `file:`, or
   - pointing to an external _video_: `video:`.
 - optionally, if it is disabled (`disabled: true`),
-- optionally, if it should open in an iframe embedded in a popup-like modal (`iframe: true`), and
-- optionally, an icon to show in front of the title (`icon: ` followed by the [Bootstrap Icons](https://icons.getbootstrap.com/) icon name to show).
+- optionally, if it should open in an iframe embedded in a popup-like modal (`iframe: true`),
+- optionally, for links opening in the modal, if the content is loaded right away (`click_to_load: false`, e.g. for self-hosted videos) instead of once the visitor clicks a button, as the provider receives the visitor's IP address, and
+- optionally, an icon to show in front of the title (`icon: ` followed by the [Bootstrap Icons](https://icons.getbootstrap.com/) icon name to show, see [_Icons_](#icons)).
 
 Using the `file:` indicator, the
 
@@ -935,7 +944,7 @@ Additional static pages can easily be added as files and linked to via navigatio
 
 ## Design
 
-The design is based on [Bootstrap 5](http://getbootstrap.com) and is highly customizable. It integrates [Bootstrap Icons](https://icons.getbootstrap.com/) and [Leaflet](https://leafletjs.com/) for mapping. The theme also features automatic dark mode, adapting to user system preferences.
+The design is based on [Bootstrap 5](http://getbootstrap.com) and is highly customizable. It integrates [Bootstrap Icons](https://icons.getbootstrap.com/) (see [_Icons_](#icons)) and [Leaflet](https://leafletjs.com/) for mapping. The theme also features automatic dark mode, adapting to user system preferences.
 
 The theme offers three distinct approaches to Bootstrap integration, allowing you to choose the level of customization that suits your needs:
 
@@ -952,9 +961,8 @@ The `assets/css/` directory contains:
 
 - `conference.bundle.css`: Complete bundle containing:
   - Pre-compiled Bootstrap 5 framework
-  - Bootstrap Icons
-  - Leaflet map styles
   - Conference theme customizations
+- `map.bundle.css`: Leaflet map styles, loaded together with the map
 - `main.scss`: For user-modifiable custom styles.
 
 Including `assets/css/main.scss` in your project is optional. If included, it must begin with a [FrontMatter](https://jekyllrb.com/docs/front-matter/) header for Jekyll recognition:
@@ -980,10 +988,8 @@ conference:
 The `assets/css/` directory contains:
 
 - `bootstrap.min.css`: Your custom Bootstrap framework (user-provided).
-- `conference-only.bundle.css`: Complete bundle containing:
-  - Bootstrap Icons
-  - Leaflet map styles
-  - Conference theme customizations
+- `conference-only.bundle.css`: Conference theme customizations
+- `map.bundle.css`: Leaflet map styles, loaded together with the map
 - `main.scss`: For additional custom styles.
 
 Including `assets/css/main.scss` in your project is optional. If included, it must begin with a [FrontMatter](https://jekyllrb.com/docs/front-matter/) header for Jekyll recognition:
@@ -1035,6 +1041,22 @@ While offering the most flexibility, this setup requires several steps:
     // ...
     ```
 
+### Icons
+
+The theme shows [Bootstrap Icons](https://icons.getbootstrap.com/) as inline SVG images, rendered when the site is built: only the icons in use are part of a page, without loading an icon font. Any icon name can be used for links and tags (e.g. `icon: camera-video-off-fill`); unknown names show no icon. In your own pages and layouts, include an icon with
+
+```liquid
+{% include icon.html name="geo-alt" class="me-1" %}
+```
+
+To use the icon font in your own content or JavaScript instead (e.g. `<i class="bi bi-train-front"></i>`), add it to your `assets/css/main.scss`:
+
+```scss
+@use "bootstrap-icons/font/bootstrap-icons" with (
+  $bootstrap-icons-font-dir: "../webfonts"
+);
+```
+
 
 ## JavaScript
 
@@ -1045,13 +1067,19 @@ To add custom JavaScript, edit the `assets/js/main.js` file in your project. Thi
 **Available Global Objects:**
 
 - `window.conference`: Main conference object with the following modules:
-  - `conference.program`: Program navigation and tab management
-  - `conference.map`: Map functionality (if enabled)
-  - `conference.modal`: Modal popup handling
-  - `conference.live`: Live streaming and real-time updates
+  - `conference.program`: Program days as tabs
+  - `conference.map`: Map functionality (`getMap()` resolves once the map is loaded, or with `null` without map)
+  - `conference.modal`: Links (e.g. videos) in a modal
+  - `conference.embed`: Embedded streams on the stream overview page
+  - `conference.live`: Live indications following the program (incl. `setTime("09:30", "2026-02-20")`, `getTime()`, `pauseTime()`, `continueTime()`, `resetTime()` for testing)
+  - `conference.stream`: Live stream modal
+  - `conference.infobox`: Dismissal of information boxes and modals
+  - `conference.darkmode`: Dark mode according to the system preference
+  - `conference.pwa`: Service worker registration (if PWA is enabled)
+  - `conference.config`: Settings of the modules, e.g. `conference.config.baseurl`
   - `conference.awaitReady()`: Promise-based initialization helper
-- `window.$` / `window.jQuery`: jQuery library
-- `window.L`: Leaflet map library (if map is enabled)
+- `window.bootstrap`: Bootstrap components (Alert, Collapse, Dropdown, Modal, Tab)
+- `window.L`: Leaflet map library (once the map is loaded)
 
 **Example Usage:**
 
@@ -1065,9 +1093,6 @@ window.conference.awaitReady().then(async () => {
         L.marker([47.37785, 8.54035]).addTo(map);
     }
 
-    // Access live data
-    const liveData = window.conference.live.getData();
-
     // Custom program interactions
     // ...
 });
@@ -1093,15 +1118,23 @@ The theme's JavaScript and CSS are built using [Vite](https://vitejs.dev/). Sour
 **JavaScript** (`_js/` directory):
 ```
 _js/
-├── main.js            # Main entry point
-├── init.js            # Initialization module
+├── main.js            # Main entry point, list of modules
+├── init.js            # Reads the inline configuration, initializes the modules
 ├── core/
-│   └── conference.js  # Core conference object
+│   ├── clock.js       # Current (or test) time
+│   ├── conference.js  # Core conference object
+│   ├── consent.js     # Consent before loading embedded content
+│   └── time.js        # Timezone helpers
 └── modules/
-    ├── program.js     # Program navigation
+    ├── darkmode.js    # Colour mode following the system
+    ├── embed.js       # Embedded streams (stream overview)
+    ├── infobox.js     # Dismissal of information boxes
+    ├── live.js        # Live indications
     ├── map.js         # Map functionality
-    ├── modal.js       # Modal popups
-    └── live.js        # Live streaming
+    ├── modal.js       # Links in a modal
+    ├── program.js     # Program days as tabs
+    ├── pwa.js         # Service worker registration
+    └── stream.js      # Live stream modal
 ```
 
 **CSS/SCSS** (`_css/` directory):
@@ -1109,6 +1142,7 @@ _js/
 _css/
 ├── main.scss                 # Main entry point (with Bootstrap)
 ├── main-only.scss            # Alternative entry point (without Bootstrap)
+├── map.scss                  # Leaflet styles (loaded with the map)
 ├── bootstrap.scss            # Adapted Bootstrap Framework
 ├── bootstrap-variables.scss  # Placeholder for custom build of Bootstrap Framework
 └── theme.scss                # Conference-specific styles
@@ -1132,16 +1166,34 @@ To modify the theme's source code and rebuild:
    ```
    This compiles:
    - `_js/` → `assets/js/conference.bundle.js`
-   - `_css/` → `assets/css/conference.bundle.css` and `assets/css/conference-only.bundle.css`
+   - `_css/` → `assets/css/conference.bundle.css`, `assets/css/conference-only.bundle.css` and `assets/css/map.bundle.css`
+   This generates:
+   - `_includes/icons/`: one include per Bootstrap Icon (inline SVG)
+   - `_data/conference_assets.yml`: content hashes of the bundles (cache busting)
    This copies:
    - `_css/` + any SASS file from the different framework libraries → `_sass`
-   - Webfonts → `assets/webfonts/`
+   - Webfonts → `assets/webfonts/` (for sites using the icon font themselves)
 
 3. Test your changes locally:
    ```bash
    bundle exec jekyll serve
    ```
 
+### Tests
+
+The tests build the example site in `test/fixture/` (containing edge cases such as quotes and markup in names, overnight talks, hidden entries, live streams, PWA and a map) and run on every pull request:
+
+```bash
+npm run build                         # theme bundles
+(cd test/fixture && bundle install)   # once
+npm test                              # generated JSON, structured data, timestamps, escaping, program options, style setups
+npx playwright install chromium       # once
+npm run test:e2e                      # in a browser: modules, live stream, map, offline PWA, dark mode, info boxes
+uv run --no-project --with-requirements _tools/requirements.txt python -m unittest discover test/tools
+```
+
+Run a single test with e.g. `node --test --test-name-pattern="site.json" test/build.test.js` or `npx playwright test test/e2e/map.spec.js`. Set `SKIP_BUILD=1` to reuse the last build in browser tests.
+
 
 ## License
 

data/UPGRADE_GUIDE.md

@@ -92,6 +92,7 @@ postal_address:
 **Action:**
 - Move `conference.map` and `conference.location` from `_config.yml` to page's Front Matter.
 - If you specify an address, add it via dedicated `postal_address` attributes to page's Front Matter.
+- `CartoDB.*` map providers now require an API key, which the theme cannot pass; `OpenFireMap` was removed. Switch to another `map_provider`.
 
 > [!WARNING]
 > From version 4 onward, only pages with `layout: location` support embedded maps.
@@ -128,6 +129,23 @@ conference:
 **Action:**
 - Move `link_preview` under `meta.link_preview`.
 
+### Timezone
+
+The theme now uses Jekyll's `timezone` setting (an IANA name, daylight saving time aware) instead of `conference.tz` (a fixed offset). Without it, times depend on the machine building the site.
+
+```yaml
+# _config.yml
+timezone: Europe/Zurich  # was: conference.tz: "+01:00"
+```
+
+**Action:**
+- Replace `conference.tz` (or a top-level `tz`) with `timezone`.
+
+### Icons
+The icon font is no longer loaded: the theme renders the icons it uses as inline SVGs. Icon names in links and tags work as before.
+
+If your own content, layouts, or JavaScript use the icon font (e.g. `<i class="bi bi-train-front"></i>`), add it to `assets/css/main.scss` (see README, section _Icons_), or use `{% include icon.html name="train-front" %}`.
+
 ### Removed Settings
 
 Remove from `_config.yml` if present:
@@ -175,3 +193,25 @@ conference:
 
 ### Dark Mode
 Automatic support based on system preferences. Optionally add `img_dark` for logos.
+
+### Privacy: Map, Videos & Streams
+The map, embedded videos (links with `video:` or `iframe: true`) and live streams are only loaded once the visitor clicks a button, as their provider receives the visitor's IP address. To load self-hosted content right away, set `click_to_load: false` in the respective place:
+```yaml
+# location/index.md (Front Matter)
+map:
+  click_to_load: false
+```
+```yaml
+# _config.yml
+conference:
+  live:
+    streaming:
+      click_to_load: false
+```
+```yaml
+# _talks/example.md
+links:
+  - name: Recording
+    video: https://media.example.org/embed/example
+    click_to_load: false
+```

data/_config.yml

@@ -0,0 +1,5 @@
+# Defaults for sites using the theme; the site's _config.yml overrides them
+
+# Silence deprecation warnings from Bootstrap's Sass sources
+sass:
+  quiet_deps: true

data/_data/conference_assets.yml

@@ -0,0 +1,5 @@
+# Generated by `npm run build`: content hashes of the bundles
+css/conference-only.bundle.css: "88f0b98494"
+css/conference.bundle.css: "830ee33744"
+css/map.bundle.css: "b607a13fcd"
+js/conference.bundle.js: "dd39edfd11"

data/_data/lang.yml

@@ -1,4 +1,4 @@
-version: 10
+version: 12
 
 en:
   pronoun:
@@ -44,6 +44,11 @@ en:
     talks: Talks in this room
     focus_conf: Center map on conference location
     focus_me: Show my current location
+    map_load: Load map
+    map_privacy: "The map is loaded from an external provider, which receives your IP address:"
+  embed:
+    load: Load content
+    privacy: "This content is loaded from an external provider, which receives your IP address:"
   program:
     title: Program
     legend: Caption
@@ -102,6 +107,11 @@ de:
     talks: Vorträge in diesem Raum
     focus_conf: Karte auf den Konferenz-Ort zentrieren
     focus_me: Meinen aktuellen Standort anzeigen
+    map_load: Karte laden
+    map_privacy: "Die Karte wird von einem externen Anbieter geladen, der dabei Ihre IP-Adresse erhält:"
+  embed:
+    load: Inhalt laden
+    privacy: "Dieser Inhalt wird von einem externen Anbieter geladen, der dabei Ihre IP-Adresse erhält:"
   program:
     title: Programm
     legend: Legende
@@ -160,6 +170,11 @@ fr:
     talks: Présentations dans cette salle
     focus_conf: Centrer la carte sur le lieu de la conférence
     focus_me: Afficher ma localisation actuelle
+    map_load: Charger la carte
+    map_privacy: "La carte est chargée depuis un fournisseur externe qui reçoit alors votre adresse IP :"
+  embed:
+    load: Charger le contenu
+    privacy: "Ce contenu est chargé depuis un fournisseur externe qui reçoit alors votre adresse IP :"
   program:
     title: Programme
     legend: Légende
@@ -218,6 +233,11 @@ pt:
     talks: Apresentações nesta sala
     focus_conf: Centralizar o mapa para o local da conferência
     focus_me: Mostrar minha localização atual
+    map_load: Carregar mapa
+    map_privacy: "O mapa é carregado a partir de um fornecedor externo, que recebe o seu endereço IP:"
+  embed:
+    load: Carregar conteúdo
+    privacy: "Este conteúdo é carregado a partir de um fornecedor externo, que recebe o seu endereço IP:"
   program:
     title: Programa
     legend: Legenda

data/_includes/checks.html

@@ -1,6 +1,6 @@
 {%- assign errors = '' | split: ',' -%}
 
-{%- if site.data.lang.version != 10 -%}
+{%- if site.data.lang.version != 12 -%}
   {%- 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)." -%}
 {%- endif -%}
 {%- unless site.conference.lang == "en" or site.conference.lang == "de" or site.conference.lang == "fr" or site.conference.lang == "pt" -%}
@@ -10,7 +10,11 @@
 {%- assign missing_tracks = "" | split: "," -%}
 {%- assign talks_with_categories = 0 -%}
 {%- for talk in site.talks -%}
-  {%- assign missing_track = 1 -%}
+  {%- comment -%} The track is optional {%- endcomment -%}
+  {%- assign missing_track = 0 -%}
+  {%- if talk.track -%}
+    {%- assign missing_track = 1 -%}
+  {%- endif -%}
   {%- for track_prop in site.conference.talks.tracks -%}
     {%- if talk.track == track_prop.name -%}
       {%- assign missing_track = 0 -%}
@@ -126,3 +130,10 @@ For more details, refer to the [Talk Settings](https://github.com/DigitaleGesell
     {%- endif -%}
   {%- endfor -%}
 {%- endif -%}
+
+{%- if site.conference.tz -%}
+  {%- assign errors = errors | push: "The `conference.tz` setting is no longer supported. Use Jekyll's `timezone` setting instead, e.g. `timezone: Europe/Zurich` (see the upgrade guide)." -%}
+{%- endif -%}
+{%- if site.conference.live and site.timezone == nil -%}
+  {%- assign errors = errors | push: "Live indications require the `timezone` setting in your `_config.yml`, e.g. `timezone: Europe/Zurich`." -%}
+{%- endif -%}

data/_includes/conference_config.json

@@ -0,0 +1,74 @@
+{%- comment -%}
+  Settings and translated strings of the JavaScript modules, inlined into
+  every page (no extra request before the modules start)
+{%- endcomment -%}
+{%- assign lang = site.data.lang[site.conference.lang] -%}
+{
+    "baseurl": {{ site.baseurl | jsonify }},
+
+    {%- include get_location_config.html -%}
+    {%- if location_map %}
+    "map": {
+        "map_provider": {{ location_map.map_provider | default: 'OpenStreetMap.Mapnik' | jsonify }},
+        "home_coord": [{{ location_map.home_coord | default: '47.3744489, 8.5410422' }}],
+        "default_zoom": {{ location_map.default_zoom | default: 17 }}
+    },
+    {%- endif %}
+
+    {% if site.conference.live -%}
+    "live": {
+        "timezone": {{ site.timezone | jsonify }},
+        "days": [
+            {%- for d in site.data.program.days %}
+            {
+                {%- include get_day_hash.html %}
+                "name": {{ day_name | jsonify }},
+                "date": {{ d.date | jsonify }}
+            }{%- unless forloop.last -%},{%- endunless %}
+            {%- endfor %}
+        ]
+    },
+    {%- endif %}
+
+    {% if site.conference.live.streaming.enable -%}
+    "stream": {
+        "pause": {{ site.conference.live.streaming.pause | default: 60 }},
+        "prepend": {{ site.conference.live.streaming.prepend | default: 5 }},
+        "extend": {{ site.conference.live.streaming.extend | default: 5 }}
+    },
+    {%- endif %}
+
+    {% if site.conference.pwa -%}
+    "pwa": {
+        "enable": {{ site.conference.pwa.enable | default: false }}
+    },
+    {%- endif %}
+
+    "lang": {
+        "map": {
+            "focus_conf": {{ lang.location.focus_conf | default: "Center map on conference location" | jsonify }},
+            "focus_me": {{ lang.location.focus_me | default: "Show me where I am" | jsonify }}
+        },
+        "live": {
+            "time": {
+                "soon": {{ lang.live.time.soon | default: "soon" | jsonify }},
+                "now": {{ lang.live.time.now | default: "now" | jsonify }},
+                "in": {{ lang.live.time.in | default: "in" | append: " " | jsonify }},
+                "since": {{ lang.live.time.since | default: "since" | append: " " | jsonify }},
+                "weeks": {{ lang.live.time.weeks | default: "weeks" | jsonify }},
+                "week": {{ lang.live.time.week | default: "week" | jsonify }},
+                "days": {{ lang.live.time.days | default: "days" | jsonify }},
+                "day": {{ lang.live.time.day | default: "day" | jsonify }},
+                "hours": {{ lang.live.time.hours | default: "hours" | jsonify }},
+                "hour": {{ lang.live.time.hour | default: "hour" | jsonify }},
+                "minutes": {{ lang.live.time.minutes | default: "minutes" | jsonify }},
+                "minute": {{ lang.live.time.minute | default: "minute" | jsonify }}
+            }
+        },
+        "stream": {
+            "pre_stream": {{ lang.live.pre_stream | default: "Live stream has not started yet." | jsonify }},
+            "post_stream": {{ lang.live.post_stream | default: "Live stream has ended." | jsonify }},
+            "pause_stream": {{ lang.live.pause_stream | default: "Live stream is currently paused." | jsonify }}
+        }
+    }
+}

data/_includes/embed_consent.html

@@ -0,0 +1,21 @@
+{%- comment -%}
+  Consent box shown instead of embedded third-party content (video, stream)
+  until the visitor loads it (see _js/core/consent.js), e.g.
+  {% include embed_consent.html href=room_live_href %}. The link to the
+  provider also works without JavaScript. Omitted with click_to_load=false
+  (e.g. `conference.live.streaming.click_to_load`).
+{%- endcomment -%}
+{%- unless include.click_to_load == false -%}
+  {%- assign embed_lang = site.data.lang[site.conference.lang].embed -%}
+  {%- assign embed_host = include.href | split: "/" -%}
+  <div class="embed-consent d-flex flex-column justify-content-center align-items-center text-center p-4 bg-body-tertiary{% if include.hidden %} d-none{% endif %}" data-embed-consent>
+    <p class="mb-3">
+      {{ embed_lang.privacy | default: "This content is loaded from an external provider, which receives your IP address:" }}
+      <a href="{{ include.href | escape }}" rel="noopener" data-embed-host>{{ embed_host[2] | escape }}</a>
+    </p>
+    <button type="button" class="btn btn-primary" data-embed-load>
+      {% include icon.html name="play-fill" %}
+      {{ embed_lang.load | default: "Load content" }}
+    </button>
+  </div>
+{%- endunless -%}

data/_includes/footer.html

@@ -1,7 +1,7 @@
 
   </main>
 
-  <footer class="fixed-bottom">
+  <footer class="footer-pwa">
     {%- include navbar_pwa.html -%}
   </footer>
 
@@ -11,8 +11,10 @@
     {%- include modal_live.html -%}
   {%- endif -%}
 
-  <script type="module" src="{{ site.baseurl }}/assets/js/conference.bundle.js?t={{ site.time | date: '%s' }}" data-baseurl="{{ site.baseurl }}"></script>
-  <script type="module" src="{{ site.baseurl }}/assets/js/main.js?t={{ site.time | date: '%s' }}"></script>
+  {%- capture conference_config -%}{%- include conference_config.json -%}{%- endcapture %}
+  <script type="application/json" id="conference-config">{{ conference_config | replace: "<", "\u003c" }}</script>
+  <script type="module" src="{{ site.baseurl }}/assets/js/conference.bundle.js?v={{ asset_versions['js/conference.bundle.js'] | default: site_version }}"></script>
+  <script type="module" src="{{ site.baseurl }}/assets/js/main.js?t={{ site_version }}"></script>
 
 </body>
 </html>