more consistent nav structure
This commit is contained in:
@ -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">
|
||||||
|
|||||||
@ -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 {
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user