---
import packagejson from '../../package.json'
const version = packagejson.version
const release = `https://forgejo.neshweb.net/Firq/fgo-ta-com-website/releases/tag/${version}`
---

<div>
  <span>
    This site is a project by Firq.
    <br />
    In the future, it will be used to catalogue information around FGO TA and the
    game in general.
    <br />
    <a href="https://firq.dev" target="_blank" rel="noopener noreferrer"
      >Feel free to check out my personal site.</a
    >
    <br />
    <span class="version"
      >( Website version: <a
        href={release}
        target="_blank"
        rel="noopener noreferrer">{version}</a
      > )</span
    >
  </span>
  <slot />
</div>

<style>
  div {
    display: flex;
    width: 100%;
    max-height: auto;
    background-color: var(--c-duskgray);
    text-align: center;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5em;
    padding: 2rem 0rem;
  }
  a {
    text-align: center;
    text-decoration: none;
    color: var(--c-darkpurple);
  }

  .version {
    font-size: 0.7em;
  }
</style>