Skip to content

Commit 8908312

Browse files
nelsonicnelsonic
committed
1 parent cc1b8b8 commit 8908312

File tree

4 files changed

+578
-4
lines changed

4 files changed

+578
-4
lines changed

Diff for: ‎examples/todo-list/index.html

+7-4
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,21 @@
11
<!DOCTYPE html>
2-
<html lang=”en-GB”>
2+
<html lang=”en-GB” data-framework="javascript">
33
<head>
44
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
55
<meta name="viewport"
66
content="width=device-width, initial-scale=1.0, user-scalable=yes">
7-
<title>Elm Architecture in JS - Counter Reset</title>
7+
<title>Elm(ish) Todo List!</title>
88
<link rel="shortcut icon"
99
href="http://www.dwyl.io/images/favicon.ico" type="image/x-icon">
1010
<!-- CSS Styles are 100% optional. but they make it look *much* nicer -->
11-
<link rel="stylesheet" href="../style.css">
11+
<link rel="stylesheet" href="todomvc-common-base.css">
12+
<link rel="stylesheet" href="todomvc-common-base.css">
13+
1214
</head>
1315
<body>
1416
<div id="app"></div>
15-
<script src="counter.js" data-cover></script> <!-- load counter -->
17+
18+
<script src="todo-app.js" data-cover></script> <!-- load counter -->
1619
<script> mount({counters:[0, 1, 2]}, update, view, 'app'); </script>
1720
<!-- Below this point is all related to the Tests for the App -->
1821
<div id="test-app"></div> <!-- Create a test-app div to mount the app -->

Diff for: ‎examples/todo-list/todo.html

+51
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,51 @@
1+
<!doctype html>
2+
<html lang="en" data-framework="javascript">
3+
<head>
4+
<meta charset="utf-8">
5+
<title>VanillaJS • 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+
</head>
9+
<body>
10+
<section class="todoapp">
11+
<header class="header">
12+
<h1>todos</h1>
13+
<input class="new-todo" placeholder="What needs to be done?" autofocus>
14+
</header>
15+
<section class="main">
16+
<input id="toggle-all" class="toggle-all" type="checkbox">
17+
<label for="toggle-all">Mark all as complete</label>
18+
<ul class="todo-list"></ul>
19+
</section>
20+
<footer class="footer">
21+
<span class="todo-count"></span>
22+
<ul class="filters">
23+
<li>
24+
<a href="#/" class="selected">All</a>
25+
</li>
26+
<li>
27+
<a href="#/active">Active</a>
28+
</li>
29+
<li>
30+
<a href="#/completed">Completed</a>
31+
</li>
32+
</ul>
33+
<button class="clear-completed">Clear completed</button>
34+
</footer>
35+
</section>
36+
<footer class="info">
37+
<p>Double-click to edit a todo</p>
38+
<p>Created by <a href="http://twitter.com/oscargodson">Oscar Godson</a></p>
39+
<p>Refactored by <a href="https://github.com/cburgmer">Christoph Burgmer</a></p>
40+
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
41+
</footer>
42+
<script src="node_modules/todomvc-common/base.js"></script>
43+
<script src="js/helpers.js"></script>
44+
<script src="js/store.js"></script>
45+
<script src="js/model.js"></script>
46+
<script src="js/template.js"></script>
47+
<script src="js/view.js"></script>
48+
<script src="js/controller.js"></script>
49+
<script src="js/app.js"></script>
50+
</body>
51+
</html>

0 commit comments

Comments
 (0)