WildDragonLLC/dragonflight
1
0
Fork 0
Code Issues 18 Pull requests 3 Projects Releases Packages Wiki Activity Actions

feat(brand): hardhat photo + Z-AMPP name on every page (library, upload, capture, jobs, recorders, settings)

Browse source
This commit is contained in:
Zac Gaetano 2026-05-18 09:28:49 -04:00
parent a9c16d9509
commit 57c3871cc1
7 changed files with 26 additions and 23 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
services/web-ui/public/capture.html
View file

@ -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">

19
services/web-ui/public/css/common.css
View file

@ -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;
}

6
services/web-ui/public/index.html
View file

@ -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">

6
services/web-ui/public/jobs.html
View file

@ -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">

2
services/web-ui/public/recorders.html
View file

@ -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">

4
services/web-ui/public/settings.html
View file

@ -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>

6
services/web-ui/public/upload.html
View file

@ -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">