Customize with our logos

inventories/chaosknoten/host_vars/jitsi.yaml

@@ -11,3 +11,23 @@ jitsi__whiteboard: true
 jitsi__turn: true
 jitsi__prometheus_exporter: true
 # jitsi__jicofo_auth_password, jitsi__jvb_auth_password and jitsi__turn_secret are defined in jitsi.sops.yaml.
+
+# Branding
+jitsi__env:
+  DYNAMIC_BRANDING_URL: https://jitsi.hamburg.ccc.de/static/ccchh-branding.json
+jitsi__custom_interface_config_js: |
+  // Replace the footer with app store links with our own in welcomePageAdditionalContent.html.
+  interfaceConfig.DISPLAY_WELCOME_FOOTER = false;
+  interfaceConfig.DISPLAY_WELCOME_PAGE_CONTENT = true;
+  interfaceConfig.JITSI_WATERMARK_LINK = 'https://hamburg.ccc.de/';
+jitsi__web_files:
+  - path: images/watermark.svg
+    content: "{{ lookup('ansible.builtin.file', 'resources/chaosknoten/jitsi/web/ccchh-logo.svg') }}"
+  - path: images/favicon.svg
+    content: "{{ lookup('ansible.builtin.file', 'resources/chaosknoten/jitsi/web/round-logo.svg') }}"
+  - path: images/ccchh-background.svg
+    content: "{{ lookup('ansible.builtin.file', 'resources/chaosknoten/jitsi/web/background.svg') }}"
+  - path: static/ccchh-branding.json
+    content: "{{ lookup('ansible.builtin.file', 'resources/chaosknoten/jitsi/web/branding.json') }}"
+  - path: static/welcomePageAdditionalContent.html
+    content: "{{ lookup('ansible.builtin.file', 'resources/chaosknoten/jitsi/web/welcomePageAdditionalContent.html') }}"

resources/chaosknoten/jitsi/web/branding.json

@@ -0,0 +1,5 @@
+{
+    "logoImageUrl": "https://jitsi.hamburg.ccc.de/images/watermark.svg",
+    "logoClickUrl": "https://hamburg.ccc.de/",
+    "backgroundImageUrl": "https://jitsi.hamburg.ccc.de/images/ccchh-background.svg"
+}

resources/chaosknoten/jitsi/web/welcomePageAdditionalContent.html

@@ -0,0 +1,13 @@
+<template id = "welcome-page-additional-content-template">
+    <footer class = "welcome-footer">
+        <div class = "welcome-footer-centered">
+            <div class = "welcome-footer-padded">
+                <div class = "welcome-footer-row-block welcome-footer--row-1" style = "flex-wrap: wrap; gap: 16px;">
+                    <a href = "https://wiki.hamburg.ccc.de/infrastructure:services:jitsi" style = "color: #fff;">Technical Information for CCCHH Jitsi</a>
+                    <a href = "https://hamburg.ccc.de/imprint/" style = "color: #fff;">Imprint and Contact</a>
+                    <a href = "https://hamburg.ccc.de/privacy-notice/" style = "color: #fff;">Privacy Policy</a>
+                </div>
+            </div>
+        </div>
+    </footer>
+</template>