---
import SocialLinks from "./SocialLinks.astro";
const today = new Date();
---

<footer>
  <div class="social-links">
    <SocialLinks />
  </div>
  <div>
    &copy; {today.getFullYear()} Periodic. All rights reserved.
  </div>
  <script>
    window.goatcounter = {
      path: (path) => `${location.host}${path}`,
    };
  </script>
  <script
    data-goatcounter="https://goatcounter.blazestar.net/count"
    async
    src="https://goatcounter.blazestar.net/count.js"></script>
</footer>
<style>
	footer {
		padding: 2em 1em 6em 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: var(--color-gray);
	}

  @media (min-width: 1000px) {
    .social-links {
      display: none;
    }
  }
</style>
