/index.html

https://bitbucket.org/bgreen7887/is322 · HTML · 92 lines · 59 code · 23 blank · 10 comment · 0 complexity · 608e607cf730bb3cbe9a6368150afac3 MD5 · raw file

  1. <!DOCTYPE html>
  2. <!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
  3. <!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
  4. <!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
  5. <!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
  6. <head>
  7. <meta charset="utf-8">
  8. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  9. <title>Recilist Todos</title>
  10. <meta name="description" content="">
  11. <meta name="viewport" content="width=device-width">
  12. <!-- Place favicon.ico and apple-touch-icon.png in the root directory -->
  13. <link rel="stylesheet" href="css/normalize.css">
  14. <link rel="stylesheet" href="css/main.css">
  15. <link rel="stylesheet" href="css/todos.css">
  16. <script src="js/vendor/modernizr-2.6.2.min.js"></script>
  17. </head>
  18. <body>
  19. <!--[if lt IE 7]>
  20. <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
  21. <![endif]-->
  22. <div id="todoapp">
  23. <header>
  24. <h1>Todos</h1>
  25. <input id="new-todo" type="text" placeholder="What needs to be done?">
  26. </header>
  27. <section id="main">
  28. <input id="toggle-all" type="checkbox">
  29. <label for="toggle-all">Mark all as complete</label>
  30. <ul id="todo-list"></ul>
  31. </section>
  32. <footer>
  33. <a id="clear-completed">Clear completed</a>
  34. <div id="todo-count"></div>
  35. </footer>
  36. </div> <!-- /todoapp -->
  37. <!-- Templates -->
  38. <script type="text/template" id="item-template">
  39. <div class="view">
  40. <input class="toggle" type="checkbox" <%= done ? 'checked="checked"' : '' %> />
  41. <label><%- title %></label>
  42. <a class="destroy"></a>
  43. </div>
  44. <input class="edit" type="text" value="<%- title %>" />
  45. </script>
  46. <script type="text/template" id="stats-template">
  47. <% if (done) { %>
  48. <a id="clear-completed">Clear <%= done %> completed <%= done == 1 ? 'item' : 'items' %></a>
  49. <% } %>
  50. <div class="todo-count"><b><%= remaining %></b> <%= remaining == 1 ? 'item' : 'items' %> left</div>
  51. </script>
  52. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  53. <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.9.1.min.js"><\/script>')</script>
  54. <script src="js/plugins.js"></script>
  55. <!-- <script src="js/main.js"></script> -->
  56. <script src="js/json2.js"></script>
  57. <script src="js/underscore.js"></script>
  58. <script src="js/backbone.js"></script>
  59. <script src="js/backbone.localStorage.js"></script>
  60. <script src="js/todos.js"></script>
  61. <!-- Google Analytics: change UA-XXXXX-X to be your site's ID. -->
  62. <script>
  63. var _gaq=[['_setAccount','UA-XXXXX-X'],['_trackPageview']];
  64. (function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];
  65. g.src='//www.google-analytics.com/ga.js';
  66. s.parentNode.insertBefore(g,s)}(document,'script'));
  67. </script>
  68. </body>
  69. </html>