more consistent nav structure

This commit is contained in:
2025-12-28 11:56:30 -08:00
parent 6acba69bcc
commit 59b14a842c
4 changed files with 8 additions and 3 deletions

View File

@ -25,6 +25,7 @@
<header> <header>
<nav> <nav>
<a href="/">↩ back home</a> <a href="/">↩ back home</a>
<a href="/directory">🧺 all markets</a>
</nav> </nav>
<img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme"> <img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">

View File

@ -1,6 +1,8 @@
/* top nav */ /* top nav */
nav { nav {
margin: 0 auto 1.5rem; margin: 0 auto 1.5rem;
display: flex;
justify-content: space-between;
} }
nav a { nav a {
@ -17,8 +19,8 @@ nav a {
} }
} }
nav:has(#directory-link) { #current-page {
text-align: right; visibility: hidden;
} }
header img { header img {

View File

@ -26,6 +26,7 @@
<header> <header>
<nav> <nav>
<a href="/">↩ back home</a> <a href="/">↩ back home</a>
<a id="current-page" href="/directory">🧺 all markets</a>
</nav> </nav>
<img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme"> <img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">

View File

@ -24,7 +24,8 @@
<div id="content"> <div id="content">
<header> <header>
<nav> <nav>
<a id="directory-link" href="/directory">🧺 past markets</a> <a id="current-page" href="/">↩ back home</a>
<a href="/directory">🧺 all markets</a>
</nav> </nav>
<img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme"> <img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">