---
/**
 * The footer on prerendered pages.
 *
 * main.ts builds its own on the app page, where it can also name the API and
 * arena builds it just talked to. Nothing here talks to the API, so this one
 * names the site's build and stops.
 */
import { PROJECT_LINKS } from "../project-links";
import {
  DISCLAIMER_AFTER,
  DISCLAIMER_BEFORE,
  DISCLAIMER_LINK_HREF,
  DISCLAIMER_LINK_TEXT,
} from "../site-disclaimer";

const version = import.meta.env.DEV
  ? "dev"
  : (import.meta.env.VITE_BUILD_REF ?? "unstamped");
---

<footer>
  {
    /* The same stamp chrome.ts puts on the app's footer, written out because
      this footer is Astro's and that one is the app's. Hidden from a screen
      reader: the masthead above it has already said the word. */
  }
  <span class="stamp stamp-foot" aria-hidden="true">Alpha</span>
  {
    /* The disclaimer, off site-disclaimer.ts so chrome.ts's copy on the app
      page cannot drift from this one — the address behind "our credits page"
      least of all. */
  }
  <p class="footer-disclaimer">
    {DISCLAIMER_BEFORE}<a href={DISCLAIMER_LINK_HREF}>{DISCLAIMER_LINK_TEXT}</a
    >{DISCLAIMER_AFTER}
  </p>
  {
    /* The account and the repositories. chrome.ts renders the same row from
      the same list on the app's own footer. */
  }
  <p class="footer-links">
    {PROJECT_LINKS.map((link) => <a href={link.href}>{link.label}</a>)}
  </p>
  <p class="debug">site {version}</p>
</footer>