kjelsrud.dev/src/components/Header.astro
SindreKjelsrud 4f1df2b856
Some checks failed
Deploy website / build-and-deploy (push) Has been cancelled
🔥 Remove lightmode
Signed-off-by: SindreKjelsrud <sindre@kjelsrud.dev>
2025-04-01 19:38:03 +02:00

27 lines
718 B
Text

---
const pathname = new URL(Astro.request.url).pathname;
const pathSegments = pathname.slice(1).split('/').filter(segment => segment !== '');
function buildHref(index) {
if (pathSegments.length === 0) return '/';
return ' /' + pathSegments.slice(0, index + 1).join('/');
}
const isLandingPage = pathSegments.length === 0;
---
<header class="flex justify-between items-center py-5">
<div>
<a class="text-l font-semibold" href="/">~</a>
{isLandingPage ? <span> / </span> : ''}
{pathSegments.map((segment, index) => (
<>
<span> / </span>
<a class="text-l font-semibold italic" href={buildHref(index)}>
{segment}
</a>
</>
))}
</div>
</header>