From 81c0bb9642452ce70dab072126dc8d4e7bb09281 Mon Sep 17 00:00:00 2001
From: Jonathan Vitale <jvitale@une.edu.au>
Date: Thu, 5 Jan 2023 11:18:55 +1100
Subject: [PATCH] Add game interface to index.html

---
 index.html | 83 ++++++++++++++++++++++++++++++++++++++++++++++++++----
 1 file changed, 78 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index 2bcd335..ce3dce8 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,83 @@
-<!DOCTYPE html>
 <html>
     <head>
         <script type="text/javascript" src="game-logic.js"></script>
-        <title>Blackjack</title>
     </head>
-    <body>
-        This is blackjack
+    <body style="background-color: green; color:white; font-family:Arial, Helvetica, sans-serif;">
+        <table border="1" width="50%" align="center">
+            <tr>
+                <td colspan="2">
+                    <button id="button-run">Start a new game</button>
+                </td>
+            </tr>
+            <tr>
+                <td>Player's wallet</td>
+                <td id="player-wallet">&nbsp;</td>
+            </tr>
+            <tr>
+                <td>Current bet</td>
+                <td id="player-bet"><input id="player-bet-input" type="text" disabled /><button id="player-bet-button" disabled>Confirm your bet</button></td>
+            </tr>
+            <tr>
+                <td colspan="2">Player's cards:</td>
+            </tr>
+            <tr>
+                <td colspan="2">
+                    <table id="player-cards" border="1" width="700px" height="110px">
+                        <tr>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+            <tr>
+                <td width="130px">Player's score:</td>
+                <td id="player-score">&nbsp;</td>
+            </tr>
+            <tr>
+                <td id="console-log" colspan="2" height="50px" align="center">
+                    &nbsp;
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2" height="100px" align="center">
+                    <button id="button-stay" style="width: 100px;" disabled >Stay</button>
+                    <button id="button-hit" style="width: 100px;" disabled >Hit</button>
+                </td>
+            </tr>
+            <tr>
+                <td colspan="2">Dealer's cards:</td>
+            </tr>
+            <tr>
+                <td colspan="2">
+                    <table id="dealer-cards" border="1" width="700px" height="110px">
+                        <tr>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                            <td width="10%">&nbsp;</td>
+                        </tr>
+                    </table>
+                </td>
+            </tr>
+            <tr>
+                <td width="130px">Dealer's score:</td>
+                <td id="dealer-score">&nbsp;</td>
+            </tr>
+        </table>
     </body>
-</html>
\ No newline at end of file
+</html>
-- 
GitLab