29 lines
650 B
Plaintext
29 lines
650 B
Plaintext
---
|
|
import { SITE } from "../site-config";
|
|
const currentPath = Astro.url.pathname;
|
|
const links = [
|
|
{ href: "/", label: "Home" },
|
|
{ href: "/gallery", label: "Gallery" },
|
|
{ href: "/about", label: "About" },
|
|
{ href: "/contact", label: "Contact" },
|
|
];
|
|
---
|
|
|
|
<header class="header">
|
|
<div class="container header-inner">
|
|
<div class="header-title">
|
|
<a href="/">{SITE.name}</a>
|
|
</div>
|
|
<nav class="header-nav">
|
|
{links.map(({ href, label }) => (
|
|
<a
|
|
href={href}
|
|
aria-current={currentPath === href ? "page" : undefined}
|
|
>
|
|
{label}
|
|
</a>
|
|
))}
|
|
</nav>
|
|
</div>
|
|
</header>
|