From d0f8d7d172f66f43eab24a8b4d9f7371f4659b2d Mon Sep 17 00:00:00 2001
From: Kevin Veen-Birkenbach <kevin@veen.world>
Date: Sat, 5 Jul 2025 18:54:18 +0200
Subject: [PATCH] Added logo for small screen

---
 app/static/js/fullscreen.js             |  6 ++++++
 app/templates/moduls/navigation.html.j2 | 13 +++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/app/static/js/fullscreen.js b/app/static/js/fullscreen.js
index c796fe6..1044fa0 100644
--- a/app/static/js/fullscreen.js
+++ b/app/static/js/fullscreen.js
@@ -19,6 +19,9 @@ function enterFullscreen() {
   setFullWidth(true);
   updateUrlFullscreen(true);
 
+  const logo = document.getElementById('navbar_logo');
+  if (logo) logo.classList.remove('d-none');
+
   if (typeof adjustScrollContainerHeight === 'function') adjustScrollContainerHeight();
   if (typeof updateCustomScrollbar      === 'function') updateCustomScrollbar();
 }
@@ -33,6 +36,9 @@ function exitFullscreen() {
   setFullWidth(false);
   updateUrlFullscreen(false);
 
+  const logo = document.getElementById('navbar_logo');
+  if (logo) logo.classList.add('d-none');
+
   if (typeof adjustScrollContainerHeight === 'function') adjustScrollContainerHeight();
   if (typeof updateCustomScrollbar      === 'function') updateCustomScrollbar();
   if (typeof syncIframeHeight           === 'function') syncIframeHeight();
diff --git a/app/templates/moduls/navigation.html.j2 b/app/templates/moduls/navigation.html.j2
index 257d383..f5d012a 100644
--- a/app/templates/moduls/navigation.html.j2
+++ b/app/templates/moduls/navigation.html.j2
@@ -53,6 +53,19 @@
         <span class="navbar-toggler-icon"></span>
     </button>
     <div class="collapse navbar-collapse" id="navbarNav{{menu_type}}">
+        {% if menu_type == "header" %}
+        <a class="navbar-brand d-flex align-items-center d-none" id="navbar_logo" href="/">
+            <img 
+                src="{{ platform.logo.cache }}" 
+                alt="{{ platform.titel }}" 
+                class="d-inline-block align-text-top"
+                style="height:2rem">
+            <div class="ms-2 d-flex flex-column">
+                <span class="fs-4 fw-bold mb-0">{{ platform.titel }}</span>
+                {# <small class="fs-7 text-muted">{{ platform.subtitel }}</small> #}
+            </div>
+            {% endif %}
+        </a>
         <ul class="navbar-nav {% if menu_type == 'header' %}ms-auto{% endif %} btn-group">
             {% for item in navigation[menu_type].children %}
                 {% if item.url or item.onclick %}