Add menus

source/documents/index.html.jade

@@ -9,26 +9,34 @@ html(ng-app="sideBySide")
 		link(rel="stylesheet", type="text/css", href="styles/style.css")
 		include _scripts.html.jade
 
-	body
-		#comparison(ng-controller="comparisonController", class="cols-{{columns}}")
+	body(ng-controller="comparisonController", class="cols-{{columns}}")
+		noscript Well, terribly sorry but you do need to have Javascript enabled.
+
+		// top menu
+		.pure-menu.pure-menu-open.pure-menu-horizontal.menu-main
+			ul
+				li
+					a(href="#") Home
+				li
+					a(href="#") Pick
+				li
+					a(href="#") Help
+				li
+					a(href="#") About
+
+		// bottom menu
+		.pure-menu.pure-menu-open.pure-menu-horizontal.menu-verses
+			.pure-g-r
+				.version(ng-repeat="heading in headings")
+					.version-padded
+						.version-menu
+							.text {{ heading }}
+
+		// verses
+		#content
 			.pure-g-r(ng-repeat="verse in verses")
 				.version(ng-repeat="version in verse")
-					.version-outer
-						.version-inner
-							.section {{ version.section }}
+					.version-padded
+						.version-container
+							.section(ng-hide="version.section == ''") {{ version.section }}
 							.text(ng-bind-html-unsafe="version.text")
-
-		//// debugging cascade
-		//hr
-		//- var columnlist = []
-		//- for (var i = 1; i <= 6; i++)
-		//	- columnlist.push(i)
-		//for columns in columnlist
-		//	.pure-g-r(class="cols-#{columns}")
-		//		- var cols = new Array(columns)
-		//		for c in cols
-		//			.version
-		//				.version-outer
-		//					.version-inner
-		//						.section= columns
-		//						.text= columns