diff --git a/app/web/static/apple-touch-icon.png b/app/web/static/apple-touch-icon.png
new file mode 100644
index 0000000..a2f9ed3
Binary files /dev/null and b/app/web/static/apple-touch-icon.png differ
diff --git a/app/web/static/favicon-16.png b/app/web/static/favicon-16.png
new file mode 100644
index 0000000..070cb46
Binary files /dev/null and b/app/web/static/favicon-16.png differ
diff --git a/app/web/static/favicon-32.png b/app/web/static/favicon-32.png
new file mode 100644
index 0000000..319b58b
Binary files /dev/null and b/app/web/static/favicon-32.png differ
diff --git a/app/web/static/favicon-48.png b/app/web/static/favicon-48.png
new file mode 100644
index 0000000..877eb31
Binary files /dev/null and b/app/web/static/favicon-48.png differ
diff --git a/app/web/static/favicon.ico b/app/web/static/favicon.ico
new file mode 100644
index 0000000..bd46ab7
Binary files /dev/null and b/app/web/static/favicon.ico differ
diff --git a/app/web/static/logo.png b/app/web/static/logo.png
new file mode 100644
index 0000000..96df67b
Binary files /dev/null and b/app/web/static/logo.png differ
diff --git a/app/web/static/style.css b/app/web/static/style.css
index c391e41..3119407 100644
--- a/app/web/static/style.css
+++ b/app/web/static/style.css
@@ -51,11 +51,19 @@ a:hover {
}
.topbar .brand {
+ display: flex;
+ align-items: center;
+ gap: 0.6rem;
font-weight: 700;
font-size: 1.05rem;
color: var(--text);
}
+.brand-logo {
+ display: block;
+ border-radius: 7px;
+}
+
.topbar nav {
display: flex;
gap: 1.25rem;
diff --git a/app/web/templates/base.html b/app/web/templates/base.html
index a0f4299..cbec323 100644
--- a/app/web/templates/base.html
+++ b/app/web/templates/base.html
@@ -4,11 +4,15 @@
{% block title %}MyWhoosh Garmin Sync{% endblock %}
+
+
+
+
- MyWhoosh → Garmin Sync
+ 
MyWhoosh → Garmin Sync