From 93fce8223b902daf3f6142d0ae3f7032b69cc267 Mon Sep 17 00:00:00 2001
From: Marius Riedl <marius.riedl99@gmail.com>
Date: Tue, 2 Nov 2021 15:18:11 +0100
Subject: [PATCH] Add basic welcome message to index

---
 src/views/Home.vue | 24 ++++++++++++++++++++++--
 1 file changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/views/Home.vue b/src/views/Home.vue
index 1bdf4f2..51fd8b7 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="home"></div>
+  <div class="home">
+    <div class="introduction">{{ msg }}</div>
+  </div>
 </template>
 
 <script lang="ts">
@@ -8,5 +10,23 @@ import { Component, Vue } from "vue-property-decorator";
 @Component({
   components: {},
 })
-export default class Home extends Vue {}
+export default class Home extends Vue {
+  msg = "Welcome to 10-Man\nPlease sign in/sign up via Steam";
+}
 </script>
+
+<style lang="scss" scoped>
+.home {
+  display: flex;
+  flex-direction: column;
+  flex-grow: 1;
+
+  .introduction {
+    color: #fff;
+    width: fit-content;
+    position: relative;
+    top: 10em;
+    left: 10em;
+  }
+}
+</style>
-- 
2.44.0