From daec0742ec2a83cd22a282ebaf3c87e563fbdcb7 Mon Sep 17 00:00:00 2001 From: rmsitz Date: Sun, 23 Aug 2026 20:55:36 -0400 Subject: [PATCH] Replace the header brand emoji with a play-badge logo MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Swap the 📚 emoji in the header for an inline SVG mark - a rounded square with a play triangle, echoing that this is a video-course library. Uses var(--accent)/var(--bg-secondary) rather than fixed colors so it re-colors automatically with whichever of the app's theme presets is active, same as everything else in the header. Applied consistently across all 5 templates; the small secondary footer brand mark (still plain 📚 text) is untouched - this only replaces the prominent header lockup. Co-Authored-By: Claude Sonnet 5 --- templates/course_dashboard.html | 11 +++++++---- templates/help.html | 7 +++++-- templates/lesson_view.html | 10 +++++++--- templates/notes_hub.html | 7 +++++-- templates/settings.html | 10 +++++++--- 5 files changed, 31 insertions(+), 14 deletions(-) diff --git a/templates/course_dashboard.html b/templates/course_dashboard.html index 56a2824..3aa8e2e 100644 --- a/templates/course_dashboard.html +++ b/templates/course_dashboard.html @@ -105,9 +105,9 @@ cursor: pointer; } - .brand-icon { - font-size: 2.2em; - line-height: 1; + .brand-mark { + flex-shrink: 0; + display: block; } .brand h1 { @@ -901,7 +901,10 @@
- 📚 +

OfflineU

Your self-hosted course library

diff --git a/templates/help.html b/templates/help.html index 44128aa..e7d7003 100644 --- a/templates/help.html +++ b/templates/help.html @@ -70,7 +70,7 @@ align-items: center; gap: 12px; } - .app-header .brand-icon { font-size: 1.6em; } + .app-header .brand-mark { flex-shrink: 0; display: block; } .app-header a.brand-link { color: var(--accent); text-decoration: none; @@ -138,7 +138,10 @@
- 📚 + OfflineU
diff --git a/templates/lesson_view.html b/templates/lesson_view.html index 097de99..8ebb539 100644 --- a/templates/lesson_view.html +++ b/templates/lesson_view.html @@ -79,8 +79,9 @@ align-items: center; gap: 12px; } - .app-header .brand-icon { - font-size: 1.6em; + .app-header .brand-mark { + flex-shrink: 0; + display: block; } .app-header a.brand-link { color: var(--accent); @@ -497,7 +498,10 @@
- 📚 + OfflineU
diff --git a/templates/notes_hub.html b/templates/notes_hub.html index 42eacec..a411e36 100644 --- a/templates/notes_hub.html +++ b/templates/notes_hub.html @@ -72,7 +72,7 @@ align-items: center; gap: 12px; } - .app-header .brand-icon { font-size: 1.6em; } + .app-header .brand-mark { flex-shrink: 0; display: block; } .app-header a.brand-link { color: var(--accent); text-decoration: none; @@ -217,7 +217,10 @@
- 📚 + OfflineU
diff --git a/templates/settings.html b/templates/settings.html index 655e98c..7591309 100644 --- a/templates/settings.html +++ b/templates/settings.html @@ -70,8 +70,9 @@ align-items: center; gap: 12px; } - .app-header .brand-icon { - font-size: 1.6em; + .app-header .brand-mark { + flex-shrink: 0; + display: block; } .app-header a.brand-link { color: var(--accent); @@ -321,7 +322,10 @@
- 📚 + OfflineU