-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
102 lines (80 loc) · 4.9 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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<link type="text/css" rel="stylesheet" href="jquery.dropdown.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script src="jquery.js"></script>
<script type="text/javascript" src="jquery.dropdown.js"></script>
<link rel="shortcut icon" href="images/pawn_icon.jpg">
<title>Matibar The Chess Clock</title>
</head>
<body>
<audio id="click" src="sounds/click.wav" ></audio>
<audio id="end" src="sounds/end.wav" ></audio>
<audio id="stop" src="sounds/stop.wav" ></audio>
<section class="clock">
<div>
<span class="clock_button tooltip" id="click_button" title="runs the clock and changes the player"><img src="images/click.png" alt="start or switch button"></span>
<span class="clock_button tooltip" id="stop_button" title="stops the clock"><img src="images/stop.png" alt="stop button"></span>
<span class="clock_button tooltip" id="reset_button" title="reset clock (hot key: r)"><img src="images/reset.png" alt="reset button"></span>
</div>
<div class="chess_knight" id="white_knight"><img src="images/knight.png" alt="white knight icon"></div>
<input type="text" id="set_name_1">
<div class="player">
<div class="names" id="player_1"> <span id="name_1">Magnus</span></div>
<div class="counter" id="counter_1">
<span id="hours_1" class="counter_element hour">00</span><span class="first_semicolon">:</span><span id="minutes_1" class="counter_element minute">05</span><span class="second_semicolon">:</span><span id="seconds_1" class="counter_element second">00.0</span>
</div>
<div class="clock_input"><input type="number" name="quantity" id="set_hours_1"><input type="number" name="quantity" id="set_min_1"><input type="number" name="quantity" id="set_sec_1"></div>
<div class="intertimer tooltip" id="intertimer1" title="counts the last movement time">00:00.0</div>
</div>
<input type="text" id="set_name_2">
<div class="player">
<div class="names" id="player_2"> <span id="name_2">Levon</span></div>
<div class="counter" id="counter_2">
<span id="hours_2" class="counter_element hour">00</span><span class="first_semicolon">:</span><span id="minutes_2" class="counter_element minute">05</span><span class="second_semicolon">:</span><span id="seconds_2" class="counter_element second">00.0</span>
</div>
<div class="clock_input"><input type="number" name="quantity" id="set_hours_2"><input type="number" name="quantity" id="set_min_2"><input type="number" name="quantity" id="set_sec_2"></div>
<div class="intertimer tooltip" id="intertimer2" title="counts the last movement time">00:00.0</div>
</div>
<div class="chess_knight" id="black_knight"><img src="images/black_knight.png" alt="black knight icon"></div>
</section>
<div id="dropdown-1" class="dropdown dropdown-tip">
<div class="dropdown-panel">
<div>press ''space'' to run or switch</div>
<div>press ''shift'' to stop</div>
<div>''b'' sets bouns time for each move</div>
<div>''n'' sets player names</div>
<div>''r'' resets clock to previous settings</div>
<div>to set time click on timer</div>
</div>
</div>
<div id="dropdown-2" class="dropdown dropdown-tip">
<div class="dropdown-panel">
<div>set timer by clicking on timer</div>
<div>or press ''tab''</div>
</div>
</div>
<ul class="helpers">
<li class="tooltip buttons" id="set_names" title="changes white with black (hot key: n)">next game</li>
<li class="buttons" id="time_button" data-dropdown="#dropdown-2">set time</li>
<li class="tooltip buttons" id="bonus_button" title="adds bouns time for each move (hot key: b)">bonus</li>
<li class="buttons" id="tips_button">turn tooltips off</li>
<li class="buttons" id="sound_button">sound off</li>
<li class="buttons" data-dropdown="#dropdown-1"> hot keys</li>
</ul>
<div class="hide_info" id="info">
<p>This is Matibar - time bar for chess. A small tribute to Mateusz Bartel, excellent Polish chess grandmaster. Thanks for inspiring games Mati.</p>
<p>Thanks to Krzysztof Modras for help with JS :-) </p>
<p>Layout design: Marta Cudnik-Zientara </p>
<p>Open source licence, belongs to everyone and impossible to be stolen ;-) </p>
<p>made by Tuhaj</p>
</div>
<button class="tooltip buttons" id="info_button" title="shows info about this chess clock">about</button>
<script src="javascript.js"></script>
</body>
</html>