-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
58 lines (54 loc) · 1.67 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
<!doctype html>
<html>
<meta charset="utf-8"/>
<title>Tabata Timer</title>
<!--[if lt IE 9]>
<script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<style>
body {
font-family: sans-serif;;
color: #444;
font-size: 2em;
}
time {
font-size: 3em;
}
label {
width: 6em;
display: inline-block;
}
.on { color: green; }
.off { color: red; }
div { margin: 0.3em 0; }
input { font-size: .8em; }
</style>
</head>
<body>
<time>00:00</time>
<form>
<div>
<label>Rounds</label>
<input type="number" name="rounds" min="0" placeholder="Number of rounds">
</div>
<div>
<label class="on">On (sec)</label>
<input type="number" name="on" min="0" step="5" placeholder="Excercise time">
</div>
<div>
<label class="off">Off (sec)</label>
<input type="number" name="off" min="0" step="5" placeholder="Break time">
</div>
<button>Go</button>
<form>
<audio id="start">
<source src="sounds/beep.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<audio id="end">
<source src="sounds/end.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<script src="lib/app.js"></script>
</body>
</html>