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

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

View file

@ -182,10 +182,8 @@
<div class="shell"> <div class="shell">
<nav class="sidebar" aria-label="Main navigation"> <nav class="sidebar" aria-label="Main navigation">
<div class="sidebar-brand"> <div class="sidebar-brand">
<div class="sidebar-brand-mark"> <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
<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> <span class="sidebar-brand-name">Z-AMPP</span>
</div>
<span class="sidebar-brand-name">Wild Dragon</span>
</div> </div>
<nav class="sidebar-nav"> <nav class="sidebar-nav">
<a href="index.html" class="nav-item"> <a href="index.html" class="nav-item">

View file

@ -184,11 +184,22 @@ svg { display: block; flex-shrink: 0; }
} }
.sidebar-logo { .sidebar-logo {
width: 26px; width: 28px;
height: 26px; height: 28px;
object-fit: contain; object-fit: contain;
border-radius: var(--r-sm); border-radius: 50%;
background: #fff; 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; padding: 2px;
flex-shrink: 0; flex-shrink: 0;
} }

View file

@ -316,10 +316,8 @@
<!-- Sidebar --> <!-- Sidebar -->
<nav class="sidebar" aria-label="Main navigation"> <nav class="sidebar" aria-label="Main navigation">
<div class="sidebar-brand"> <div class="sidebar-brand">
<div class="sidebar-brand-mark"> <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
<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> <span class="sidebar-brand-name">Z-AMPP</span>
</div>
<span class="sidebar-brand-name">Wild Dragon</span>
</div> </div>
<nav class="sidebar-nav"> <nav class="sidebar-nav">
<a href="index.html" class="nav-item active"> <a href="index.html" class="nav-item active">

View file

@ -361,10 +361,8 @@
<!-- ── Sidebar ─────────────────────────────────────────── --> <!-- ── Sidebar ─────────────────────────────────────────── -->
<nav class="sidebar" aria-label="Main navigation"> <nav class="sidebar" aria-label="Main navigation">
<div class="sidebar-brand"> <div class="sidebar-brand">
<div class="sidebar-brand-mark"> <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
<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> <span class="sidebar-brand-name">Z-AMPP</span>
</div>
<span class="sidebar-brand-name">Wild Dragon</span>
</div> </div>
<nav class="sidebar-nav"> <nav class="sidebar-nav">
<a href="index.html" class="nav-item"> <a href="index.html" class="nav-item">

View file

@ -191,7 +191,7 @@
<!-- Sidebar --> <!-- Sidebar -->
<nav class="sidebar" aria-label="Main navigation"> <nav class="sidebar" aria-label="Main navigation">
<div class="sidebar-brand"> <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> <span class="sidebar-brand-name">Z-AMPP</span>
</div> </div>
<nav class="sidebar-nav"> <nav class="sidebar-nav">

View file

@ -129,8 +129,8 @@
<!-- Header --> <!-- Header -->
<header class="header"> <header class="header">
<div class="header-logo"> <div class="header-logo">
<div class="header-logo-icon">D</div> <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="header-logo-img">
<span>WILD DRAGON</span> <span>Z-AMPP</span>
</div> </div>
<nav class="header-nav"> <nav class="header-nav">
<div class="nav-item" data-page="assets">Assets</div> <div class="nav-item" data-page="assets">Assets</div>

View file

@ -153,10 +153,8 @@
<div class="shell"> <div class="shell">
<nav class="sidebar" aria-label="Main navigation"> <nav class="sidebar" aria-label="Main navigation">
<div class="sidebar-brand"> <div class="sidebar-brand">
<div class="sidebar-brand-mark"> <img src="img/ampp-safe.png?v=hardhat" alt="Z-AMPP" class="sidebar-logo">
<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> <span class="sidebar-brand-name">Z-AMPP</span>
</div>
<span class="sidebar-brand-name">Wild Dragon</span>
</div> </div>
<nav class="sidebar-nav"> <nav class="sidebar-nav">
<a href="index.html" class="nav-item"> <a href="index.html" class="nav-item">