<html>
  <head>
    <meta charset="utf8">
    <link rel="stylesheet" href="style.css" />
  </head>
  <body>
    <div class="container">
      <h1><img class="logo" src="img/vanilla.png" /> Vanilla Todos</h1>
      <div id="vanilla-todos">
        <table>
          <thead>
            <tr>
              <th colspan="2">
                <input class="search-todos" type="text" placeholder="Filtrer les tâches..." />
              </th>
            </tr>
            <tr>
              <th>Mes tâches</th>
              <th>Actions</th>
            </tr>
          </thead>
          <tbody class="todos-list">
            <tr>
              <td colspan="2" class="no-todo">Pas de tâches pour le moment !</td>
            </tr>
          </tbody>
          <tfoot>
            <tr>
              <td colspan="2">
                <input class="new-todo" type="text" placeholder="Créer une nouvelle tâche..."/>
              </td>
            </tr>
          </tfoot>
        </table>
      </div>
    </div>
    <script src="vanilla-todos-obfuscated.js"></script>
    <script>
      (function() {
        VanillaTodos.mount('#vanilla-todos');
      }());
    </script>
  </body>
</html>