<script lang="ts">
  import "../app.css";
</script>

<main>
  <div id="header">
    <div class="section" data-title="versions">
      <br />
      <a href="/v0-1-0-alpha">v0.1.0-alpha</a>
    </div>

    <div class="spacer" />

    <div class="section" data-title="software">
      <br />
      <a href="/software">implementations</a>
    </div>
  </div>
  <slot />
</main>

<style>
  a {
    margin: 3px;
  }

  #header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: baseline;
  }

  .spacer {
    width: 2em;
  }

  .section::before {
    content: attr(data-title) ":";
    color: #aaa;
  }
</style>
