nico
0838ea9a47
feat(config): noopener norefer on links + fix(style): larger wrapper for editorial content + fix(structure): add assets folder in src
55 lines
1.2 KiB
Text
Executable file
55 lines
1.2 KiB
Text
Executable file
---
|
|
import { Picture } from 'astro:assets'
|
|
import SocialRel from '../components/SocialRel.astro'
|
|
import fight from '../assets/images/fight-fascism.webp'
|
|
---
|
|
|
|
<footer class='footer wrapper flow' 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>
|
|
<section class='supports'>
|
|
<a
|
|
rel='noopener noreferer'
|
|
href='https://fightfascism.glitch.me/'
|
|
class='img-link'
|
|
>
|
|
<Picture src={fight} formats={['avif', 'webp']} alt='Fight fascism' />
|
|
</a>
|
|
</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,
|
|
.supports {
|
|
display: flex;
|
|
flex-flow: row wrap;
|
|
justify-content: space-between;
|
|
gap: var(--space-s);
|
|
text-align: left;
|
|
}
|
|
</style>
|