From 57c3871cc13d11a024c913ad6d958a6981c89a2b Mon Sep 17 00:00:00 2001
From: Zac Gaetano <zgaetano@wilddragon.net>
Date: Mon, 18 May 2026 09:28:49 -0400
Subject: [PATCH] feat(brand): hardhat photo + Z-AMPP name on every page
 (library, upload, capture, jobs, recorders, settings)

---
 services/web-ui/public/capture.html   |  6 ++----
 services/web-ui/public/css/common.css | 19 +++++++++++++++----
 services/web-ui/public/index.html     |  6 ++----
 services/web-ui/public/jobs.html      |  6 ++----
 services/web-ui/public/recorders.html |  2 +-
 services/web-ui/public/settings.html  |  4 ++--
 services/web-ui/public/upload.html    |  6 ++----
 7 files changed, 26 insertions(+), 23 deletions(-)

diff --git a/services/web-ui/public/capture.html b/services/web-ui/public/capture.html
index 390c30f..058682b 100644
--- a/services/web-ui/public/capture.html
+++ b/services/web-ui/public/capture.html
@@ -182,10 +182,8 @@
 <div class="shell">
   <nav class="sidebar" aria-label="Main navigation">
     <div class="sidebar-brand">
-      <div class="sidebar-brand-mark">
-        <svg viewBox="0 0 16 16" fill="currentColor" width="12" height="12"><path d="M8 1L2 5v6l6 4 6-4V5L8 1zm0 2.2L12 6v4l-4 2.7L4 10V6l4-2.8z"/></svg>
-      </div>
-      <span class="sidebar-brand-name">Wild Dragon</span>
+      <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
+      <span class="sidebar-brand-name">Z-AMPP</span>
     </div>
     <nav class="sidebar-nav">
       <a href="index.html" class="nav-item">
diff --git a/services/web-ui/public/css/common.css b/services/web-ui/public/css/common.css
index f22b3ba..3bca406 100644
--- a/services/web-ui/public/css/common.css
+++ b/services/web-ui/public/css/common.css
@@ -184,11 +184,22 @@ svg { display: block; flex-shrink: 0; }
 }
 
 .sidebar-logo {
-  width: 26px;
-  height: 26px;
+  width: 28px;
+  height: 28px;
   object-fit: contain;
-  border-radius: var(--r-sm);
-  background: #fff;
+  border-radius: 50%;
+  background: oklch(20% 0.025 250);
+  border: 1px solid oklch(35% 0.06 260);
+  padding: 2px;
+  flex-shrink: 0;
+}
+.header-logo-img {
+  width: 28px;
+  height: 28px;
+  object-fit: contain;
+  border-radius: 50%;
+  background: oklch(20% 0.025 250);
+  border: 1px solid oklch(35% 0.06 260);
   padding: 2px;
   flex-shrink: 0;
 }
diff --git a/services/web-ui/public/index.html b/services/web-ui/public/index.html
index 85698c1..2af4c1b 100644
--- a/services/web-ui/public/index.html
+++ b/services/web-ui/public/index.html
@@ -316,10 +316,8 @@
   <!-- Sidebar -->
   <nav class="sidebar" aria-label="Main navigation">
     <div class="sidebar-brand">
-      <div class="sidebar-brand-mark">
-        <svg viewBox="0 0 16 16" fill="currentColor" width="12" height="12"><path d="M8 1L2 5v6l6 4 6-4V5L8 1zm0 2.2L12 6v4l-4 2.7L4 10V6l4-2.8z"/></svg>
-      </div>
-      <span class="sidebar-brand-name">Wild Dragon</span>
+      <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
+      <span class="sidebar-brand-name">Z-AMPP</span>
     </div>
     <nav class="sidebar-nav">
       <a href="index.html" class="nav-item active">
diff --git a/services/web-ui/public/jobs.html b/services/web-ui/public/jobs.html
index 0d5c51b..0981bb7 100644
--- a/services/web-ui/public/jobs.html
+++ b/services/web-ui/public/jobs.html
@@ -361,10 +361,8 @@
   <!-- ── Sidebar ─────────────────────────────────────────── -->
   <nav class="sidebar" aria-label="Main navigation">
     <div class="sidebar-brand">
-      <div class="sidebar-brand-mark">
-        <svg viewBox="0 0 16 16" fill="currentColor" width="12" height="12"><path d="M8 1L2 5v6l6 4 6-4V5L8 1zm0 2.2L12 6v4l-4 2.7L4 10V6l4-2.8z"/></svg>
-      </div>
-      <span class="sidebar-brand-name">Wild Dragon</span>
+      <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
+      <span class="sidebar-brand-name">Z-AMPP</span>
     </div>
     <nav class="sidebar-nav">
       <a href="index.html" class="nav-item">
diff --git a/services/web-ui/public/recorders.html b/services/web-ui/public/recorders.html
index 42294a2..e154201 100644
--- a/services/web-ui/public/recorders.html
+++ b/services/web-ui/public/recorders.html
@@ -191,7 +191,7 @@
   <!-- Sidebar -->
   <nav class="sidebar" aria-label="Main navigation">
     <div class="sidebar-brand">
-      <img src="img/dragon-mark.png" alt="Z-AMPP" class="sidebar-logo">
+      <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
       <span class="sidebar-brand-name">Z-AMPP</span>
     </div>
     <nav class="sidebar-nav">
diff --git a/services/web-ui/public/settings.html b/services/web-ui/public/settings.html
index 0404467..14ce296 100644
--- a/services/web-ui/public/settings.html
+++ b/services/web-ui/public/settings.html
@@ -129,8 +129,8 @@
         <!-- Header -->
         <header class="header">
             <div class="header-logo">
-                <div class="header-logo-icon">D</div>
-                <span>WILD DRAGON</span>
+                <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="header-logo-img">
+                <span>Z-AMPP</span>
             </div>
             <nav class="header-nav">
                 <div class="nav-item" data-page="assets">Assets</div>
diff --git a/services/web-ui/public/upload.html b/services/web-ui/public/upload.html
index e06e873..e4a6f94 100644
--- a/services/web-ui/public/upload.html
+++ b/services/web-ui/public/upload.html
@@ -153,10 +153,8 @@
 <div class="shell">
   <nav class="sidebar" aria-label="Main navigation">
     <div class="sidebar-brand">
-      <div class="sidebar-brand-mark">
-        <svg viewBox="0 0 16 16" fill="currentColor" width="12" height="12"><path d="M8 1L2 5v6l6 4 6-4V5L8 1zm0 2.2L12 6v4l-4 2.7L4 10V6l4-2.8z"/></svg>
-      </div>
-      <span class="sidebar-brand-name">Wild Dragon</span>
+      <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
+      <span class="sidebar-brand-name">Z-AMPP</span>
     </div>
     <nav class="sidebar-nav">
       <a href="index.html" class="nav-item">