@@ 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>