Move links to the footer

This commit is contained in:
Maciej Pędzich 2024-07-20 19:38:49 +02:00
parent 7e577f8761
commit ed258b7431
Signed by: maciejpedzich
GPG Key ID: CE4A303D84882F0D

View File

@ -1,17 +1,35 @@
---
const today = new Date();
import NavLink from './NavLink.astro';
---
<footer>
&copy; {today.getFullYear()}&nbsp;<span lang="pl">Maciej Pędzich</span>
<span>
&copy; {new Date().getFullYear()}&nbsp;<span lang="pl">Maciej Pędzich</span>
</span>
<nav class="cmr2-text" aria-label="Social media links">
<NavLink href="https://github.com/maciejpedzich">GitHub</NavLink>
<NavLink href="https://notacult.social/@macindahaus">Mastodon</NavLink>
<NavLink href="https://twitter.com/maciejpedzich">Twitter</NavLink>
</nav>
</footer>
<style>
footer {
display: flex;
justify-content: space-between;
align-items: baseline;
margin-top: 1.5rem;
padding: 1rem 0;
border-top: 1px solid #fff;
text-align: center;
text-transform: lowercase;
}
@media only screen and (max-width: 625px) {
footer {
flex-direction: column;
justify-content: center;
align-items: center;
gap: 0.75rem;
}
}
</style>