---
import { footerLinks as links } from '../constants/links'
const year = new Date().getFullYear()
---

<footer>
  <p>
    {
      links.map((linkObj) => (
        <span class="link-item">
          <a href={linkObj.url}>{linkObj.text}</a>
        </span>
      ))
    }
  </p>
  <p>
    &#169; 2022-{year}
    <a href="/">Ayo Ayco</a>. This website <a
      href="https://ayos.blog/stopped-tracking-on-my-sites"
      >does not track users</a
    >. See the <a href="https://sr.ht/~ayoayco/personal-site">source code</a>.
  </p>
</footer>

<style>
  footer {
    margin-top: 2em;
    /* grid-template-columns: auto auto;
    display: grid;
    gap: 1rem; */
    padding: 0;

    .link-item:not(:last-child)::after {
      content: ' • ';
    }

    p {
      margin: 0 0 1em;
      font-size: var(--font-size-sm);
      line-height: 2em;
    }
  }
</style>
