valentineus/popov.link
0
Fork 0
mirror of https://github.com/valentineus/popov.link.git synced 2025-07-04 08:30:27 +03:00
Code Issues Releases Activity

Refactor Footer component and add Analytics and Footer components to BaseLayout

Browse Source
This commit is contained in:
Valentin Popov
2024-09-13 00:06:02 +00:00
parent b8fd186801
commit d4a6772ec5
3 changed files with 52 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
src/components/Footer.astro Normal file
View File

@ -0,0 +1,49 @@
---
import dayjs from "dayjs";
---
<style lang="scss">
@import "../scss/_variables.scss";
footer {
bottom: 0;
display: flex;
font-size: $fontSizeBase * 0.85;
height: 4em;
justify-content: space-between;
left: 0;
padding: 1em 4em;
position: absolute;
right: 0;
}
@media (width <=684px) {
footer {
padding: 4em 1em 2em;
}
}
ul {
display: flex;
justify-content: space-between;
list-style: none;
}
li {
margin-left: 2em;
}
a {
color: $colorText;
&:visited {
color: $colorText;
}
}
</style>
<footer>
<div>&copy; {dayjs().year()} <a href="mailto:valentin@popov.link">Valentin Popov</a></div>
<ul>
<li><a href="https://analytics.popov.link" target="_blank">Analytics</a></li>
<li><a href="https://code.popov.link/valentineus/valentineus.github.io" target="_blank">Source Code</a></li>
</ul>
</footer>