diff --git a/public/css/index.css b/public/css/index.css
index a2cf8a2..40c2465 100644
--- a/public/css/index.css
+++ b/public/css/index.css
@@ -1,11 +1,11 @@
-/*#login {*/
-/*    display: block;*/
-/*}*/
+#login {
+    display: block;
+}
 
-/*#game {*/
-/*    display: none;*/
-/*}*/
+#game {
+    display: none;
+}
 
-/*#chat {*/
-/*    display: none;*/
-/*}*/
\ No newline at end of file
+#chat {
+    display: none;
+}
\ No newline at end of file
diff --git a/public/index.html b/public/index.html
index 56163c3..6154ac1 100644
--- a/public/index.html
+++ b/public/index.html
@@ -19,17 +19,17 @@
     <div class="title">Projektmanagement Game</div>
 </header>
 <main>
-<!--    <div id="login">-->
-<!--        <form>-->
-<!--            <label for="username">Anmeldename: </label>-->
-<!--            <input type="text" name="username" id="username" placeholder="Benutzername">-->
+    <div id="login">
+        <form>
+            <label for="username">Anmeldename: </label>
+            <input type="text" name="username" id="username" placeholder="Benutzername">
 
-<!--            <label for="room">Raumnummer: </label>-->
-<!--            <input type="text" name="room" id="room" placeholder="Raumnummer">-->
+            <label for="room">Raumnummer: </label>
+            <input type="text" name="room" id="room" placeholder="Raumnummer">
 
-<!--            <button id="ok" type="button">Bestätigen</button>-->
-<!--        </form>-->
-<!--    </div>-->
+            <button id="ok" type="button">Bestätigen</button>
+        </form>
+    </div>
     <div id="game">
 
     </div>
@@ -49,7 +49,9 @@
 
 </footer>
 
-<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js" integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
+<script crossorigin="anonymous"
+        integrity="sha512-q/dWJ3kcmjBLU4Qc47E4A9kTB4m3wuTY7vkFJDTZKjTs8jhyGQnaUrxa0Ytd0ssMZhbNua9hE+E7Qv1j+DyZwA=="
+        referrerpolicy="no-referrer" src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.0.1/socket.io.js"></script>
 <script src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/6.0.2/browser/pixi.js"></script>
 <script src="js/chat.js"></script>
 <script src="js/game.js"></script>
diff --git a/public/js/game.js b/public/js/game.js
index ca73848..a487676 100644
--- a/public/js/game.js
+++ b/public/js/game.js
@@ -81,23 +81,25 @@ app.stage.addChild(third_circle);
 
 // Card stacks
 let cards_1 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 3, 3, function () {
-    if(!show_card) {
+    if (!show_card) {
         console.log("1");
         generate_card("Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1);
         show_card = true;
-    }});
+    }
+});
 app.stage.addChild(cards_1);
 
 let cards_2 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 5, 3, function () {
-    if(!show_card) {
+    if (!show_card) {
         console.log("2");
         generate_card("Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1);
         show_card = true;
-    }});
+    }
+});
 app.stage.addChild(cards_2);
 
 let cards_3 = generate_card_stack(PIXI.Sprite.from('/img/card_stack.png'), 7, 3, function () {
-    if(!show_card) {
+    if (!show_card) {
         console.log("3");
         generate_card("Ein Bäcker möchte eine neue Filiale eröffnen. Wie sollte er das Budget einteilen?", "a1", "a2", "a3", "a4", 1, 1);
         show_card = true;
diff --git a/public/js/index.js b/public/js/index.js
index e817663..70c92ba 100644
--- a/public/js/index.js
+++ b/public/js/index.js
@@ -6,13 +6,13 @@ window.addEventListener('beforeunload', function (e) {
     e.preventDefault();
 });
 
-// document.getElementById('ok').addEventListener('click', function () {
-//     username = document.getElementById('username').value;
-//     room_name = document.getElementById('room').value;
-//
-//     document.getElementById('login').style.display = 'none';
-//     document.getElementById('game').style.display = 'flex';
-//     document.getElementById('chat').style.display = 'flex';
-//     start_chat();
-//     resize();
-// })
\ No newline at end of file
+document.getElementById('ok').addEventListener('click', function () {
+    username = document.getElementById('username').value;
+    room_name = document.getElementById('room').value;
+
+    document.getElementById('login').style.display = 'none';
+    document.getElementById('game').style.display = 'flex';
+    document.getElementById('chat').style.display = 'flex';
+    start_chat();
+    resize();
+})
\ No newline at end of file