---
import { l, t } from "astro-i18n";
---

<footer class="footer" role="contentinfo">
	<section class="flow">
		<p>Nicolas Arduin</p>
		<p>{t("tagline")}</p>
		<ul class="flow" role="list">
			<li>
				<a href="mailto:contact@nardu.in" title={t("contact.email")}
					>contact@nardu.in</a
				>
			</li>
			<li>
				<a href="tel:+33749464239" title={t("contact.tel")}>+337 49 46 42 39</a>
			</li>
			<li><a href={l("/veille")}>{t("veille.titre")}</a></li>
			<li><a href={l("/plan-du-site")}>{t("sitemap")}</a></li>
			<li><a href="rss.xml">RSS</a></li>
		</ul>
	</section>
</footer>

<style>
	.footer {
		--flow-space: var(--space-xs-s);
		inline-size: 100%;
		margin: 0 auto;
		margin-block-start: var(--space-m-l);
		padding: var(--space-s-m);
		text-align: center;
		border-top: solid 2px var(--color-dark-blue);
	}

	.footer a {
		font-weight: 500;
		color: var(--color-blue);
	}
</style>