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
44
45
46
47

---
import t from "../i18n/es.json";
---

<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/variables" 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>