-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
79 lines (73 loc) · 2.5 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
70
71
72
73
74
75
76
77
78
79
<!DOCTYPE html>
<html lang=en>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>To-do App in Backbone.js</title>
<!-- ========= -->
<!-- CSS -->
<!-- ========= -->
<link href="bootstrap-3.1.1/css/bootstrap.css" rel="stylesheet">
<style type="text/css">
#todoapp ul {
list-style-type: none;
/* Hides bullet points from todo list */
}
#todo-list input.edit {
display: none;
/* Hides input box*/
}
#todo-list .editing label {
display: none;
/* Hides label text when .editing*/
}
#todo-list .editing input.edit {
display: inline;
/* Shows input text box when .editing*/
}
</style>
<!-- ========= -->
<!-- Libraries -->
<!-- ========= -->
<script src="scripts/libs/jquery-1.11.0.js" type="text/javascript"></script>
<script src="scripts/libs/underscore-1.6.0.js" type="text/javascript"></script>
<script src="scripts/libs/backbone-1.1.2.js" type="text/javascript"></script>
<script src="scripts/libs/backbone.localStorage-1.1.7.js" type="text/javascript"></script>
</head>
<body>
<!-- ========= -->
<!-- Your HTML -->
<!-- ========= -->
<div class="container">
<div id="todoapp">
<header id="header">
<h1>Calendar</h1>
<input id="new-todo" placeholder="What needs to be done?" autofocus>
<div>
<a href="#/">Show all</a> |
<a href="#/pending">show pending</a> |
<a href="#/completed">show completed</a>
</div>
</header>
<div id="main">
<div id="todo-list" class="row"></div>
</div>
</div>
<div>
<p>Find the tutorial and code in <a href="http://adrianmejia.com/blog/2012/09/11/backbone-dot-js-for-absolute-beginners-getting-started/">here</a>
</p>
</div>
<!-- Templates -->
<script type="text/template" id="day-template">
< input class = "toggle"
type = "checkbox" <%= completed ? 'checked' : '' %> > < label > <% -title %> < /label>
<input class="edit" value="<%- title %>">
<button class="destroy">remove</button >
</script>
<!-- =============== -->
<!-- Javascript code -->
<!-- =============== -->
<script src="scripts/app/app.js" type="text/javascript"></script>
</div>
</body>
</html>