Added Game Page, currently with a chat

Redirects to the game page after login, keeping the connection intact

3 files changed, 43 insertions, 0 deletions

diff --git a/WebInterface/NodeJSServer/src/style/partials/_game.scss b/WebInterface/NodeJSServer/src/style/partials/_game.scss
new file mode 100644
index 0000000..74b566b
--- /dev/null
+++ b/WebInterface/NodeJSServer/src/style/partials/_game.scss
@@ -0,0 +1,13 @@
+@import './colors';
+
+.game-window {
+  width: calc(100% - 2rem);
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background-color: $secondary-light;
+  margin: 1rem;
+  margin-bottom: 2rem;
+  border-style: none;
+  border-radius: 8px;
+}
diff --git a/WebInterface/NodeJSServer/src/style/partials/game/_chat.scss b/WebInterface/NodeJSServer/src/style/partials/game/_chat.scss
new file mode 100644
index 0000000..89b63b3
--- /dev/null
+++ b/WebInterface/NodeJSServer/src/style/partials/game/_chat.scss
@@ -0,0 +1,28 @@
+@import '../colors';
+@import '../btn';
+
+.chat {
+  flex-grow: 1;
+  display: flex;
+  flex-direction: column;
+
+  .messages {
+    flex-grow: 1;
+    background-color: white;
+    margin: 0.5rem;
+  }
+
+  .input-message {
+    display: flex;
+    margin: 0.5rem;
+
+    input {
+      font-size: 2rem;
+      flex-grow: 1;
+    }
+
+    .btn {
+      margin-left: 1rem;
+    }
+  }
+}
diff --git a/WebInterface/NodeJSServer/src/style/play.scss b/WebInterface/NodeJSServer/src/style/play.scss
index bfeec6d..7286f74 100644
--- a/WebInterface/NodeJSServer/src/style/play.scss
+++ b/WebInterface/NodeJSServer/src/style/play.scss
@@ -7,6 +7,8 @@
 @import 'partials/front-layer/copyright';
 @import 'partials/modal/base';
 @import 'partials/modal/login';
+@import 'partials/game';
+@import 'partials/game/chat';
 
 remove_if_redirected {
   width: 100vw;