DayOfTDD-JS/index.html at master · StPeteDotNET/DayOfTDD-JS · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!doctype html>
<html lang="en" data-framework="es6">
<head>
    <meta charset="utf-8">
    <title>Vanilla ES6 • TodoMVC</title>
    <link rel="stylesheet" href="./index.css">
</head>
<body>
<section class="todoapp">
    <header class="header">
        <h1>todos</h1>
        <input class="new-todo" placeholder="What needs to be done?" autofocus>
    </header>
    <section style="display:block" class="main">
        <input id="toggle-all" class="toggle-all" type="checkbox">
        <label for="toggle-all">Mark all as complete</label>
        <ul class="todo-list">
            <li data-id="1503089590499" class="completed">
                <input class="toggle" type="checkbox" checked>
                <label>Write a failing test</label>
                <button class="destroy"></button>
            </li>
            <li data-id="1503089595178" class="">
                <input class="toggle" type="checkbox">
                <label>Make it pass</label>
                <button class="destroy"></button>
            </li>
        </ul>
        <footer class="footer">
            <span class="todo-count"></span>
            <div class="filters">
                <a href="#/" class="selected">All</a>
                <a href="#/active">Active</a>
                <a href="#/completed">Completed</a>
            </div>
            <button class="clear-completed">Clear completed</button>
        </footer>
    </section>
</section>
<footer class="info">
    <p>Double-click to edit a todo</p>
    <p>HTML and styles borrowed from <a href="http://todomvc.com">TodoMVC</a></p>
</footer>
<script src="./bundle.js"></script>
</body>
</html>