- Game board

- cards
- landing page

public/index.html

@@ -19,7 +19,20 @@
     <div class="title">Projektmanagement Game</div>
 </header>
 <main>
-    <div id="game"></div>
+    <div id="login">
+        <form>
+            <label for="username">Benutzername: </label>
+            <input id="username" name="username" placeholder="Benutzername" type="text">
+
+            <label for="room">Raumnummer: </label>
+            <input id="room" name="room" placeholder="Raumnummer" type="text">
+
+            <button id="ok" type="button">Bestätigen</button>
+        </form>
+    </div>
+    <div id="game">
+
+    </div>
     <div id="chat">
         <div id="messages_received"></div>
 
@@ -36,8 +49,13 @@
 
 </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 src="https://cdnjs.cloudflare.com/ajax/libs/pixi.js/5.1.3/pixi.min.js"></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/Card.js"></script>
+<script src="js/Button.js"></script>
+<script src="js/Sprite.js"></script>
 <script src="js/chat.js"></script>
 <script src="js/game.js"></script>
 <script src="js/index.js"></script>