Speedometer: ensure all TodoMVC tests use the complete latest CSS
[WebKit-https.git] / PerformanceTests / Speedometer / resources / todomvc / architecture-examples / jquery / index.html
1 <!doctype html>
2 <html lang="en" data-framework="jquery">
3     <head>
4         <meta charset="utf-8">
5         <title>jQuery • TodoMVC</title>
6         <link rel="stylesheet" href="node_modules/todomvc-common/base.css">
7         <link rel="stylesheet" href="node_modules/todomvc-app-css/index.css">
8         <link rel="stylesheet" href="css/app.css">
9     </head>
10     <body>
11         <section id="todoapp" class="todoapp">
12             <header id="header" class="header">
13                 <h1>todos</h1>
14                 <input id="new-todo" class="new-todo" placeholder="What needs to be done?" autofocus>
15             </header>
16             <section id="main" class="main">
17                 <input id="toggle-all" class="toggle-all" type="checkbox">
18                 <label for="toggle-all">Mark all as complete</label>
19                 <ul id="todo-list" class="todo-list"></ul>
20             </section>
21             <footer id="footer" class="footer"></footer>
22         </section>
23         <footer id="info" class="info">
24             <p>Double-click to edit a todo</p>
25             <p>Created by <a href="http://sindresorhus.com">Sindre Sorhus</a></p>
26             <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
27         </footer>
28         <script id="todo-template" type="text/x-handlebars-template">
29             {{#this}}
30             <li {{#if completed}}class="completed"{{/if}} data-id="{{id}}">
31                 <div class="view">
32                     <input class="toggle" type="checkbox" {{#if completed}}checked{{/if}}>
33                     <label>{{title}}</label>
34                     <button class="destroy"></button>
35                 </div>
36                 <input class="edit" value="{{title}}">
37             </li>
38         {{/this}}
39         </script>
40         <script id="footer-template" type="text/x-handlebars-template">
41             <span id="todo-count" class="todo-count"><strong>{{activeTodoCount}}</strong> {{activeTodoWord}} left</span>
42             <ul id="filters" class="filters">
43                 <li>
44                     <a {{#eq filter 'all'}}class="selected"{{/eq}} href="#/all">All</a>
45                 </li>
46                 <li>
47                     <a {{#eq filter 'active'}}class="selected"{{/eq}}href="#/active">Active</a>
48                 </li>
49                 <li>
50                     <a {{#eq filter 'completed'}}class="selected"{{/eq}}href="#/completed">Completed</a>
51                 </li>
52             </ul>
53             {{#if completedTodos}}<button id="clear-completed">Clear completed</button>{{/if}}
54         </script>
55         <!-- <script src="node_modules/todomvc-common/base.js"></script> -->
56         <script src="node_modules/jquery/dist/jquery.js"></script>
57         <script src="node_modules/handlebars/dist/handlebars.js"></script>
58         <script src="node_modules/director/dist/director.js"></script>
59         <script src="js/app.js"></script>
60     </body>
61 </html>