<!DOCTYPE html>
<html>
   <head>
      <meta charset="utf-8" />
      <title>Aplikacja menedżera zadań do wykonania - Biblioteka jQuery w akcji</title>
      <link rel="stylesheet" href="css/style.css" />
   </head>
   <body>
      <h1>Aplikacja menedżera zadań do wykonania</h1>

      <div id="todo-sheet">
         <input id="new-todo" type="text" placeholder="W tym miejscu określ zadanie do wykonania" />
         <button id="new-todo-save">Zapisz</button>
         <span class="error-message"></span>
         <ul class="todos">
         </ul>
      </div>

      <script type="text/template" id="todo-template">
         <span class="todo-position"><%- position %></span>.
         <input class="todo-done" type="checkbox" <%= done ? checked="checked" : '' %> title="Zakończone" />
         <span class="todo-title <%= done ? 'todo-stroked' : '' %>" contenteditable="true"><%- title %></span>
         <button class="todo-delete" title="Usuwanie">X</button>
      </script>

      <script src="js/vendor/jquery-1.11.3.min.js"></script>
      <script src="js/vendor/underscore-min.js"></script>
      <script src="js/vendor/backbone-min.js"></script>
      <script src="js/vendor/backbone.localStorage-min.js"></script>
      <script src="js/app.js"></script>
   </body>
</html>