aboutsummaryrefslogtreecommitdiffstats
path: root/components/footer/SiteFooter.vue
blob: 2f31e4f2bfcf634cc3c25ec58f575ce4a0d70a69 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<script setup land="ts">
const config = useAppConfig();
const runtimeConfig = useRuntimeConfig();
</script>

<template>
  <footer id="footer">
    <p id="copyright-license">
      Released under the GPL-3.0 License.
    </p>
    <p id="git-commit-hash">
      <font-awesome-icon :icon="['fas', 'code-branch']" />
      <NuxtLink to="https://github.com/LMBishop/quests-web-editor/">quests-web-editor</NuxtLink>
      <span>@</span>
      <NuxtLink :to="`https://github.com/LMBishop/quests-web-editor/commit/${runtimeConfig.public.gitCommitHash}`">
        {{ runtimeConfig.public.gitCommitHashShort }}
      </NuxtLink>
      <span>
        ({{ runtimeConfig.public.gitBranch }})
      </span>
    </p>
  </footer>
</template>

<style lang="scss" scoped>
#footer {
  height: 30px;
  max-height: 30px;
  border-top: 1px solid var(--color-border-soft);
  display: flex;
  width: 100%;
  justify-content: space-between;
  font-size: 0.8rem;
  align-items: center;
  padding: 0 0.5rem;
}

#copyright-license {
  color: var(--color-text-mute);
}

#git-commit-hash {
  display: flex;
  color: var(--color-text-mute);
  align-items: center;
  gap: 0.3rem;

  a {
    text-decoration: none;
  }
}
</style>