<!doctype html>
<html lang="en" data-framework="knockoutjs">
<head>
	<meta charset="utf-8">
	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
	<title>Knockout.js • TodoMVC</title>
	<link rel="stylesheet" href="bower_components/todomvc-common/base.css">
</head>
<body>
	<section id="todoapp">
		<header id="header">
			<h1>todos</h1>
			<input id="new-todo" data-class="todos.new" placeholder="What needs to be done?" autofocus>
		</header>
		<section id="main" data-class="todos.listVisible">
			<input id="toggle-all" data-class="todos.allCompleted" type="checkbox">
			<label for="toggle-all">Mark all as complete</label>
			<ul id="todo-list" data-class="todos.foreach">
				<li data-class="todos.todo.item">
					<div class="view">
						<input class="toggle" data-class="todos.todo.completed" type="checkbox">
						<label data-class="todos.todo.readOnlyValue"></label>
						<button class="destroy" data-class="todos.todo.destroy"></button>
					</div>
					<input class="edit" data-class="todos.todo.editingValue">
				</li>
			</ul>
		</section>
		<footer id="footer" data-class="footer.isVisible">
			<span id="todo-count">
				<strong data-class="footer.remainingCount">0</strong>
				<span data-class="footer.remainingCountText"></span> left
			</span>
			<ul id="filters">
				<li>
					<a data-class="footer.filters.all" href="#/all">All</a>
				</li>
				<li>
					<a data-class="footer.filters.active" href="#/active">Active</a>
				</li>
				<li>
					<a data-class="footer.filters.completed" href="#/completed">Completed</a>
				</li>
			</ul>
			<button id="clear-completed" data-class="footer.clearCompleted">
				Clear completed (<span data-class="footer.completedCount"></span>)
			</button>
		</footer>
	</section>
	<footer id="info">
		<p>Double-click to edit a todo</p>
		<p>Original Knockout version from <a href="https://github.com/ashish01/knockoutjs-todos" target="_blank">Ashish Sharma</a></p>
		<p>Rewritten to use Knockout 2.0 and standard template by <a href="http://knockmeout.net" target="_blank">Ryan Niemeyer</a></p>
		<p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani" target="_blank">Addy Osmani</a></p>
		<p>Implemented Knockout classBindingProvider: <a href="http://github.com/mberkom" target="_blank">Michael Berkompas</a></p>
	</footer>
	<script src="bower_components/todomvc-common/base.js"></script>
	<script src="bower_components/director/build/director.js"></script>
	<script src="bower_components/knockout.js/knockout.js"></script>
	<script src="js/lib/knockout-classBindingProvider.min.js"></script>
	<script src="js/app.js"></script>
</body>
</html>