The footer was not showing because it was the second top-level element in the...

The footer was not showing because it was the second top-level element in the TodosTemplate and a view only has one top-level element: the first one in the template. Move the footer to index.html since it is not really part of the application anyway.

labs/architecture-examples/maria/src/index.html

@@ -26,5 +26,11 @@
 	<script src="js/controllers/TodoController.js"></script>
 	<script src="js/bootstrap.js"></script>
 
+	<footer id="info">
+		<p>Double-click to edit a todo</p>
+		<p>Created by <a href="http://github.com/petermichaux">Peter Michaux</a></p>
+        <p>Part of <a href="http://todomvc.com">TodoMVC</a></p>
+	</footer>
+
 </body>
 </html>

labs/architecture-examples/maria/src/js/bootstrap.js

@@ -30,5 +30,5 @@ maria.on(window, 'load', function() {
 	router.init();
 
 	var view = new checkit.TodosAppView(model);
-	document.body.appendChild(view.build());
+	document.body.insertBefore(view.build(), document.body.firstChild);
 });

labs/architecture-examples/maria/src/js/templates/TodosTemplate.js

@@ -34,9 +34,4 @@ checkit.TodosAppTemplate =
 			'</ul>' +
 			'<button id="clear-completed"></button>' +
 		'</footer>' +
-	'</section>' +
-	'<footer id="info">' +
-		'<p>Double-click to edit a todo</p>' +
-		'<p>Inspired by the official <a href="https://github.com/maccman/spine.todos">Spine.Todos</a></p>' +
-		'<p>Created by <a href="http://github.com/petermichaux">Peter Michaux</a></p>' +
-	'</footer>';
+	'</section>';