From 07b586924de8878cd861c56508d43029462341d7 Mon Sep 17 00:00:00 2001
From: Christian Mueller <christian@cynfo.com>
Date: Fri, 24 Apr 2026 14:21:45 +0200
Subject: [PATCH] ui: replace text header with logo.svg, add copyright footer

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 static/logo.svg      | 57 ++++++++++++++++++++++++++++++++++++++++++++
 templates/base.html  |  8 ++++---
 templates/login.html |  5 ++--
 3 files changed, 64 insertions(+), 6 deletions(-)
 create mode 100644 static/logo.svg

diff --git a/static/logo.svg b/static/logo.svg
new file mode 100644
index 0000000..3cb689c
--- /dev/null
+++ b/static/logo.svg
@@ -0,0 +1,57 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 27.8.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="logo" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="299.5px" height="51.6px"
+	 viewBox="0 0 299.5 51.6" style="enable-background:new 0 0 299.5 51.6;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#FFCC00;}
+	.st1{fill:#1FA138;}
+	.st2{fill:#C5CF10;}
+	.st3{fill:#EF7D00;}
+	.st4{fill:#1D1D1B;}
+</style>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  bottomLeftOrigin="true" height="51.6" width="299.5" x="0" y="0"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<polygon class="st0" points="0,27.9 0,51.3 23.4,51.3 23.4,43.8 7.5,43.8 7.5,27.9 "/>
+<polygon class="st1" points="0,0 0,23.4 7.5,23.4 7.5,7.5 23.4,7.5 23.4,0 "/>
+<polygon class="st2" points="28.5,0 28.5,7.5 44.4,7.5 44.4,23.4 51.9,23.4 51.9,0 "/>
+<polygon class="st3" points="48.1,40.7 35.7,28.4 30.3,33.8 48.1,51.6 65.8,33.8 60.4,28.4 "/>
+<path class="st4" d="M291.2,37.6c2.5,0,4.3,1.6,4.6,4h-9.3C286.9,39.2,288.7,37.6,291.2,37.6 M299.5,43c0-5.1-3.5-8.4-8.3-8.4
+	s-8.4,3.5-8.4,8.4s3.5,8.4,9,8.4c2.8,0,5.1-0.9,6.6-2.7l-2.1-2.4c-1.2,1.2-2.6,1.8-4.4,1.8c-2.8,0-4.8-1.5-5.3-3.9h12.8
+	C299.5,43.8,299.5,43.3,299.5,43 M280.5,47.5c-0.6,0.5-1.3,0.7-2.1,0.7c-1.5,0-2.3-0.9-2.3-2.5v-7.8h4.4v-3.1h-4.4v-3.7h-3.8v3.7
+	h-2.7v3.1h2.7v7.9c0,3.6,2.1,5.5,5.6,5.5c1.4,0,2.8-0.4,3.7-1.1L280.5,47.5L280.5,47.5z M267.9,47.5c-0.6,0.5-1.3,0.7-2.1,0.7
+	c-1.5,0-2.3-0.9-2.3-2.5v-7.8h4.4v-3.1h-4.4v-3.7h-3.8v3.7H257v3.1h2.7v7.9c0,3.6,2.1,5.5,5.6,5.5c1.4,0,2.8-0.4,3.7-1.1L267.9,47.5
+	L267.9,47.5z M246.4,48.5c-2,0-3.1-0.9-3.1-2.3c0-1.2,0.7-2.2,3.3-2.2h3.9V46C249.9,47.7,248.2,48.5,246.4,48.5 M246.9,34.6
+	c-2.6,0-5.2,0.7-6.9,2l1.5,2.8c1.2-1,3.1-1.6,5-1.6c2.7,0,4.1,1.3,4.1,3.5v0.2h-4.2c-5,0-6.8,2.1-6.8,4.9s2.4,4.9,6.1,4.9
+	c2.5,0,4.2-0.8,5.1-2.2v2h3.6v-9.6C254.3,36.8,251.6,34.6,246.9,34.6 M250.2,32.2c1,0,1.8-0.8,1.8-1.8s-0.8-1.9-1.8-1.9
+	s-1.8,0.8-1.8,1.9S249.1,32.2,250.2,32.2 M244.3,32.2c1,0,1.8-0.8,1.8-1.8s-0.8-1.9-1.8-1.9s-1.8,0.8-1.8,1.9S243.2,32.2,244.3,32.2
+	 M236.5,47.5c-0.6,0.5-1.3,0.7-2.1,0.7c-1.5,0-2.3-0.9-2.3-2.5v-7.8h4.4v-3.1H232v-3.7h-3.8v3.7h-2.7v3.1h2.7v7.9
+	c0,3.6,2.1,5.5,5.6,5.5c1.4,0,2.8-0.4,3.7-1.1L236.5,47.5L236.5,47.5z M217,51.3c4.6,0,7.4-2,7.4-5c0-6.4-10.1-3.5-10.1-6.8
+	c0-1.1,1.1-1.8,3.4-1.8c1.6,0,3.1,0.3,4.7,1.2l1.5-2.9c-1.5-0.9-3.9-1.4-6.1-1.4c-4.4,0-7.2,2-7.2,5.1c0,6.5,10.1,3.6,10.1,6.7
+	c0,1.1-1,1.8-3.4,1.8c-2.1,0-4.3-0.7-5.7-1.6l-1.5,2.9C211.6,50.5,214.3,51.3,217,51.3 M200.4,34.6c-2.6,0-4.8,1-6.1,2.7
+	c-1.1-1.8-3.1-2.7-5.5-2.7c-2.2,0-4.1,0.8-5.4,2.3v-2.1h-3.6v16.3h3.8v-8.3c0-3.2,1.7-4.9,4.3-4.9c2.3,0,3.7,1.4,3.7,4.3v8.9h3.8
+	v-8.3c0-3.2,1.7-4.9,4.3-4.9c2.3,0,3.7,1.4,3.7,4.3v8.9h3.8v-9.4C207.1,36.8,204.4,34.6,200.4,34.6 M171,51.1h3.8V34.8H171V51.1z
+	 M172.9,32.1c1.4,0,2.5-1,2.5-2.4c0-1.3-1-2.2-2.5-2.2s-2.5,1-2.5,2.3S171.5,32.1,172.9,32.1 M159.1,37.6c2.5,0,4.3,1.6,4.6,4h-9.3
+	C154.8,39.2,156.6,37.6,159.1,37.6 M167.3,43c0-5.1-3.5-8.4-8.3-8.4s-8.4,3.5-8.4,8.4s3.5,8.4,9,8.4c2.8,0,5.1-0.9,6.6-2.7l-2.1-2.4
+	c-1.2,1.2-2.6,1.8-4.4,1.8c-2.8,0-4.8-1.5-5.3-3.9h12.8C167.3,43.8,167.3,43.3,167.3,43 M140.2,34.6c-2.3,0-4.2,0.7-5.4,2.1v-8.3
+	h-3.8v22.7h3.8v-8.3c0-3.3,1.8-4.9,4.6-4.9c2.5,0,3.9,1.4,3.9,4.3v8.9h3.8v-9.4C147,36.8,144.1,34.6,140.2,34.6 M120.8,51.3
+	c4.6,0,7.4-2,7.4-5c0-6.4-10.1-3.5-10.1-6.8c0-1.1,1.1-1.8,3.4-1.8c1.6,0,3.1,0.3,4.7,1.2l1.5-2.9c-1.5-0.9-3.9-1.4-6.1-1.4
+	c-4.4,0-7.2,2-7.2,5.1c0,6.5,10.1,3.6,10.1,6.7c0,1.1-1,1.8-3.4,1.8c-2.1,0-4.3-0.7-5.7-1.6l-1.5,2.9
+	C115.3,50.5,118.1,51.3,120.8,51.3 M108.6,51.1h4.6l-7.5-9.5l6.8-6.9H108l-7.9,7.3V28.4h-3.8v22.7h3.8v-4.3l2.8-2.7L108.6,51.1
+	L108.6,51.1z M87.4,51.1h3.8V28.4h-3.8V51.1z M75.1,48c-2.8,0-4.8-2-4.8-5.1c0-3.1,2.1-5.1,4.8-5.1c2.8,0,4.9,2,4.9,5.1
+	C79.9,46.1,77.9,48,75.1,48 M75.1,51.3c5.1,0,8.7-3.5,8.7-8.4s-3.6-8.4-8.7-8.4c-5.1,0-8.7,3.5-8.7,8.4S70.1,51.3,75.1,51.3"/>
+</svg>
diff --git a/templates/base.html b/templates/base.html
index a5b6bfb..69f9813 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -12,9 +12,8 @@
 <body>
     <div class="d-flex">
         <nav class="sidebar bg-dark text-white d-flex flex-column">
-            <div class="p-3 border-bottom border-secondary">
-                <h5 class="mb-0"><i class="bi bi-lightbulb-fill text-warning"></i> Busylight</h5>
-                <small class="text-secondary">cynfo GmbH</small>
+            <div class="p-3 border-bottom border-secondary text-center">
+                <a href="/"><img src="/static/logo.svg" alt="cynfo" style="height: 32px; filter: brightness(0) invert(1);"></a>
             </div>
             <ul class="nav flex-column mt-2 flex-grow-1">
                 <li class="nav-item">
@@ -73,6 +72,9 @@
                         <a href="/login" class="text-light small"><i class="bi bi-box-arrow-in-right"></i> Anmelden</a>
                     {% endif %}
                 </div>
+                <div class="mt-2">
+                    <small class="text-secondary" style="font-size:0.65rem">&copy; cynfo GmbH</small>
+                </div>
             </div>
         </nav>
 
diff --git a/templates/login.html b/templates/login.html
index 5a4f6eb..06cfbee 100644
--- a/templates/login.html
+++ b/templates/login.html
@@ -14,9 +14,8 @@
                 <div class="card shadow-sm">
                     <div class="card-body p-4">
                         <div class="text-center mb-4">
-                            <i class="bi bi-lightbulb-fill text-warning display-4"></i>
-                            <h4 class="mt-2">Busylight</h4>
-                            <small class="text-muted">cynfo GmbH</small>
+                            <img src="/static/logo.svg" alt="cynfo" style="height: 40px;" class="mb-2">
+                            <h5>Busylight</h5>
                         </div>
 
                         {% if error %}