-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathmytodo.html
51 lines (40 loc) · 1.58 KB
/
mytodo.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
<!DOCTYPE html>
<html>
<head>
<title>To Do</title>
<link rel="stylesheet" type="text/css" href="mytodo.css" />
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
</head>
<body>
<div id='wrapper'>
<h1>to-dos</h1>
<!-- icon to display help menu -->
<span id='help'></span>
<!-- div to contain help menu - removed
<div id='helpDisplay'></div>
-->
<div id="main">
<!-- entry area for items -->
<input id="itemEntry" placeholder="What needs to be done?" />
<!-- ul to contain items -->
<ul id="items"></ul>
<!-- bar to display remaining number of items/toggle between item types -->
<div id="statusBar">
<!-- display number of remaining items -->
<span id='remaining'></span>
<!-- toggle selector area -->
<ul id='selector'>
<li class='selected' id='All'>All</li>
<li id='Active'>Active</li>
<li id='Completed'>Completed</li>
</ul>
</div> <!-- statusBar -->
</div> <!-- main -->
<p>Double-click to edit an item</p>
<p>Background created by <a href="http://webtreats.mysitemyway.com/">Web Treats</a></p>
</div> <!-- wrapper -->
<script src="jquery-1.10.2.min.js"></script>
<script src='jquery-ui-1.10.3.custom.min.js'></script>
<script src="mytodo.js"></script>
</body>
</html>