-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
85 lines (77 loc) · 3.82 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5649030638082435"
crossorigin="anonymous"></script>
<meta name="google-adsense-account" content="ca-pub-5649030638082435">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Blackjack Table</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="version">version 1.0</div>
<div class="intro-text">
Hello there, this is a simple page where you can play blackjack (in real life) and keep track of each player's balance, bets etc, online, here. Each information you enter on that website is stored locally and if you refresh the website it will be removed. Thanks for using my website!
</div>
<div class="blackjack-table">
<div class="seat" id="seat-1">Seat 1</div>
<div class="seat" id="seat-2">Seat 2</div>
<div class="seat" id="seat-3">Seat 3</div>
<div class="seat" id="seat-4">Seat 4</div>
<div class="seat" id="seat-5">Seat 5</div>
<div class="seat" id="seat-6">Seat 6</div>
<div class="seat" id="seat-7">Seat 7</div>
<div class="seat dealer" data-original-text="Dealer">Dealer</div>
</div>
<!-- Dialog for assigning viewers -->
<div id="assign-dialog" class="dialog hidden">
<h2>Assign Viewer</h2>
<input type="text" id="viewer-name" placeholder="Viewer Name">
<button id="assign-button">Assign</button>
</div>
<!-- Dialog for placing bets -->
<div id="bet-dialog" class="dialog hidden">
<h2>Place Bet</h2>
<input type="number" id="bet-amount" placeholder="Bet Amount" min="1">
<button id="place-bet-button">Place Bet</button>
<button id="remove-player-button">Remove Player</button>
<button id="change-balance-button">Change Balance</button>
<input type="number" id="new-balance" placeholder="New Balance" min="0">
<button id="change-balance-done-button">Done</button>
<button id="close-bet-dialog-button">Close</button>
</div>
<!-- Dialog for win/lose options -->
<div id="win-lose-dialog" class="dialog hidden">
<h2>Result</h2>
<button id="win-button">Win</button>
<button id="lose-button">Lose</button>
<button id="double-button">Double</button>
<button id="split-button">Split</button>
<button id="push-button">Push</button>
<button id="blackjack-button">Blackjack</button>
<button id="close-button">Close</button>
</div>
<!-- Dialog for second win/lose options in case of split -->
<div id="win-lose-dialog-second" class="dialog hidden">
<h2>Result for Second Hand</h2>
<button id="win-button-second">Win</button>
<button id="lose-button-second">Lose</button>
<button id="double-button-second">Double</button>
<button id="push-button-second">Push</button>
<button id="blackjack-button-second">Blackjack</button>
<button id="close-button-second">Close</button>
</div>
<!-- HTML for dealer dialog -->
<div id="dealer-dialog" class="dialog hidden">
<input type="number" id="countdown-seconds" placeholder="Enter countdown seconds">
<button id="confirm-countdown-button">Start Countdown</button>
<div id="countdown-display"></div>
</div>
<div class="info-text">USEFUL TIP: do not try to split again once a bet has been splitted it will result in a bug</div>
<div class="bottom-left">
Here is the link to the GitHub repo: <a href="https://github.com/bjtable/bjtable.github.io" target="_blank">GitHub Repository</a>
</div>
<script src="script.js"></script>
</body>
</html>