diff options
| author | Valentin Popov <valentin@popov.link> | 2024-09-13 03:06:02 +0300 |
|---|---|---|
| committer | Valentin Popov <valentin@popov.link> | 2024-09-13 03:06:02 +0300 |
| commit | d4a6772ec51ef955fc6cacd3ad6830c0d87657b1 (patch) | |
| tree | da453e372425315836850f150f1e0066612e88f5 /src/components | |
| parent | b8fd1868010e74639a7755e9ec93061b712d55fb (diff) | |
| download | popov.link-d4a6772ec51ef955fc6cacd3ad6830c0d87657b1.tar.xz popov.link-d4a6772ec51ef955fc6cacd3ad6830c0d87657b1.zip | |
Refactor Footer component and add Analytics and Footer components to BaseLayout
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/Footer.astro | 49 |
1 files changed, 49 insertions, 0 deletions
diff --git a/src/components/Footer.astro b/src/components/Footer.astro new file mode 100644 index 0000000..1219a35 --- /dev/null +++ b/src/components/Footer.astro @@ -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>© {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> |