Skip to content

T
todomvc
Commit 1b892ae2 authored by Sindre Sorhus's avatar Sindre Sorhus
Browse files
Options

Add ie.js compatibility file and analytics to the apps + cleanup

parent e68cf8f8
Expand all Show whitespace changes
Inline Side-by-side
Showing with 410 additions and 26867 deletions
architecture-examples/agilityjs/index.html
View file @ 1b892ae2
...@@ -4,6 +4,9 @@ ...@@ -4,6 +4,9 @@
<meta charset="utf-8"> <meta charset="utf-8">
<title>Agility.js • TodoMVC</title> <title>Agility.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -11,7 +14,6 @@ ...@@ -11,7 +14,6 @@
<h1>todos</h1> <h1>todos</h1>
<input id="new-todo" type="text" data-bind="newtitle" placeholder="What needs to be done?" autofocus> <input id="new-todo" type="text" data-bind="newtitle" placeholder="What needs to be done?" autofocus>
</header> </header>
<section id="main" data-bind="class = mainStyle"> <section id="main" data-bind="class = mainStyle">
<input id="toggle-all" type="checkbox"> <input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as completed</label> <label for="toggle-all">Mark all as completed</label>
...@@ -26,10 +28,8 @@ ...@@ -26,10 +28,8 @@
</li> </li>
</ul> </ul>
</section> </section>
<footer id="footer" data-bind="class = mainStyle"> <footer id="footer" data-bind="class = mainStyle">
<span id="todo-count"><strong data-bind='todoCount'></strong> item<span data-bind='pluralizer'></span> left</span> <span id="todo-count"><strong data-bind='todoCount'></strong> item<span data-bind='pluralizer'></span> left</span>
<ul id="filters"> <ul id="filters">
<li> <li>
<a class="selected" href="#/">All</a> <a class="selected" href="#/">All</a>
...@@ -49,7 +49,7 @@ ...@@ -49,7 +49,7 @@
<p>Template by <a href="http://sindresorhus.com">Sindre Sorhus</a></p> <p>Template by <a href="http://sindresorhus.com">Sindre Sorhus</a></p>
<p>Created by <a href="http://github.com/tshm/todomvc/">Tosh Shimayama</a></p> <p>Created by <a href="http://github.com/tshm/todomvc/">Tosh Shimayama</a></p>
</footer> </footer>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script> <script src="../../assets/jquery.min.js"></script>
<script src="js/lib/agility.min.js"></script> <script src="js/lib/agility.min.js"></script>
<script src="js/localstorage.js"></script> <script src="js/localstorage.js"></script>
......
architecture-examples/angularjs/index.html
View file @ 1b892ae2
...@@ -5,6 +5,9 @@ ...@@ -5,6 +5,9 @@
<title>AngularJS - TodoMVC</title> <title>AngularJS - TodoMVC</title>
<link rel="stylesheet" href="css/base.css"> <link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/app.css"> <link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div ng:controller="App.Controllers.TodoController" id="todoapp"> <div ng:controller="App.Controllers.TodoController" id="todoapp">
...@@ -41,7 +44,7 @@ ...@@ -41,7 +44,7 @@
<div id="credits"> <div id="credits">
Created by <a href="http://twitter.com/cburgdorf">Christoph Burgdorf</a>. Created by <a href="http://twitter.com/cburgdorf">Christoph Burgdorf</a>.
</div> </div>
<script src="js/libs/json2.js"></script> <script src="../../assets/base.js"></script>
<script src="js/booter.js"></script> <script src="js/booter.js"></script>
<script src="js/libs/angular/angular.min.js" ng:autobind></script> <script src="js/libs/angular/angular.min.js" ng:autobind></script>
<script src="js/controllers.js"></script> <script src="js/controllers.js"></script>
......
architecture-examples/angularjs_persistencejs/index.html
View file @ 1b892ae2
...@@ -3,7 +3,10 @@ ...@@ -3,7 +3,10 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>AngularJS with PersistenceJS Storage Todo App</title> <title>AngularJS with PersistenceJS Storage Todo App</title>
<link rel="stylesheet" href="css/app.css"/> <link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div ng:controller="App.Controllers.TodoController" id="todoapp"> <div ng:controller="App.Controllers.TodoController" id="todoapp">
...@@ -72,6 +75,7 @@ ...@@ -72,6 +75,7 @@
Using <a href="http://persistencejs.org">PersistenceJS</a> Using <a href="http://persistencejs.org">PersistenceJS</a>
</p> </p>
</div> </div>
<script src="../../assets/base.js"></script>
<script src="js/booter.js"></script> <script src="js/booter.js"></script>
<script src="lib/angular/angular.min.js" ng:autobind></script> <script src="lib/angular/angular.min.js" ng:autobind></script>
<script src="lib/rx/rx.js"></script> <script src="lib/rx/rx.js"></script>
......
architecture-examples/closure/index.html
View file @ 1b892ae2
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<title>Closure</title> <title>Closure • TodoMVC</title>
<link href="css/todos.css" media="all" rel="stylesheet" type="text/css" /> <link href="css/todos.css" rel="stylesheet">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div id="todoapp"> <div id="todoapp">
...@@ -11,10 +14,7 @@ ...@@ -11,10 +14,7 @@
</div> </div>
<div class="content"> <div class="content">
<div id="create-todo"> <div id="create-todo">
<input id="new-todo" <input id="new-todo" placeholder="What needs to be done?" type="text">
placeholder="What needs to be done?" type="text" /> <span
class="ui-tooltip-top" style="display: none;">Press Enter to
save this task</span>
</div> </div>
<div id="todos"> <div id="todos">
<ul id="todo-list"> <ul id="todo-list">
...@@ -25,13 +25,12 @@ ...@@ -25,13 +25,12 @@
</div> </div>
</div> </div>
<ul id="instructions"> <ul id="instructions">
<li>Click to edit a todo.</li> <li>Click to edit a todo</li>
</ul> </ul>
<div id="credits"> <div id="credits">
Created by <br /> <a href="http://jgn.me/">J&eacute;r&ocirc;me Created by <a href="http://www.scottlogic.co.uk/blog/chris/">Chris Price</a>
Gravel-Niquet</a> <br /> Modified to use Closure by <a
href="http://www.scottlogic.co.uk/blog/chris/">Chris Price</a>
</div> </div>
<script src="../../assets/base.js"></script>
<!-- The compiled version (to update run java -jar build/plovr.jar build plovr.json > web/compiled.js) --> <!-- The compiled version (to update run java -jar build/plovr.jar build plovr.json > web/compiled.js) -->
<script type="text/javascript" src="js/compiled.js"></script> <script type="text/javascript" src="js/compiled.js"></script>
<!-- The RAW development version (to serve the files run java -jar build/plovr.jar serve plovr.json) --> <!-- The RAW development version (to serve the files run java -jar build/plovr.jar serve plovr.json) -->
......
architecture-examples/dojo/index.html
View file @ 1b892ae2
<!DOCTYPE html> <!doctype html>
<html> <html>
<head> <head>
<title>Dojo</title> <title>Dojo • TodoMVC</title>
<style type="text/css"> <style>@import "./css/claro.css";</style>
@import "./css/claro.css"; <link href="css/todos.css" rel="stylesheet">
</style> <!--[if IE]>
<link href="css/todos.css" media="all" rel="stylesheet" type="text/css"/> <script src="../../assets/ie.js"></script>
<script data-dojo-config="async:true, parseOnLoad:true, locale:'en', paths:{'todo':'../../todo'}, deps:['dojo/parser', 'todo/app']" src="./js/dtk/dojo/dojo.js"></script> <![endif]-->
</head> </head>
<body class="claro"> <body class="claro">
<div id="todoapp"> <div id="todoapp">
<div class="title"> <div class="title">
<h1>Todos</h1> <h1>Todos</h1>
</div> </div>
<div class="content" data-dojo-type="todo.app"></div> <div class="content" data-dojo-type="todo.app"></div>
<div id="credits"> <div id="credits">
Created by Created by <a href="http://jamesthom.as/">James Thomas</a> and <a href="https://github.com/edchat">Ed Chatelain</a>
<br />
<a href="http://jamesthom.as/">James Thomas</a> and <a href="https://github.com/edchat">Ed Chatelain</a>.
</div> </div>
</div> </div>
<script src="../../assets/base.js"></script>
<script data-dojo-config="async:true, parseOnLoad:true, locale:'en', paths:{'todo':'../../todo'}, deps:['dojo/parser', 'todo/app']" src="./js/dtk/dojo/dojo.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/emberjs/index.html
View file @ 1b892ae2
<!doctype html> <!doctype html>
<!--[if lt IE 7 ]> <html lang="en" class="no-js ie6"> <![endif]--> <html lang="en">
<!--[if IE 7 ]> <html lang="en" class="no-js ie7"> <![endif]-->
<!--[if IE 8 ]> <html lang="en" class="no-js ie8"> <![endif]-->
<!--[if IE 9 ]> <html lang="en" class="no-js ie9"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en" class="no-js"> <!--<![endif]-->
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ember.js • TodoMVC</title>
<title>ember.js</title>
<meta name="description" content="">
<meta name="author" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="stylesheet" href="css/style.css?v=2"> <link rel="stylesheet" href="css/style.css?v=2">
<link rel="stylesheet" href="css/todos.css"> <link rel="stylesheet" href="css/todos.css">
<!--[if IE]>
<!--[if lt IE 9]> <script src="../../assets/ie.js"></script>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> <![endif]-->
</head> </head>
<body> <body>
<div id="todoapp"> <div id="todoapp">
<div class="title"> <div class="title">
<h1>Todos</h1> <h1>Todos</h1>
</div> </div>
<div class="content"> <div class="content">
<script type="text/x-handlebars"> <script type="text/x-handlebars">
{{#view id="create-todo"}} {{#view id="create-todo"}}
{{view Todos.CreateTodoView id="new-todo" placeholder="What needs to be done?"}} {{view Todos.CreateTodoView id="new-todo" placeholder="What needs to be done?"}}
{{/view}} {{/view}}
...@@ -58,19 +41,14 @@ ...@@ -58,19 +41,14 @@
{{/view}} {{/view}}
{{/view}} {{/view}}
</script> </script>
</div> </div>
</div> </div>
<div id="credits"> <div id="credits">
Credits: Credits: Tom Dale, Addy Osmani
<br />
Tom Dale, Addy Osmani
</div> </div>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script>
<script src="js/libs/jquery-1.7.1.min.js"></script>
<script src="js/libs/ember-0.9.min.js"></script> <script src="js/libs/ember-0.9.min.js"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</body> </body>
......
architecture-examples/extjs/index.html
View file @ 1b892ae2
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ExtJS• TodoMVC</title>
<title>ExtJS</title>
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
</head> <!--[if IE]>
<script src="../assets/ie.js"></script>
<body> <![endif]-->
</head>
<body>
<div id="todo"> <div id="todo">
<h1>Todos</h1> <h1>Todos</h1>
<input type="text" id="taskfield" placeholder="What needs to be done?" /> <input type="text" id="taskfield" placeholder="What needs to be done?" />
...@@ -18,8 +17,8 @@ ...@@ -18,8 +17,8 @@
<div class="credits"> <div class="credits">
Credits:<br /><a href="http://revolunet.com/">Revolunet</a> Credits:<br /><a href="http://revolunet.com/">Revolunet</a>
</div> </div>
<script src="../../assets/base.js"></script>
<script type="text/javascript" src="http://extjs.cachefly.net/ext-4.0.2a/bootstrap.js"></script> <script src="http://extjs.cachefly.net/ext-4.0.2a/bootstrap.js"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/javascriptmvc/todo/todo/index.html
View file @ 1b892ae2
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <!doctype html>
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en"> <html lang="en">
<head> <head>
<title>JavaScriptMVC</title> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>JavaScriptMVC • TodoMVC</title>
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div id='todos'> <div id="todos">
<h1>Todos</h1> <h1>todos</h1>
<div class="content"> <div class="content">
<input type='text' class='create' placeholder="What needs to be done?"/> <input type="text" class="create" placeholder="What needs to be done?">
</div> </div>
<ul id='list'></ul> <ul id="list"></ul>
<div id='todo-stats'> <div id="todo-stats"></div>
</div> </div>
</div> <ul id="instructions">
<ul id='instructions'>
<li>Double-click to edit a todo.</li> <li>Double-click to edit a todo.</li>
</ul> </ul>
<div id="credits"> <div id="credits">
Created by Created by <a href="http://javascriptmvc.com/">Justin Meyer</a>
<a href="http://javascriptmvc.com/">Justin Meyer</a>. <br /> Fixes, updates, stylistic changes: <a href="http://addyosmani.com">Addy Osmani</a> <br />Fixes, updates, stylistic changes: <a href="http://addyosmani.com">Addy Osmani</a>
</div> </div>
<script src="../../assets/base.js"></script>
<script type='text/ejs' id='todosEJS'> <script type='text/ejs' id='todosEJS'>
<% for(var i =0; i < this.length ; i++){ %> <% for(var i =0; i < this.length ; i++){ %>
<li <%= this[i]%>> <li <%= this[i]%>>
...@@ -53,8 +54,6 @@ ...@@ -53,8 +54,6 @@
</span> </span>
<% } %> <% } %>
</script> </script>
<script type='text/javascript' <script src="../../steal/steal.production.js?todo/todo"></script>
src='../../steal/steal.production.js?todo/todo'>
</script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/jquery/index.html
View file @ 1b892ae2
...@@ -5,6 +5,9 @@ ...@@ -5,6 +5,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>jQuery • TodoMVC</title> <title>jQuery • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -24,7 +27,7 @@ ...@@ -24,7 +27,7 @@
</section> </section>
<footer id="info"> <footer id="info">
<p>Double-click to edit a todo</p> <p>Double-click to edit a todo</p>
<p>App and template and created by <a href="http://sindresorhus.com">Sindre Sorhus</a></p> <p>App and template by <a href="http://github.com/sindresorhus">Sindre Sorhus</a></p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p> <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer> </footer>
<script type="text/x-handlebars-template" id="todo-template"> <script type="text/x-handlebars-template" id="todo-template">
...@@ -39,6 +42,7 @@ ...@@ -39,6 +42,7 @@
</li> </li>
{{/this}} {{/this}}
</script> </script>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script> <script src="../../assets/jquery.min.js"></script>
<script src="../../assets/handlebars.min.js"></script> <script src="../../assets/handlebars.min.js"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
......
architecture-examples/knockoutjs/index.html
View file @ 1b892ae2
...@@ -2,15 +2,19 @@ ...@@ -2,15 +2,19 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Knockout.js • TodoMVC</title> <title>Knockout.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
<header id="header"> <header id="header">
<h1>todos</h1> <h1>todos</h1>
<input id="new-todo" type="text" data-bind="value: current, valueUpdate: 'afterkeydown', enterKey: add" <input id="new-todo" type="text" data-bind="value: current, valueUpdate: 'afterkeydown', enterKey: add"
placeholder="What needs to be done?" autofocus > placeholder="What needs to be done?" autofocus>
</header> </header>
<section id="main" data-bind="visible: todos().length"> <section id="main" data-bind="visible: todos().length">
<input id="toggle-all" type="checkbox" data-bind="checked: allCompleted"> <input id="toggle-all" type="checkbox" data-bind="checked: allCompleted">
...@@ -40,8 +44,8 @@ ...@@ -40,8 +44,8 @@
<p>Rewritten to use Knockout 2.0 and standard template by <a href="http://knockmeout.net">Ryan Niemeyer</a></p> <p>Rewritten to use Knockout 2.0 and standard template by <a href="http://knockmeout.net">Ryan Niemeyer</a></p>
<p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani">Addy Osmani</a></p> <p>Patches/fixes for cross-browser compat: <a href="http://twitter.com/addyosmani">Addy Osmani</a></p>
</footer> </footer>
<script src="../../assets/base.js"></script>
<script src="js/lib/knockout-2.0.0.js" type="text/javascript"></script> <script src="js/lib/knockout-2.0.0.js"></script>
<script src="js/app.js" type="text/javascript"></script> <script src="js/app.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/knockoutjs/js/lib/knockout-2.0.0.debug.js deleted 100644 → 0
View file @ e68cf8f8
This source diff could not be displayed because it is too large. You can view the blob instead.
architecture-examples/knockoutjs/js/lib/knockout-2.0.0.js
View file @ 1b892ae2
// Knockout JavaScript library v2.0.0 // Knockout JavaScript library v2.0.0
// (c) Steven Sanderson - http://knockoutjs.com/ // (c) Steven Sanderson - http://knockoutjs.com/
// License: MIT (http://www.opensource.org/licenses/mit-license.php) // License: MIT (http://www.opensource.org/licenses/mit-license.php)
(function(window,undefined){ (function(window,undefined){
function c(a){throw a;}var l=void 0,m=!0,o=null,p=!1,r=window.ko={};r.b=function(a,b){for(var d=a.split("."),e=window,f=0;f<d.length-1;f++)e=e[d[f]];e[d[d.length-1]]=b};r.l=function(a,b,d){a[b]=d}; function c(a){throw a;}var l=void 0,m=!0,o=null,p=!1,r=window.ko={};r.b=function(a,b){for(var d=a.split("."),e=window,f=0;f<d.length-1;f++)e=e[d[f]];e[d[d.length-1]]=b};r.l=function(a,b,d){a[b]=d};
r.a=new function(){function a(a,e){if("INPUT"!=a.tagName||!a.type)return p;if("click"!=e.toLowerCase())return p;var b=a.type.toLowerCase();return"checkbox"==b||"radio"==b}var b=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,d={},e={};d[/Firefox\/2/i.test(navigator.userAgent)?"KeyboardEvent":"UIEvents"]=["keyup","keydown","keypress"];d.MouseEvents="click,dblclick,mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave".split(",");for(var f in d){var h=d[f];if(h.length)for(var g=0,i=h.length;g<i;g++)e[h[g]]= r.a=new function(){function a(a,e){if("INPUT"!=a.tagName||!a.type)return p;if("click"!=e.toLowerCase())return p;var b=a.type.toLowerCase();return"checkbox"==b||"radio"==b}var b=/^(\s|\u00A0)+|(\s|\u00A0)+$/g,d={},e={};d[/Firefox\/2/i.test(navigator.userAgent)?"KeyboardEvent":"UIEvents"]=["keyup","keydown","keypress"];d.MouseEvents="click,dblclick,mousedown,mouseup,mousemove,mouseover,mouseout,mouseenter,mouseleave".split(",");for(var f in d){var h=d[f];if(h.length)for(var g=0,i=h.length;g<i;g++)e[h[g]]=
......
architecture-examples/sammyjs/LICENSE.txt deleted 100644 → 0
View file @ e68cf8f8
This version/changes copyright 2011, Addy Osmani
Original multi-list/multi-todo/non todo standard version copyright 2010, Brandon Aaron
\ No newline at end of file
architecture-examples/sammyjs/assets/handfont.svg deleted 100755 → 0
View file @ e68cf8f8
This diff is collapsed.
architecture-examples/sammyjs/index.html
View file @ 1b892ae2
<!doctype html> <!doctype html>
<html> <html>
<head> <head>
<meta charset="UTF-8"> <meta charset="utf-8">
<title>Sammy.js</title> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<link rel="stylesheet" href="app.css" type="text/css" media="screen" charset="utf-8"> <title>Sammy.js • TodoMVC</title>
<link rel="stylesheet" href="app.css">
<script src="http://code.jquery.com/jquery-1.6.1.min.js" type="text/javascript" charset="utf-8"></script> <!--[if IE]>
<script src="lib/sammy.js" type="text/javascript" charset="utf-8"></script> <script src="../../assets/ie.js"></script>
<script src="lib/sammy.template.js" type="text/javascript" charset="utf-8"></script> <![endif]-->
<script src="lib/model.js" type="text/javascript" charset="utf-8"></script>
<script src="app.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript" charset="utf-8">
if (!('localStorage' in window)) {
alert('Your browser does not support localStorage');
}
</script>
</head> </head>
<body> <body>
<div id="todoapp"> <div id="todoapp">
<div class="title"> <div class="title">
<h1>Todos</h1> <h1>todos</h1>
</div> </div>
<div class="content"> <div class="content">
<div id="create-todo"> <div id="create-todo">
<input id="new-todo" placeholder="What needs to be done?" <input id="new-todo" placeholder="What needs to be done?" type="text">
type="text" />
<span class="ui-tooltip-top" style="display: none;">Press Enter to save this task</span>
</div> </div>
<div id="todos"> <div id="todos">
<ul id="todo-list"> <ul id="todo-list"></ul>
</ul>
</div> </div>
<div id="todo-stats"> <div id="todo-stats"></div>
</div> </div>
</div> </div>
</div>
<div id="credits"> <div id="credits">
This version by This version by
<br /> <br />
...@@ -46,7 +31,11 @@ ...@@ -46,7 +31,11 @@
<br /> <br />
based on some code by Brandon Aaron based on some code by Brandon Aaron
</div> </div>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script>
<script src="lib/sammy.js"></script>
<script src="lib/sammy.template.js"></script>
<script src="lib/model.js"></script>
<script src="app.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
architecture-examples/spine/index.html
View file @ 1b892ae2
...@@ -2,8 +2,12 @@ ...@@ -2,8 +2,12 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Spine.js • TodoMVC</title> <title>Spine.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -37,7 +41,7 @@ ...@@ -37,7 +41,7 @@
<!-- delete this ↓ --> <!-- delete this ↓ -->
<p>Inspired by the official <a href="https://github.com/maccman/spine.todos">Spine.Todos</a></p> <p>Inspired by the official <a href="https://github.com/maccman/spine.todos">Spine.Todos</a></p>
<!-- change this out with your name and url ↓ --> <!-- change this out with your name and url ↓ -->
<p>Created by <a href="http://sindresorhus.com">Sindre Sorhus</a></p> <p>Created by <a href="http://github.com/sindresorhus">Sindre Sorhus</a></p>
</footer> </footer>
<script type="text/x-handlebars-template" id="todo-template"> <script type="text/x-handlebars-template" id="todo-template">
{{#this}} {{#this}}
...@@ -51,6 +55,7 @@ ...@@ -51,6 +55,7 @@
</li> </li>
{{/this}} {{/this}}
</script> </script>
<script src="../../assets/base.js"></script>
<script src="../../assets/jquery.min.js"></script> <script src="../../assets/jquery.min.js"></script>
<script src="../../assets/handlebars.min.js"></script> <script src="../../assets/handlebars.min.js"></script>
<script src="js/lib/spine.min.js"></script> <script src="js/lib/spine.min.js"></script>
......
architecture-examples/yuilibrary/index.html
View file @ 1b892ae2
<!doctype html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html lang="en">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en" >
<head> <head>
<title>YUIlibrary.js</title> <meta charset="utf-8">
<link rel="stylesheet" href="css/style.css" type="text/css"/> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>YUI • TodoMVC</title>
<link rel="stylesheet" href="css/style.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<div id="todo-app">
<!-- This is the main container and "shell" for the todo app. -->
<div id="todo-app">
<div class="title"> <div class="title">
<h1>Todos</h1> <h1>Todos</h1>
</div> </div>
<label class="todo-label" for="new-todo"></label> <label class="todo-label" for="new-todo"></label>
<input type="text" id="new-todo" class="todo-input" <input type="text" id="new-todo" class="todo-input" placeholder="What needs to be done?">
placeholder="What needs to be done?">
<div id="todos"> <div id="todos">
<ul id="todo-list"></ul> <ul id="todo-list"></ul>
</div> </div>
<div id="todo-stats"></div> <div id="todo-stats"></div>
</div> </div>
<div id="credits">
<div id="credits">
This version by This version by
<br /> <br />
<a href="http://twitter.com/addyosmani">Addy Osmani</a> <a href="http://twitter.com/addyosmani">Addy Osmani</a>
<br /> <br />
based on code by the YUILibrary team. based on code by the YUILibrary team.
</div> </div>
<script type="text/x-template" id="todo-item-template">
<!-- This template HTML will be used to render each todo item. -->
<script type="text/x-template" id="todo-item-template">
<div class="todo-view"> <div class="todo-view">
<input type="checkbox" class="todo-checkbox" {checked}> <input type="checkbox" class="todo-checkbox" {checked}>
<span class="todo-content" tabindex="0">{text}</span> <span class="todo-content" tabindex="0">{text}</span>
...@@ -46,11 +41,8 @@ ...@@ -46,11 +41,8 @@
<a href="#" class="todo-remove" title="Remove this task"> <a href="#" class="todo-remove" title="Remove this task">
<span class="todo-remove-icon"></span> <span class="todo-remove-icon"></span>
</a> </a>
</script> </script>
<script type="text/x-template" id="todo-stats-template">
<!-- This template HTML will be used to render the statistics at the bottom
of the todo list. -->
<script type="text/x-template" id="todo-stats-template">
<span class="todo-count"> <span class="todo-count">
<span class="todo-remaining">{numRemaining}</span> <span class="todo-remaining">{numRemaining}</span>
<span class="todo-remaining-label">{remainingLabel}</span> left. <span class="todo-remaining-label">{remainingLabel}</span> left.
...@@ -59,12 +51,9 @@ ...@@ -59,12 +51,9 @@
<a href="#" class="todo-clear"> <a href="#" class="todo-clear">
Clear {numDone} completed <span class="todo-done-label">{doneLabel}</span> Clear {numDone} completed <span class="todo-done-label">{doneLabel}</span>
</a> </a>
</script> </script>
<script src="../../assets/base.js"></script>
<script src="js/yui-3.4.0.min.js"></script>
<script src="js/yui-3.4.0.min.js"></script> <script src="js/app.js"></script>
<script type="text/javascript" src="js/app.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
dependency-examples/emberjs_require/index.html
View file @ 1b892ae2
...@@ -6,6 +6,9 @@ ...@@ -6,6 +6,9 @@
<title>ember.js + require.js • TodoMVC</title> <title>ember.js + require.js • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<link rel="stylesheet" href="css/app.css"> <link rel="stylesheet" href="css/app.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -25,6 +28,7 @@ ...@@ -25,6 +28,7 @@
</p> </p>
<p>Part of <a href="http://todomvc.com">TodoMVC</a></p> <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
</footer> </footer>
<script src="../../assets/base.js"></script>
<script data-main="js/app.js" src="js/lib/require/require.js"></script> <script data-main="js/app.js" src="js/lib/require/require.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
reference-examples/vanillajs/index.html
View file @ 1b892ae2
...@@ -2,8 +2,12 @@ ...@@ -2,8 +2,12 @@
<html> <html>
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>VanillaJS • TodoMVC</title> <title>VanillaJS • TodoMVC</title>
<link rel="stylesheet" href="../../assets/base.css"> <link rel="stylesheet" href="../../assets/base.css">
<!--[if IE]>
<script src="../../assets/ie.js"></script>
<![endif]-->
</head> </head>
<body> <body>
<section id="todoapp"> <section id="todoapp">
...@@ -12,7 +16,7 @@ ...@@ -12,7 +16,7 @@
<input id="new-todo" placeholder="What needs to be done?" autofocus> <input id="new-todo" placeholder="What needs to be done?" autofocus>
</header> </header>
<section id="main"> <section id="main">
<input id="toggle-all" type="checkbox" > <input id="toggle-all" type="checkbox">
<label for="toggle-all">Mark all as complete</label> <label for="toggle-all">Mark all as complete</label>
<ul id="todo-list"></ul> <ul id="todo-list"></ul>
</section> </section>
...@@ -26,6 +30,7 @@ ...@@ -26,6 +30,7 @@
<p>Created by <a href="http://twitter.com/ffesseler">Florian Fesseler</a></p> <p>Created by <a href="http://twitter.com/ffesseler">Florian Fesseler</a></p>
<p>Cleanup, edits by <a href="http://github.com/boushley">Aaron Boushley</a></p> <p>Cleanup, edits by <a href="http://github.com/boushley">Aaron Boushley</a></p>
</footer> </footer>
<script src="../../assets/base.js"></script>
<script src="js/app.js"></script> <script src="js/app.js"></script>
</body> </body>
</html> </html>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment
GitLab Nexedi Edition | About GitLab | About Nexedi | 沪ICP备2021021310号-2 | 沪ICP备2021021310号-7