-
Notifications
You must be signed in to change notification settings - Fork 2
/
index.html
49 lines (49 loc) · 1.69 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
<!doctype html>
<html>
<head>
<title>Multiple Stopwatches</title>
<link href="./reset.css" type="text/css" rel="stylesheet" media="all">
<link href="./multiple-stopwatches_style.css" type="text/css" rel="stylesheet" media="all">
</head>
<body>
<div id="toolbar">
<button id="clear-all">Clear All</button><button id="remove-all">Remove All</button><!--
--><button id="add-stopwatch">Add a Stopwatch</button><!--
--><div id="add-macro-div" class="inline-block">
<button id="add-macro">Add a Macro</button><!--
--><input id="add-macro-input" type="text" maxlength="1">
</div>
</div>
<div class="main">
<div id="sidebar">
<h1>List of Macro Keybinds</h1>
<div>
<div class="macro-list-item" id="macro-li-template">
<input type="checkbox" name="macro-keybind">
<label></label>
<br>
</div>
</div>
<button id="delete-macro-button">Delete selected</button>
</div>
<div id="all-stopwatches">
<div class="stopwatch-divider" id="template" draggable="true">
<div class="divider"></div>
<div class="stopwatch">
<input class="name" type="text" value="Stopwatch 1" tabindex="1">
<button class="remove" tabindex="-1">✕</button>
<div class="time"><button tabindex="-1">0.00</button></div>
<button class="clear" tabindex="-1">Clear</button>
<div class="keybind"><span>Keybind: </span><input type="text" maxlength="1" tabindex="2"></div>
</div>
</div>
<div class="stopwatch-divider" id="0">
<div class="divider" id="final-divider"></div>
<div class="stopwatch" id="final-stopwatch">
<div>drag here to move to end</div>
</div>
</div>
</div>
</div>
<script src="./multiple-stopwatches_script.js"></script>
</body>