feat(brand): hardhat photo + Z-AMPP name on every page (library, upload, capture, jobs, recorders, settings)
This commit is contained in:
parent
a9c16d9509
commit
57c3871cc1
7 changed files with 26 additions and 23 deletions
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue