Adding links to all examples in labs, with descriptions and related project sites

architecture-examples/agilityjs/index.html

@@ -48,6 +48,7 @@
 		<p>Double-click to edit a todo</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>Part of <a href="http://github.com/addyosmani/todomvc/">TodoMVC</a></p>
 	</footer>
 
 	<script src="../../assets/jquery.min.js"></script>

architecture-examples/dijon/index.html

@@ -25,7 +25,8 @@
 		Double-click to edit a todo.
 	</div>
 	<div id="credits">
-		Created by <a href="http://sindresorhus.com">Sindre Sorhus</a>.
+		<p>Created by <a href="http://sindresorhus.com">Sindre Sorhus</a>.</p>
+		<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
 	</div>
 	<script type="text/x-handlebars-template" id="todo-template">
 	{{#this}}

architecture-examples/fun/index.html

@@ -2077,7 +2077,7 @@ fun = __require__["_21"].exports;
 			fun.emit(_XML_HOOK_35,  fun.expressions.Text("Double-click to edit a todo"))
 		var _XML_HOOK_36 = fun.name()
 		fun.hook(_XML_HOOK_36, _XML_HOOK_34, { tagName:"p", attrs:null })
-			fun.emit(_XML_HOOK_36,  fun.expressions.Text("Created with "))
+			fun.emit(_XML_HOOK_36,  fun.expressions.Text("Created for TodoMVC with "))
 			var _XML_HOOK_37 = fun.name()
 			fun.hook(_XML_HOOK_37, _XML_HOOK_36, { tagName:"a", attrs:[{name:"href",value: fun.expressions.Text("https://github.com/marcuswestin/fun")}] })
 				fun.emit(_XML_HOOK_37,  fun.expressions.Text("Fun"))

architecture-examples/olives/index.html

@@ -45,7 +45,8 @@
 		Double-Click to edit a todo.
 	</div>
 	<div id="credits">
-		Created by <a href="http://github.com/podefr/">Olivier Scherrer</a>.
+		<p>Created by <a href="http://github.com/podefr/">Olivier Scherrer</a>.</p>
+		<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
 	</div>
 	<!-- scripts here -->
   <script src="js/libs/require.js"></script>           

architecture-examples/troopjs/index.html

@@ -27,7 +27,8 @@
 		Double click to edit a todo.
 	</div>
 	<div id="credits">
-		Created by <a href="http://troopjs.com/">Mikael Karon</a>.
+		<p>Created by <a href="http://troopjs.com/">Mikael Karon</a>.</p>
+		<p>Part of <a href="http://todomvc.com/">TodoMVC</a>.</p>
 	</div>
 	<!-- scripts here -->
 	<script type="text/javascript" data-main="js/app.js" src="js/lib/require.js"></script>

dependency-examples/stapes_require/index.html

@@ -39,6 +39,7 @@
 		<p>Double-click to edit a todo</p>
 		<!-- change this out with your name and url ↓ -->
 		<p>Created by <a href="http://github.com/hay/stapes/">Hay Kranen</a>.</p>
+		<p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
 	</footer>
 	<script src="js/lib/zepto.js"></script>
 	<script src="js/lib/require.js" data-main="js/app"></script>

index.html

@@ -21,11 +21,11 @@
 				<div class="span5 header-title">
 					<h1>TodoMVC Labs</h1>
 					<p>
-						A common learning application for brand new JavaScript MV* frameworks
+						A common learning application for JavaScript MV* frameworks under consideration for the future
 						<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://addyosmani.github.com/todomvc" data-via="addyosmani">Tweet</a>
 					</p>
 					<nav>
-						<a class="btn btn-primary btn-large" href="https://github.com/addyosmani/todomvc/zipball/v0.3">Download</a>
+						<a class="btn btn-primary btn-large" href="#">Download</a>
 						<a class="btn btn-large" href="http://github.com/addyosmani/todomvc">Follow on GitHub</a>
 					</nav>
 				</div>
@@ -33,14 +33,38 @@
 			<div class="row">
 				<div class="span4">
 					<h2>Introduction</h2>
-					<p>TodoMVC Labs showcases sample Todo applications for frameworks that have just been released or are stil maturing.</p>
-					<p>While our team are working on improving these applications for inclusion in a future release of TodoMVC, developers wishing to try out brand new frameworks or see what's coming next for this project can preview this today.</p>
+					<p>TodoMVC Labs showcases sample Todo applications for frameworks that have just been released or are still awaiting consideration for inclusion in TodoMVC.</p>
+					<p>While our team are working on improving these applications for a future release of TodoMVC, developers wishing to try out brand new frameworks or see what's coming next for this project can preview this today.</p>
 				</div>
 				<div class="span5" id="demos">
 					<h2>Demos</h2>
 					<ul class="nav nav-pills">
 						<li>
-							<a href="#" data-source="http://frameworkdomain.com" data-content="Description">Coming Soon</a>
+							<a href="architecture-examples/agilityjs/index.html" data-source="http://agilityjs.com" data-content="Agility.js is an MVC library for Javascript that lets you write maintainable and reusable browser code without the infrastructural overhead found in other MVC libraries. The goal is to enable developers to write web apps at least as quickly as with jQuery, while simplifying long-term maintainability through MVC objects.">AgilityJS</a>
+						</li>
+						<li>
+							<a href="architecture-examples/stapes/index.html" data-source="http://hay.github.com/stapes/" data-content="Stapes is a (really) tiny Javascript MVC micro-framework (1.7kb) that has all the building blocks you need when writing an MVC app. It includes a powerful event system, support for inheritance, use with AMD, plugin support and more. A RequireJS Todo application is <a href='dependency-examples/stapes_require/index.html'>also</a> available.">Stapes</a>
+						</li>
+						<li>
+							<a href="architecture-examples/gwt/index.html" data-source="https://developers.google.com/web-toolkit/" data-content="Google Web Toolkit (GWT) is an MVP development toolkit for building and optimizing complex browser-based applications. GWT is used by many products at Google, including Google AdWords.">Google Web Toolkit</a>
+						</li>
+						<li>
+							<a href="architecture-examples/olives/index.html" data-source="https://github.com/flams/olives" data-content="Olives is a JS MVC framework that helps you create realtime UIs. It includes a set of AMD/CommonJS modules that are easily extensive, a high level of abstraction to reduce boilerplate and is based on socket.io, to provide a powerful means to communicate with node.js.">Olives</a>
+						</li>
+						<li>
+							<a href="architecture-examples/fun/index.html" data-source="https://github.com/marcuswestin/fun" data-content="Fun is not an MVC framework, but a programming language meant to tackle MVC/UI programming on a deeper, more fundamental level - part reactive/functional and part sequential/procedural.">Fun</a>
+						</li>
+						<li>
+							<a href="architecture-examples/rappidjs/index.html" data-source="https://github.com/it-ony/rAppid.js" data-content="rAppid.js is a declarative JavaScript framework for rapid web application development. It supports dependency loading, Model-View binding, View-Model binding, dependency injection and i18n.">rAppid</a>
+						</li>
+						<li>
+							<a href="architecture-examples/dijon/index.html" data-source="https://github.com/creynders/dijon-framework" data-content="Dijon is an IOC and DI micro-framework for Javascript. Originally it was meant to be a port of Robotlegs, but deviated to something quite different. It remains however heavily inspired by Robotlegs, and more specifically Swiftsuspenders.">Dijon</a>
+						</li>
+						<li>
+							<a href="architecture-examples/troopjs/index.html" data-source="https://github.com/troopjs/" data-content="TroopJS attempts to package popular front-end technologies and bind them with minimal effort for the developer. It includes jQuery for DOM manipulation, ComposeJS for object composition, RequireJS for modularity and Has.js for feature detection. On top, it includes Pub/Sub support, templating, weaving (widgets to DOM) and auto-wiring.">TroopJS</a>
+						</li>
+						<li>
+							<a href="dependency-examples/emberjs_require/index.html" data-source="http://hay.github.com/stapes/" data-content="Ember is a JavaScript framework for creating ambitious web applications that eliminates boilerplate and provides a standard application architecture. This is an example of using it with AMD modules">Ember.js + RequireJS</a>
 						</li>
 					</ul>
 					<ul class="nav nav-pills">