]> code.delx.au - countdown-timer/blob - index.html
README
[countdown-timer] / index.html
1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <meta name="viewport" content="width=device-width, initial-scale=1">
6 <title>Countdown Timer</title>
7 <link href="timer.css" rel="stylesheet" type="text/css" />
8 <script type="application/javascript" src="jquery-1.9.1.min.js"></script>
9 <script type="application/javascript" src="timer.js"></script>
10 </head>
11
12 <body>
13
14 <div id="content">
15
16 <div id="alarm">
17 <div id="alarm-text">Time is up!</div>
18 <audio>
19 <source src="alarm.wav" />
20 </audio>
21 <button id="alarm-stop" class="action">Stop</button>
22 </div>
23
24 <div id="display">
25 <span>0</span>
26 <span>0</span>
27 <span>:</span>
28 <span>0</span>
29 <span>0</span>
30 <span>:</span>
31 <span>0</span>
32 <span>0</span>
33 </div>
34
35 <div id="configure-controls"><form action="">
36 <div id="number-buttons">
37 <button>1</button>
38 <button>2</button>
39 <button>3</button>
40 <br />
41 <button>4</button>
42 <button>5</button>
43 <button>6</button>
44 <br />
45 <button>7</button>
46 <button>8</button>
47 <button>9</button>
48 <br />
49 <button>0</button>
50 </div>
51
52 <div id="controls">
53 <button id="configure-set" class="action">Set</button>
54 <button id="configure-reset">Reset</button>
55 </div>
56 </div>
57
58 <div id="countdown-controls"><form action="">
59 <button id="countdown-start" class="action">Start</button>
60 <button id="countdown-pause" class="action">Pause</button>
61 <button id="countdown-reset">Stop</button>
62 <button id="countdown-reconfigure">Back</button>
63 </form></div>
64
65 </div>
66
67 </body>
68 </html>
69