-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (147 loc) · 5.56 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
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
<!DOCTYPE html>
<!-- Vedi la pagina di Bootstrap -->
<html lang="it">
<!-- Intestazione -->
<head>
<!-- Titolo -->
<title>
Poker AIM
</title>
<!--Icona-->
<link rel="icon" href="assets/logo.png">
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<!-- Icone Bootstrap https://icons.getbootstrap.com/ -->
<link rel="stylesheet" href="assets/css/bootstrap-icons.css">
</head>
<!--Corpo-->
<body class="bg-dark text-center">
<!-- Navbar centrata-->
<nav class="navbar navbar-expand-lg navbar-dark bg-secondary sticky-top justify-conten-center">
<!--Clear screen-->
<div class="mr-auto">
<button class="btn btn-danger" id="clearButton">
Clear screen
</button>
</div>
<div class="d-flex flex-row justify-conten-center m-auto">
<!--Logo-->
<div class="p1 align-self-center mx-2"><img src="assets/logo.png" height="35" class="d-inline-block align-top" alt=""></div>
<!--Orario-->
<div class="p2 mx-2"><h1 class="font-weight-bold text-white" id="time"></h1></div>
</div>
<!--Blinds Mode Select-->
<div class="ml-auto">
<select class="custom-select custom-select-sm" id="blindsMode">
<option value="base" selected>Tavoli Base</option>
<option value="final">Tavolo Finale</option>
</select>
</div>
</nav>
<!--Contenuto-->
<div class="d-flex flex-column w-100 h-100 bg-dark text-white">
<!--Div in alto al centro-->
<div class="d-flex p-2 justify-content-around mb-auto">
<!--Testo a destra-->
<div class="d-flex flex-column">
<h1>Start</h1>
<h1 id="startTime"></h1>
</div>
<!--Testo al centro-->
<div class="d-flex flex-column">
<h1>Next Blind</h1>
<h1 id="nextTime"></h1>
</div>
<!--Testo a sinistra-->
<div class="d-flex flex-column">
<h1>End</h1>
<h1 id="endTime"></h1>
</div>
</div>
<!--Div al centro della pagina-->
<div class="container align-items-center m-auto">
<!--Header Row-->
<div class="row">
<!--Elemento Vuoto-->
<div class="col p-2"></div>
<!--Small Blind-->
<div class="col p-2">
<h2 class="align-text-center"d>Small</h2>
</div>
<!--Big Blind-->
<div class="col p-2">
<h2 class="align-text-center">Big</h2>
</div>
</div>
<!--Previous Row-->
<div class="row">
<!--Column header-->
<div class="col p-2">
<h2 class="align-text-center">Previous</h2>
</div>
<!--Previous Small Blind-->
<div class="col p-2">
<h2 class="align-text-center" id="smallBlindPrev"></h2>
</div>
<!--Previous Big Blind-->
<div class="col p-2">
<h2 class="align-text-center" id="bigBlindPrev"></h2>
</div>
</div>
<!--Current Row-->
<div class="row">
<!--Column header-->
<div class="col p-2">
<h1 style="font-size: 70px;" class="align-text-center">Current</h1>
</div>
<!--Current Small Blind-->
<div class="col p-2">
<h1 style="font-size: 70px;" class="align-text-center" id="smallBlindCurr"></h1>
</div>
<!--Current Big Blind-->
<div class="col p-2">
<h1 style="font-size: 70px;" class="align-text-center" id="bigBlindCurr"></h1>
</div>
</div>
<!--Next Row-->
<div class="row">
<!--Column header-->
<div class="col p-2">
<h2 class="align-text-center">Next</h2>
</div>
<!--Next Small Blind-->
<div class="col p-2">
<h2 class="align-text-center" id="smallBlindNext"></h4>
</div>
<!--Next Big Blind-->
<div class="col p-2">
<h2 class="align-text-center" id="bigBlindNext"></h4>
</div>
</div>
</div>
<!--Div in basso al centro-->
<div class="mt-auto">
<!--Bottoni-->
<div class="d-flex justify-content-center">
<!--Bottone Start-->
<button type="button" class="btn btn-primary btn-lg m-2" id="startButton">Start</button>
<!--Bottone Pause-->
<button type="button" class="btn btn-warning btn-lg m-2" id="pauseButton">Pause</button>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="assets/js/jquery-3.3.1.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<!--Script Custom-->
<!--TimeDisplay-->
<script src="timedisplay.js"></script>
<!--Blinds Evolution-->
<script src="blinds_ev.js"></script>
</body>
</html>