From f7e71e7cc31c428517887244c19b3dcb171f2ced Mon Sep 17 00:00:00 2001
From: Oliver-Akins <Tyler.Akins1999@gmail.com>
Date: Tue, 8 Dec 2020 15:02:48 -0700
Subject: [PATCH] Add the first view and the attributions bar.

---
 web/src/App.vue | 35 +++++++++++++++++++++++++++++++----
 1 file changed, 31 insertions(+), 4 deletions(-)

diff --git a/web/src/App.vue b/web/src/App.vue
index 2e10dac..29963de 100644
--- a/web/src/App.vue
+++ b/web/src/App.vue
@@ -1,14 +1,41 @@
 <template>
-	<div id="app"></div>
+	<div id="app" class="maximize">
+		<CreateJoin v-if="gameState == `login`" />
+		<Attributions />
+	</div>
 </template>
 
 <script>
+import AttributionsBar from "./components/Attributions";
+import CreateJoinGame from "./views/CreateJoin";
+
 export default {
-	name: 'App',
-	components: {}
+	name: `App`,
+	components: {
+		"Attributions": AttributionsBar,
+		"CreateJoin": CreateJoinGame,
+	},
+	computed: {
+		gameState() {
+			return this.$store.state.view;
+		},
+	},
+	methods: {},
 }
 </script>
 
 <style>
+@import "css/theme.css";
+@import "css/style.css";
 
-</style>
+html, body {
+	background-color: var(--background1);
+	color: var(--light-font-colour);
+	font-family: var(--fonts);
+	overflow: hidden;
+	height: 100vh;
+	width: 100vw;
+	padding: 0;
+	margin: 0;
+}
+</style>
\ No newline at end of file