diff --git a/architecture-examples/agilityjs/component.json b/architecture-examples/agilityjs/component.json index 5408ff311d..d41964c444 100644 --- a/architecture-examples/agilityjs/component.json +++ b/architecture-examples/agilityjs/component.json @@ -2,8 +2,8 @@ "name": "agilityjs", "version": "0.0.0", "dependencies": { - "todomvc-common": "~0.1.2", + "todomvc-common": "~0.1.4", "agility": "~0.1.3", "jquery": "~1.9.1" } -} \ No newline at end of file +} diff --git a/architecture-examples/agilityjs/components/todomvc-common/base.js b/architecture-examples/agilityjs/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/agilityjs/components/todomvc-common/base.js +++ b/architecture-examples/agilityjs/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/architecture-examples/agilityjs/components/todomvc-common/component.json b/architecture-examples/agilityjs/components/todomvc-common/component.json deleted file mode 100644 index 6b468404ef..0000000000 --- a/architecture-examples/agilityjs/components/todomvc-common/component.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "name": "todomvc-common", - "version": "0.1.0", - "gitHead": "63628bfbeff187f6db5bc982a0a222e66e62901e", - "_id": "todomvc-common@0.1.0", - "readme": "ERROR: No README.md file found!", - "description": "ERROR: No README.md file found!", - "repository": { - "type": "git", - "url": "git://github.com/TasteJS/todomvc-common.git" - } -} \ No newline at end of file diff --git a/architecture-examples/angularjs-perf/component.json b/architecture-examples/angularjs-perf/component.json index b203d541b9..f910e5194a 100644 --- a/architecture-examples/angularjs-perf/component.json +++ b/architecture-examples/angularjs-perf/component.json @@ -3,6 +3,6 @@ "version": "0.0.0", "dependencies": { "angular": "~1.0.5", - "todomvc-common": "~0.1.2" + "todomvc-common": "~0.1.4" } } diff --git a/architecture-examples/angularjs-perf/components/todomvc-common/base.js b/architecture-examples/angularjs-perf/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/angularjs-perf/components/todomvc-common/base.js +++ b/architecture-examples/angularjs-perf/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/architecture-examples/angularjs/component.json b/architecture-examples/angularjs/component.json index 5648d3b8a2..7b080dd1ae 100644 --- a/architecture-examples/angularjs/component.json +++ b/architecture-examples/angularjs/component.json @@ -3,7 +3,7 @@ "version": "0.0.0", "dependencies": { "angular": "~1.0.5", - "todomvc-common": "~0.1.2" + "todomvc-common": "~0.1.4" }, "devDependencies": { "angular-mocks": "~1.0.5" diff --git a/architecture-examples/angularjs/components/todomvc-common/base.js b/architecture-examples/angularjs/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/angularjs/components/todomvc-common/base.js +++ b/architecture-examples/angularjs/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/architecture-examples/backbone/component.json b/architecture-examples/backbone/component.json index 7d990b59bf..285a7ad700 100644 --- a/architecture-examples/backbone/component.json +++ b/architecture-examples/backbone/component.json @@ -5,7 +5,7 @@ "backbone": "~1.0.0", "underscore": "~1.4.4", "jquery": "~1.9.1", - "todomvc-common": "~0.1.2", + "todomvc-common": "~0.1.4", "backbone.localStorage": "~1.1.0" } } diff --git a/architecture-examples/backbone/components/todomvc-common/base.js b/architecture-examples/backbone/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/backbone/components/todomvc-common/base.js +++ b/architecture-examples/backbone/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/architecture-examples/canjs/component.json b/architecture-examples/canjs/component.json index dc07abf9db..c41fbecea9 100644 --- a/architecture-examples/canjs/component.json +++ b/architecture-examples/canjs/component.json @@ -4,6 +4,7 @@ "dependencies": { "jquery": "~1.9.1", "canjs": "~1.1.4", - "canjs-localstorage": "~0.1.0" + "canjs-localstorage": "~0.1.0", + "todomvc-common": "~0.1.4" } } diff --git a/architecture-examples/canjs/components/todomvc-common/base.js b/architecture-examples/canjs/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/canjs/components/todomvc-common/base.js +++ b/architecture-examples/canjs/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/architecture-examples/canjs/components/todomvc-common/component.json b/architecture-examples/canjs/components/todomvc-common/component.json deleted file mode 100644 index bd90d48236..0000000000 --- a/architecture-examples/canjs/components/todomvc-common/component.json +++ /dev/null @@ -1,12 +0,0 @@ -{ - "name": "todomvc-common", - "version": "0.1.1", - "gitHead": "639b3e310c9fd6970e8ccda893ad564915e715f5", - "_id": "todomvc-common@0.1.1", - "readme": "ERROR: No README.md file found!", - "description": "ERROR: No README.md file found!", - "repository": { - "type": "git", - "url": "git://github.com/tastejs/todomvc-common.git" - } -} \ No newline at end of file diff --git a/architecture-examples/closure/component.json b/architecture-examples/closure/component.json index 45f60adca4..dccae5ebf9 100644 --- a/architecture-examples/closure/component.json +++ b/architecture-examples/closure/component.json @@ -1,7 +1,7 @@ { - "name": "todomvc-closure", - "version": "0.0.0", - "dependencies": { - "todomvc-common": "~0.1.2" - } + "name": "todomvc-closure", + "version": "0.0.0", + "dependencies": { + "todomvc-common": "~0.1.4" + } } diff --git a/architecture-examples/closure/components/todomvc-common/base.js b/architecture-examples/closure/components/todomvc-common/base.js index aec62c2543..3fd166d061 100644 --- a/architecture-examples/closure/components/todomvc-common/base.js +++ b/architecture-examples/closure/components/todomvc-common/base.js @@ -6,9 +6,8 @@ } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -29,9 +28,8 @@ } function redirect() { - if (location.hostname === 'addyosmani.github.com') { - location.href = location.href.replace('addyosmani.github.com/todomvc', - 'todomvc.com'); + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); } } diff --git a/architecture-examples/emberjs/component.json b/architecture-examples/emberjs/component.json index 2fc95e01aa..8b3ad667cd 100644 --- a/architecture-examples/emberjs/component.json +++ b/architecture-examples/emberjs/component.json @@ -2,7 +2,7 @@ "name": "todomvc-emberjs", "version": "0.0.0", "dependencies": { - "todomvc-common": "~0.1.2", + "todomvc-common": "~0.1.4", "jquery": "~1.9.1", "handlebars": "~1.0.0-rc.3", "ember": "~1.0.0-rc.1", diff --git a/architecture-examples/emberjs/components/todomvc-common/base.js b/architecture-examples/emberjs/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/emberjs/components/todomvc-common/base.js +++ b/architecture-examples/emberjs/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/architecture-examples/jquery/component.json b/architecture-examples/jquery/component.json index 5cbb76731d..2bdb33d776 100644 --- a/architecture-examples/jquery/component.json +++ b/architecture-examples/jquery/component.json @@ -4,6 +4,6 @@ "dependencies": { "jquery": "~1.9.1", "handlebars": "~1.0.0-rc.3", - "todomvc-common": "~0.1.2" + "todomvc-common": "~0.1.4" } } diff --git a/architecture-examples/jquery/components/todomvc-common/base.js b/architecture-examples/jquery/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/jquery/components/todomvc-common/base.js +++ b/architecture-examples/jquery/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/architecture-examples/knockoutjs/component.json b/architecture-examples/knockoutjs/component.json index 5a1ea41d05..d5d280f4d5 100644 --- a/architecture-examples/knockoutjs/component.json +++ b/architecture-examples/knockoutjs/component.json @@ -2,7 +2,7 @@ "name": "todomvc-knockoutjs", "version": "0.0.0", "dependencies": { - "todomvc-common": "~0.1.2", + "todomvc-common": "~0.1.4", "knockout.js": "~2.2.0rc", "director": "~1.1.10" } diff --git a/architecture-examples/knockoutjs/components/todomvc-common/base.js b/architecture-examples/knockoutjs/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/knockoutjs/components/todomvc-common/base.js +++ b/architecture-examples/knockoutjs/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/architecture-examples/spine/component.json b/architecture-examples/spine/component.json index fe2a2c6a29..9a2156c119 100644 --- a/architecture-examples/spine/component.json +++ b/architecture-examples/spine/component.json @@ -3,7 +3,7 @@ "version": "0.0.0", "dependencies": { "spine": "~1.0.9", - "todomvc-common": "~0.1.2", + "todomvc-common": "~0.1.4", "handlebars": "~1.0.0-rc.3", "jquery": "~1.8.3" } diff --git a/architecture-examples/spine/components/todomvc-common/base.js b/architecture-examples/spine/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/architecture-examples/spine/components/todomvc-common/base.js +++ b/architecture-examples/spine/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/dependency-examples/backbone_require/component.json b/dependency-examples/backbone_require/component.json index ed60bc8539..bd07e9978a 100644 --- a/dependency-examples/backbone_require/component.json +++ b/dependency-examples/backbone_require/component.json @@ -5,7 +5,7 @@ "backbone": "~0.9.10", "underscore": "~1.4.4", "jquery": "~1.9.1", - "todomvc-common": "~0.1.2", + "todomvc-common": "~0.1.4", "backbone.localStorage": "~1.1.0", "requirejs": "~2.1.5", "requirejs-text": "~2.0.5" diff --git a/dependency-examples/backbone_require/components/todomvc-common/base.js b/dependency-examples/backbone_require/components/todomvc-common/base.js index d696bb0c2c..3fd166d061 100644 --- a/dependency-examples/backbone_require/components/todomvc-common/base.js +++ b/dependency-examples/backbone_require/components/todomvc-common/base.js @@ -2,13 +2,12 @@ 'use strict'; if (location.hostname === 'todomvc.com') { - window._gaq=[['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); } function getSourcePath() { - // If accessed via addyosmani.github.com/todomvc/, strip the project - // path. - if (location.hostname.indexOf('github.com') > 0) { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { return location.pathname.replace(/todomvc\//, ''); } return location.pathname; @@ -28,5 +27,12 @@ } } + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + appendSourceLink(); + redirect(); })(); diff --git a/dependency-examples/flight/component.json b/dependency-examples/flight/component.json index 467c32666d..ecdf83bee1 100644 --- a/dependency-examples/flight/component.json +++ b/dependency-examples/flight/component.json @@ -6,6 +6,7 @@ "es5-shim": "git://github.com/kriskowal/es5-shim.git#2.0.0", "flight": "~1.0.3", "jquery": "1.8.3", - "requirejs": "~2.1.5" + "requirejs": "~2.1.5", + "todomvc-common": "~0.1.4" } } diff --git a/dependency-examples/flight/components/todomvc-common/base.css b/dependency-examples/flight/components/todomvc-common/base.css new file mode 100644 index 0000000000..8d1db3a696 --- /dev/null +++ b/dependency-examples/flight/components/todomvc-common/base.css @@ -0,0 +1,414 @@ +html, +body { + margin: 0; + padding: 0; +} + +button { + margin: 0; + padding: 0; + border: 0; + background: none; + font-size: 100%; + vertical-align: baseline; + font-family: inherit; + color: inherit; + -webkit-appearance: none; + /*-moz-appearance: none;*/ + -ms-appearance: none; + -o-appearance: none; + appearance: none; +} + +body { + font: 14px 'Helvetica Neue', Helvetica, Arial, sans-serif; + line-height: 1.4em; + background: #eaeaea url('bg.png'); + color: #4d4d4d; + width: 550px; + margin: 0 auto; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; + -ms-font-smoothing: antialiased; + -o-font-smoothing: antialiased; + font-smoothing: antialiased; +} + +#todoapp { + background: #fff; + background: rgba(255, 255, 255, 0.9); + margin: 130px 0 40px 0; + border: 1px solid #ccc; + position: relative; + border-top-left-radius: 2px; + border-top-right-radius: 2px; + box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2), + 0 25px 50px 0 rgba(0, 0, 0, 0.15); +} + +#todoapp:before { + content: ''; + border-left: 1px solid #f5d6d6; + border-right: 1px solid #f5d6d6; + width: 2px; + position: absolute; + top: 0; + left: 40px; + height: 100%; +} + +#todoapp input::-webkit-input-placeholder { + font-style: italic; +} + +#todoapp input:-moz-placeholder { + font-style: italic; + color: #a9a9a9; +} + +#todoapp h1 { + position: absolute; + top: -120px; + width: 100%; + font-size: 70px; + font-weight: bold; + text-align: center; + color: #b3b3b3; + color: rgba(255, 255, 255, 0.3); + text-shadow: -1px -1px rgba(0, 0, 0, 0.2); + -webkit-text-rendering: optimizeLegibility; + -moz-text-rendering: optimizeLegibility; + -ms-text-rendering: optimizeLegibility; + -o-text-rendering: optimizeLegibility; + text-rendering: optimizeLegibility; +} + +#header { + padding-top: 15px; + border-radius: inherit; +} + +#header:before { + content: ''; + position: absolute; + top: 0; + right: 0; + left: 0; + height: 15px; + z-index: 2; + border-bottom: 1px solid #6c615c; + background: #8d7d77; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(132, 110, 100, 0.8)),to(rgba(101, 84, 76, 0.8))); + background: -webkit-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8)); + background: -moz-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8)); + background: -o-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8)); + background: -ms-linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8)); + background: linear-gradient(top, rgba(132, 110, 100, 0.8), rgba(101, 84, 76, 0.8)); + filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#9d8b83', EndColorStr='#847670'); + border-top-left-radius: 1px; + border-top-right-radius: 1px; +} + +#new-todo, +.edit { + position: relative; + margin: 0; + width: 100%; + font-size: 24px; + font-family: inherit; + line-height: 1.4em; + border: 0; + outline: none; + color: inherit; + padding: 6px; + border: 1px solid #999; + box-shadow: inset 0 -1px 5px 0 rgba(0, 0, 0, 0.2); + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + -ms-box-sizing: border-box; + -o-box-sizing: border-box; + box-sizing: border-box; + -webkit-font-smoothing: antialiased; + -moz-font-smoothing: antialiased; + -ms-font-smoothing: antialiased; + -o-font-smoothing: antialiased; + font-smoothing: antialiased; +} + +#new-todo { + padding: 16px 16px 16px 60px; + border: none; + background: rgba(0, 0, 0, 0.02); + z-index: 2; + box-shadow: none; +} + +#main { + position: relative; + z-index: 2; + border-top: 1px dotted #adadad; +} + +label[for='toggle-all'] { + display: none; +} + +#toggle-all { + position: absolute; + top: -42px; + left: -4px; + width: 40px; + text-align: center; + border: none; /* Mobile Safari */ +} + +#toggle-all:before { + content: '»'; + font-size: 28px; + color: #d9d9d9; + padding: 0 25px 7px; +} + +#toggle-all:checked:before { + color: #737373; +} + +#todo-list { + margin: 0; + padding: 0; + list-style: none; +} + +#todo-list li { + position: relative; + font-size: 24px; + border-bottom: 1px dotted #ccc; +} + +#todo-list li:last-child { + border-bottom: none; +} + +#todo-list li.editing { + border-bottom: none; + padding: 0; +} + +#todo-list li.editing .edit { + display: block; + width: 506px; + padding: 13px 17px 12px 17px; + margin: 0 0 0 43px; +} + +#todo-list li.editing .view { + display: none; +} + +#todo-list li .toggle { + text-align: center; + width: 40px; + /* auto, since non-WebKit browsers doesn't support input styling */ + height: auto; + position: absolute; + top: 0; + bottom: 0; + margin: auto 0; + border: none; /* Mobile Safari */ + -webkit-appearance: none; + /*-moz-appearance: none;*/ + -ms-appearance: none; + -o-appearance: none; + appearance: none; +} + +#todo-list li .toggle:after { + content: '✔'; + line-height: 43px; /* 40 + a couple of pixels visual adjustment */ + font-size: 20px; + color: #d9d9d9; + text-shadow: 0 -1px 0 #bfbfbf; +} + +#todo-list li .toggle:checked:after { + color: #85ada7; + text-shadow: 0 1px 0 #669991; + bottom: 1px; + position: relative; +} + +#todo-list li label { + word-break: break-word; + padding: 15px; + margin-left: 45px; + display: block; + line-height: 1.2; + -webkit-transition: color 0.4s; + -moz-transition: color 0.4s; + -ms-transition: color 0.4s; + -o-transition: color 0.4s; + transition: color 0.4s; +} + +#todo-list li.completed label { + color: #a9a9a9; + text-decoration: line-through; +} + +#todo-list li .destroy { + display: none; + position: absolute; + top: 0; + right: 10px; + bottom: 0; + width: 40px; + height: 40px; + margin: auto 0; + font-size: 22px; + color: #a88a8a; + -webkit-transition: all 0.2s; + -moz-transition: all 0.2s; + -ms-transition: all 0.2s; + -o-transition: all 0.2s; + transition: all 0.2s; +} + +#todo-list li .destroy:hover { + text-shadow: 0 0 1px #000, + 0 0 10px rgba(199, 107, 107, 0.8); + -webkit-transform: scale(1.3); + -moz-transform: scale(1.3); + -ms-transform: scale(1.3); + -o-transform: scale(1.3); + transform: scale(1.3); +} + +#todo-list li .destroy:after { + content: '✖'; +} + +#todo-list li:hover .destroy { + display: block; +} + +#todo-list li .edit { + display: none; +} + +#todo-list li.editing:last-child { + margin-bottom: -1px; +} + +#footer { + color: #777; + padding: 0 15px; + position: absolute; + right: 0; + bottom: -31px; + left: 0; + height: 20px; + z-index: 1; + text-align: center; +} + +#footer:before { + content: ''; + position: absolute; + right: 0; + bottom: 31px; + left: 0; + height: 50px; + z-index: -1; + box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), + 0 6px 0 -3px rgba(255, 255, 255, 0.8), + 0 7px 1px -3px rgba(0, 0, 0, 0.3), + 0 43px 0 -6px rgba(255, 255, 255, 0.8), + 0 44px 2px -6px rgba(0, 0, 0, 0.2); +} + +#todo-count { + float: left; + text-align: left; +} + +#filters { + margin: 0; + padding: 0; + list-style: none; + position: absolute; + right: 0; + left: 0; +} + +#filters li { + display: inline; +} + +#filters li a { + color: #83756f; + margin: 2px; + text-decoration: none; +} + +#filters li a.selected { + font-weight: bold; +} + +#clear-completed { + float: right; + position: relative; + line-height: 20px; + text-decoration: none; + background: rgba(0, 0, 0, 0.1); + font-size: 11px; + padding: 0 10px; + border-radius: 3px; + box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.2); +} + +#clear-completed:hover { + background: rgba(0, 0, 0, 0.15); + box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3); +} + +#info { + margin: 65px auto 0; + color: #a6a6a6; + font-size: 12px; + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); + text-align: center; +} + +#info a { + color: inherit; +} + +/* + Hack to remove background from Mobile Safari. + Can't use it globally since it destroys checkboxes in Firefox and Opera +*/ +@media screen and (-webkit-min-device-pixel-ratio:0) { + #toggle-all, + #todo-list li .toggle { + background: none; + } + + #todo-list li .toggle { + height: 40px; + } + + #toggle-all { + top: -56px; + left: -15px; + width: 65px; + height: 41px; + -webkit-transform: rotate(90deg); + transform: rotate(90deg); + -webkit-appearance: none; + appearance: none; + } +} + +.hidden{ + display:none; +} diff --git a/dependency-examples/flight/components/todomvc-common/base.js b/dependency-examples/flight/components/todomvc-common/base.js new file mode 100644 index 0000000000..3fd166d061 --- /dev/null +++ b/dependency-examples/flight/components/todomvc-common/base.js @@ -0,0 +1,38 @@ +(function () { + 'use strict'; + + if (location.hostname === 'todomvc.com') { + window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script')); + } + + function getSourcePath() { + // If accessed via addyosmani.github.io/todomvc/, strip the project path. + if (location.hostname.indexOf('github.io') > 0) { + return location.pathname.replace(/todomvc\//, ''); + } + return location.pathname; + } + + function appendSourceLink() { + var sourceLink = document.createElement('a'); + var paragraph = document.createElement('p'); + var footer = document.getElementById('info'); + var urlBase = 'https://github.com/addyosmani/todomvc/tree/gh-pages'; + + if (footer) { + sourceLink.href = urlBase + getSourcePath(); + sourceLink.appendChild(document.createTextNode('Check out the source')); + paragraph.appendChild(sourceLink); + footer.appendChild(paragraph); + } + } + + function redirect() { + if (location.hostname === 'addyosmani.github.io') { + location.href = location.href.replace('addyosmani.github.io/todomvc', 'todomvc.com'); + } + } + + appendSourceLink(); + redirect(); +})(); diff --git a/dependency-examples/flight/components/todomvc-common/bg.png b/dependency-examples/flight/components/todomvc-common/bg.png new file mode 100644 index 0000000000..b2a7600825 Binary files /dev/null and b/dependency-examples/flight/components/todomvc-common/bg.png differ diff --git a/dependency-examples/flight/index.html b/dependency-examples/flight/index.html index add5ffe62a..7851ad8035 100644 --- a/dependency-examples/flight/index.html +++ b/dependency-examples/flight/index.html @@ -4,7 +4,7 @@
Created by Michal Kuklis
Part of TodoMVC
- +