-
Notifications
You must be signed in to change notification settings - Fork 10
/
index.html
69 lines (62 loc) · 2.6 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
<html>
<head>
<title>HTML5 Time Tracker - by Juani</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.countdown.min.js"></script>
<script type="text/javascript" src="site.min.js"></script>
</head>
<body>
<section id="settings">
<div class="overlay"></div>
<div class="content">
<form action="" id="cycle-form" class="settings-form">
<label for="cycle">Cycle length</label>
<input type="text" id="cycle" placeholder="30" />
<input type="submit" value="Save">
</form>
<form action="" id="next-form" class="settings-form">
<label for="nextCycle">Cycle length 2</label>
<input type="text" id="nextCycle" placeholder="30" />
<input type="submit" value="Save">
</form>
</div>
</section>
<section id="welcome">
<h1>Build the habit of logging time</h1>
<p>Keep track of how you're spending your time effortlessly.</p>
<a href="" class="btn-start">Let's get trackin'</a>
<a href="" class="settings set-cycle">Settings</a>
</section>
<section id="countdown">
<div id="timer"><span></span></div>
<a href="" id="end">I'm done with this task</a>
<a href="" id="cancel">cancel</a>
</section>
<section id="list">
<ul id="done">
</ul>
<div id="actions">
<a href="" class="btn-start">Get back to work</a>
<br>
<a href="" id="reset">Clear activity log</a>
<span>Are you sure? <a href="" class="confirm">Yes</a> <a href="" class="cancel">No</a></span>
</div>
<a href="" class="settings set-cycle">Settings</a>
</section>
<section id="alert">
<form action="" id="logActivity">
<label for="what">What have you been working on?</label>
<input type="text" id="what" placeholder="Be as descriptive as possible" />
<br>
<label><input type="checkbox" id="new" checked /> Start new cycle?</label>
<input type="submit" id="submit" value="Submit">
</form>
<a href="" id="void">cancel</a>
<a href="" class="settings set-next">Settings</a>
</section>
<a href="http://twitter.com/heyimjuani" target="_blank" id="by"><strong>HTML5 Time Tracker</strong> by Juani</a>
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://unlayered.com/time" data-text="HTML5 Time Tracker" data-via="heyimjuani" data-related="heyimjuani">Tweet</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
</body>
</html>