src/partials/Footer.astro


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43

---
import { useTranslations } from "../i18n"

const t = useTranslations(Astro.currentLocale);
---

<footer>
	<p>
		Copyright &copy; 2023-{new Date().getFullYear()} Ariel Costas Guerrero. {t.footer.copyright}
	</p>

	<p>
		{t.footer.contentLicencedUnder} <a
			href={`https://creativecommons.org/licenses/by-sa/4.0/deed.${Astro.currentLocale}`}
			>CC BY-SA 4.0</a>.

		{t.footer.sourceCodeAvailableOn} <a href="https://github.com/arielcostas/costasdev">GitHub</a>
		{t.footer.andIsLicencedUnder} <a
			href="https://joinup.ec.europa.eu/collection/eupl/eupl-text-11-12"
			>{t.footer.eupl} 1.2</a>
	</p>
</footer>

<style lang="scss">
	@use "../../styles/shared.scss" as *;

	footer {
		background-color: $dark;
		color: $light;
		text-align: center;

		padding: 0.5rem 1rem;
		
		a {
			color: $accentLight;
		}

		p {
			max-width: 82ch;
			margin-inline: auto;
		}
	}
</style>