-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
62 lines (58 loc) · 3.18 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1">
<title>simplescoreboard</title>
<link rel="stylesheet" href="assets/scoreboard.css">
<script src="assets/scoreboard.js"></script>
</head>
<body>
<div class="scoreboard editable">
<input type="text" class="name-label red" value="name red">
<div class="warning-label blue fancy-animation"></div>
<div class="score-label red fancy-animation">00</div>
<div class="middle timer fancy-animation">00:00</div>
<div class="score-label blue fancy-animation">00</div>
<div class="warning-label red fancy-animation"></div>
<input type="text" class="name-label blue" value="name blue">
<div class="history"></div>
</div>
<div class="controls">
<div class="row">
<button onclick="scoreboard.click.popout()">pop out</button>
</div>
<div class="row">
<button class="small red" onclick="scoreboard.players.red().increaseScore(1)">+1</button>
<button class="small red" onclick="scoreboard.players.red().increaseScore(2)">+2</button>
<button class="small red" onclick="scoreboard.players.red().increaseScore(4)">+4</button>
<button class="small red" onclick="scoreboard.players.red().increaseScore(5)">+5</button>
<button class="red" onclick="scoreboard.players.red().setWarning(30)">warning</button>
<button class="small blue" onclick="scoreboard.players.blue().increaseScore(1)">+1</button>
<button class="small blue" onclick="scoreboard.players.blue().increaseScore(2)">+2</button>
<button class="small blue" onclick="scoreboard.players.blue().increaseScore(4)">+4</button>
<button class="small blue" onclick="scoreboard.players.blue().increaseScore(5)">+5</button>
<button class="blue" onclick="scoreboard.players.blue().setWarning(30)">warning</button>
</div>
<div class="row">
<button class="small red" onclick="scoreboard.players.red().increaseScore(-1)">-1</button>
<button class="small red" onclick="scoreboard.players.red().increaseScore(-2)">-2</button>
<button class="small red" onclick="scoreboard.players.red().increaseScore(-4)">-4</button>
<button class="small red" onclick="scoreboard.players.red().increaseScore(-5)">-5</button>
<button class="red" onclick="scoreboard.players.red().setWarning(0)">end warning</button>
<button class="small blue" onclick="scoreboard.players.blue().increaseScore(-1)">-1</button>
<button class="small blue" onclick="scoreboard.players.blue().increaseScore(-2)">-2</button>
<button class="small blue" onclick="scoreboard.players.blue().increaseScore(-4)">-4</button>
<button class="small blue" onclick="scoreboard.players.blue().increaseScore(-5)">-5</button>
<button class="blue" onclick="scoreboard.players.blue().setWarning(0)">end warning</button>
</div>
<div class="row">
<button class="small" onclick="scoreboard.click.zoom(-1)">-</button>
<button class="timer-button" onclick="scoreboard.click.timer(this)">start</button>
<button onclick="scoreboard.click.round()">new round</button>
<button onclick="scoreboard.click.duel()">new duel</button>
<button class="small" onclick="scoreboard.click.zoom(+1)">+</button>
</div>
</div>
</body>
</html>