-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
49 lines (47 loc) · 1.96 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>Clock</title>
<link rel="stylesheet" type="text/css" href="stylesheets/style.css" />
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js" type="text/javascript"></script>
<script src="js/jquery.growl.js" type="text/javascript"></script>
<link href="stylesheets/jquery.growl.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
</head>
<body>
<div id="content">
<div id="clock">
<span id="minute">25</span>:<span id="second">00</span>
</div>
<div class="center-buttons">
<input type="button" class="button" id="pomodoro" value="Start Pomodoro"> <br />
</div>
<div class="center-buttons">
<input type="button" class="button" id="sbreak" value="Short Break">
<input type="button" class="button" id="lbreak" value="Long Break"> <br/>
<input type="button" class="button" id="stop" value="Pause">
<input type="button" class="button" id="reset" value="Reset"> <br />
</div>
<div class="text-input">
<table>
<tr>
<td><label>Pomodoro time:</label></td>
<td><input id="ptime" type="text" value="25" size="3" align="right"></td>
</tr>
<tr>
<td><label>Short break:</label></td>
<td><input id="sbtime" type="text" value="5" size="3" align="right"></td>
</tr>
<tr>
<td><label>Long break:</label></td>
<td><input id="lbtime" type="text" value="15" size="3" align="right"></td>
</tr>
</table>
<div class="push"></div>
</div>
<script type="text/javascript" src="dist/main.js"></script>
</div>
<audio src="sounds/bell.wav" width="1" height="0" id="bell"></audio>
<div class="footer">Icons made by <a href="https://www.flaticon.com/authors/smashicons" title="Smashicons">Smashicons</a> from <a href="https://www.flaticon.com/" title="Flaticon">www.flaticon.com</a> is licensed by <a href="http://creativecommons.org/licenses/by/3.0/" title="Creative Commons BY 3.0" target="_blank">CC 3.0 BY</a></div>
</body>
</html>