---
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 WIP 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 own 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%;
    height: 5em;
    background-color: var(--c-gray);
    text-align: center;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5em;
    padding: 2rem 0rem;
    margin-top: 7.5rem;
  }
  a {
    text-align: center;
    text-decoration: none;
    color: var(--c-darkpurple);
  }

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