Spaces:

broadfield-dev
/

dungeon_game

Sleeping

broadfield-dev commited on Feb 21

Commit

d0e1c37

verified ·

1 Parent(s): 4881404

Update templates/index.html

Files changed (1) hide show

templates/index.html CHANGED Viewed

@@ -3,18 +3,21 @@
 <head>
     <meta charset="UTF-8">
     <title>Dungeon Game</title>
-    <link rel="stylesheet" href="/static/styles.css"> <!-- Optional, add later -->
     <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.1/socket.io.js"></script>
 </head>
 <body>
-    <canvas id="gameCanvas" width="320" height="320"></canvas>
-    <div id="stats">
-        <p>Health: <span id="health">10</span></p>
-        <p>Attack: <span id="attack">2</span></p>
-        <p>Inventory: <span id="inventory"></span></p>
-        <button id="usePotion" disabled>Use Health Potion</button>
     </div>
-    <div id="messages"></div>
     <script src="/static/scripts.js"></script>
 </body>
 </html>

 <head>
     <meta charset="UTF-8">
     <title>Dungeon Game</title>
+    <link rel="stylesheet" href="/static/styles.css">
     <script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.1/socket.io.js"></script>
 </head>
 <body>
+    <div id="gameContainer">
+        <canvas id="gameCanvas" width="320" height="320"></canvas>
+        <div id="stats">
+            <p>Health: <span id="health">10</span></p>
+            <p>Attack: <span id="attack">2</span></p>
+            <p>Inventory: <span id="inventory"></span></p>
+            <p>Level: <span id="level">1</span></p>
+            <button id="usePotion" disabled>Use Health Potion</button>
+        </div>
+        <div id="messages"></div>
     </div>
     <script src="/static/scripts.js"></script>
 </body>
 </html>