---
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.es`}
      >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;

    vertical-align: middle;
    text-align: center;

    padding: 0.5rem 1rem;

    a {
      color: $accentLight;
    }

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