Skip to content

Instantly share code, notes, and snippets.

@SpencerCooley
Last active February 5, 2016 14:36
Show Gist options
  • Save SpencerCooley/c8199be0e5a1a85ee9d7 to your computer and use it in GitHub Desktop.
Save SpencerCooley/c8199be0e5a1a85ee9d7 to your computer and use it in GitHub Desktop.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>todo</title>
<link rel="stylesheet" href="styles.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/backbone.js/1.2.3/backbone-min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/handlebars.js/4.0.5/handlebars.min.js"></script>
<!--we took out all of the inline javascript and are loading the bundle.js file now. -->
<script type="text/javascript" src="js/bundle.js" charset="utf-8"></script>
</head>
<body>
<!--I copy and pasted this html directly from the js fiddle-->
<div class="wrapper">
<div class="todo-container" id="todo-container" >
<h1>To Do List</h1>
<input type="text" class="new-todo-box">
<div class="todo-list">
</div>
</div>
</div>
<script id="list-item" type="text/x-handlebars-template">
{{#each this}}
<div class="list-item">
{{message}}
</div>
{{/each}}
</script>
<!--I copy and pasted this html directly from the js fiddle-->
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment