merge head/nav templates into unified head.php + header.php; semantic CSS for nav

This commit is contained in:
Pontoporeia
2026-03-31 22:22:56 +02:00
parent 4ff959a72d
commit 780b1b2a13
24 changed files with 162 additions and 137 deletions

View File

@@ -21,8 +21,12 @@
/* font-family inherited from common.css body */
}
/* Admin nav (dark version of site-nav) */
.admin-nav {
/* Admin header / nav */
.admin-body header {
flex-shrink: 0;
}
.admin-body header nav {
background: linear-gradient(
to bottom,
var(--admin-purple) 0%,
@@ -32,10 +36,9 @@
display: flex;
align-items: center;
gap: 2.5rem;
flex-shrink: 0;
}
.admin-nav__logo {
.admin-body header nav > a {
font-size: 0.88rem;
letter-spacing: 0.12em;
text-transform: uppercase;
@@ -44,8 +47,7 @@
font-weight: 400;
}
/* Nav link list */
.admin-nav__list {
.admin-body header nav ul {
list-style: none;
margin: 0 0 0 auto;
padding: 0;
@@ -54,7 +56,7 @@
gap: 2.5rem;
}
.admin-nav__list a {
.admin-body header nav ul a {
font-size: 0.85rem;
letter-spacing: 0.1em;
text-transform: uppercase;
@@ -64,23 +66,23 @@
transition: opacity 0.15s;
}
.admin-nav__list a:hover,
.admin-nav__list a[aria-current="page"] {
.admin-body header nav ul a:hover,
.admin-body header nav ul a[aria-current="page"] {
opacity: 1;
color: #fff;
}
.admin-nav__list a[aria-current="page"] {
.admin-body header nav ul a[aria-current="page"] {
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
padding-bottom: 1px;
}
/* Logout link — visually subdued, last in list */
.admin-nav__logout a {
/* Logout — visually subdued */
.admin-body header nav ul [data-nav-logout] a {
opacity: 0.6;
}
.admin-nav__logout a:hover {
.admin-body header nav ul [data-nav-logout] a:hover {
opacity: 1;
}

View File

@@ -49,9 +49,13 @@ a:hover {
}
/* ============================================================
NAV BAR (shared across all public pages)
HEADER / NAV BAR (public pages)
============================================================ */
.site-nav {
header {
flex-shrink: 0;
}
header nav {
background: linear-gradient(
to bottom,
var(--purple) 0%,
@@ -61,11 +65,9 @@ a:hover {
display: flex;
align-items: center;
justify-content: space-between;
flex-shrink: 0;
/* height: 3ch; */
}
.site-nav__logo {
header nav > a {
font-family: "police1", sans-serif;
font-size: 0.95rem;
letter-spacing: 0.12em;
@@ -75,7 +77,7 @@ a:hover {
font-weight: 400;
}
.site-nav ul {
header nav ul {
display: flex;
gap: 3rem;
align-items: center;
@@ -84,7 +86,7 @@ a:hover {
padding: 0;
}
.site-nav ul a {
header nav ul a {
font-size: 0.85rem;
letter-spacing: 0.12em;
text-transform: uppercase;
@@ -94,11 +96,11 @@ a:hover {
transition: opacity 0.15s;
}
.site-nav ul a:hover {
header nav ul a:hover {
opacity: 1;
}
.site-nav ul a[aria-current="page"] {
header nav ul a[aria-current="page"] {
opacity: 1;
border-bottom: 1px solid rgba(255, 255, 255, 0.6);
padding-bottom: 1px;