48 lines
1.0 KiB
Plaintext
48 lines
1.0 KiB
Plaintext
---
|
|
import { t, l } from "astro-i18n";
|
|
import LanguageSwitcher from "./LangSwitcher.astro";
|
|
---
|
|
|
|
<nav role="navigation" aria-label={t("header.mainNav")}>
|
|
<ul class="main-nav" role="list">
|
|
<li>
|
|
<a href={l("/articles")} class="clean-link nice-link"
|
|
>{t("article.titre")}</a
|
|
>
|
|
<span aria-hidden="true">·</span>
|
|
</li>
|
|
<li>
|
|
<a href={l("/")} class="clean-link nice-link">{t("projet.titre")}</a>
|
|
<span aria-hidden="true">·</span>
|
|
</li>
|
|
<li>
|
|
<a href={l("/fragments")} class="clean-link nice-link"
|
|
>{t("fragments.titre")}</a
|
|
>
|
|
<span aria-hidden="true">·</span>
|
|
</li>
|
|
<li>
|
|
<a
|
|
href="mailto:contact@nardu.in"
|
|
class="clean-link nice-link"
|
|
title={t("contact.email")}>{t("contact.title")}</a
|
|
><span aria-hidden="true"> |</span>
|
|
</li>
|
|
<li>
|
|
<LanguageSwitcher />
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
|
|
<style>
|
|
.main-nav {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
gap: var(--space-2xs);
|
|
justify-content: center;
|
|
}
|
|
.main-nav a {
|
|
text-transform: capitalize;
|
|
}
|
|
</style>
|