From ee0aa9b32fb62bab5083d45d734a5204cd91ae29 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sat, 23 Jul 2022 23:06:28 +0200
Subject: [PATCH] =?UTF-8?q?Stopka=20z=20wersj=C4=85?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json           |  2 +-
 src/App.vue            | 24 ++++++++++++++++++++++++
 src/styles/global.scss |  9 +++++++++
 3 files changed, 34 insertions(+), 1 deletion(-)

diff --git a/package.json b/package.json
index fd6eada..b8476c0 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "genera-tor",
-  "version": "0.1.1",
+  "version": "0.2.0a",
   "private": true,
   "scripts": {
     "dev": "vite --port 8080",
diff --git a/src/App.vue b/src/App.vue
index b412d8c..bfa7798 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,9 +1,28 @@
 <template>
   <div id="app_wrapper">
     <router-view />
+
+    <footer>
+      &copy; <a href="https://td2.info.pl/profile/?u=20777">Spythere</a> {{ new Date().getUTCFullYear() }} | v.{{
+        appVersion
+      }}
+    </footer>
   </div>
 </template>
 
+<script lang="ts">
+import { defineComponent } from 'vue';
+import packageInfo from '../package.json';
+
+export default defineComponent({
+  data() {
+    return {
+      appVersion: packageInfo.version,
+    };
+  },
+});
+</script>
+
 <style lang="scss">
 @import './styles/global.scss';
 
@@ -13,6 +32,11 @@
   min-height: 100vh;
 }
 
+footer {
+  text-align: center;
+  padding: 0.5em 0;
+}
+
 @media screen and (max-width: 500px) {
   #app {
     font-size: calc(1vw + 0.5rem);
diff --git a/src/styles/global.scss b/src/styles/global.scss
index 7524689..b7220ff 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -15,6 +15,15 @@ html {
   font-weight: 500;
 }
 
+a {
+  color: white;
+  text-decoration: none;
+
+  &:hover {
+    color: $accentCol;
+  }
+}
+
 button {
   border: none;
   outline: none;