---
import SocialRel from '../components/SocialRel.astro'
---

<footer class='footer wrapper' role='contentinfo'>
	<section class='info'>
		<div>
			<p class='h4'>Nicolas Arduin</p>
			<p>Développeur web spécialisé en accessibilité.</p>
		</div>
		<ul class='flow' role='list'>
			<li><a href='/veille'>Veille</a></li>
			<li><a href='/plan-du-site'>Plan du site</a></li>
			<li><a href='/rss.xml'>RSS</a></li>
		</ul>
		<SocialRel />
	</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);
	}

	.info {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		gap: var(--space-s);
		text-align: left;
	}
</style>