From d2e1c7e14b83ccecf9e7bf8f41798a8f950ae638 Mon Sep 17 00:00:00 2001
From: Johannes Erwerle <jo@swagspace.org>
Date: Fri, 2 Oct 2026 22:20:52 +0200
Subject: [PATCH] added logo and favicon

---
 community_backup/static/webui/css/webui.css |  11 ++++++++++-
 community_backup/static/webui/logo.png      | Bin 0 -> 1625 bytes
 community_backup/webui/templates/base.html  |   3 ++-
 3 files changed, 12 insertions(+), 2 deletions(-)
 create mode 100644 community_backup/static/webui/logo.png

diff --git a/community_backup/static/webui/css/webui.css b/community_backup/static/webui/css/webui.css
index 2a63eed..40cedd4 100644
--- a/community_backup/static/webui/css/webui.css
+++ b/community_backup/static/webui/css/webui.css
@@ -1,3 +1,12 @@
 h1 {
   font-size: 2rem
-};
+}
+
+.pixelart {
+  image-rendering: crisp-edges;
+}
+
+#logo {
+  min-width: 32px;
+  min-height: 32px;
+}
diff --git a/community_backup/static/webui/logo.png b/community_backup/static/webui/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..9cd0b3417d3aadb72c4b55042b10e10dac4d5731
GIT binary patch
literal 1625
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
XHZemvjV%V500000NkvXXu0mjfBt-^b

literal 0
HcmV?d00001

diff --git a/community_backup/webui/templates/base.html b/community_backup/webui/templates/base.html
index 766acf7..4097b67 100644
--- a/community_backup/webui/templates/base.html
+++ b/community_backup/webui/templates/base.html
@@ -4,6 +4,7 @@
   <head>
         <link rel="stylesheet" href="{% static 'vendored/css/bulma.min.css' %}">
     <link rel="stylesheet" href="{% static 'webui/css/webui.css' %}">
+    <link rel="icon" href="{% static 'webui/logo.png'%}" type="image/png"/>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Community Backup</title>
@@ -34,7 +35,7 @@
   <body style="display: flex; flex-direction: column; height: 100vh">
     <nav class="navbar" role="navigation" aria-label="main navigation" >
         <div class="navbar-brand">
-            <a class="navbar-item" href="/">Community Backup</a>
+                <a class="navbar-item" href="/"><img id="logo" class="pixelart" src="{% static 'webui/logo.png' %}" alt="The logo if Community Backup, a pixelated hard disk platter and head."/> Community Backup</a>
             <a role="button" class="navbar-burger" data-target="navMenu" aria-label="menu" aria-expanded="false">
                 <span aria-hidden="true"></span>
                 <span aria-hidden="true"></span>