<template>
  <div class="footer bg-secondary text-center pt-4 pb-4">
    <div class="icons pb-4">
      <a aria-label="Git Link" class="gitea text-white" href="https://git.harting.dev/CSGOWTF" target="_blank">
        <i class="fa fa-gitea fa-2x" aria-hidden="true"></i>
      </a>
    </div>
    <div class="text">
      <p>This site is an open source project, originally created and maintained by the <span class="text-warning">CSGOWTF</span>
        team.</p>
      <p class="text-muted">For feedback open an <a class="text-decoration-none text-warning"
                                                    href="https://git.harting.dev/CSGOWTF/csgowtf/issues"
                                                    target="_blank">issue</a>.</p>
      <p class="text-muted mb-0">Build-Version: <span class="text-white">{{ version }}</span></p>
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer",
  setup() {
    const version = process.env.VUE_APP_VERSION
    return {version}
  }
}
</script>

<style lang="scss" scoped>
.footer {
  height: 200px;

  .fa:hover {
    color: #609926;
  }
  p {
    font-size: .85rem;
  }
}
</style>
