Show help/about pages in popup

Gruntfile.coffee

@@ -39,6 +39,7 @@ module.exports = (grunt) ->
 			'bower_components/angular/angular.js'
 			'bower_components/angular-sanitize/angular-sanitize.js'
 			'bower_components/angular-scroll/angular-scroll.js'
+			'bower_components/ngDialog/js/ngDialog.js'
 			'bower_components/marked/lib/marked.js'
 			'scripts/app.js'
 			'scripts/controllers.js'
@@ -54,6 +55,8 @@ module.exports = (grunt) ->
 		]
 		styles: [
 			'bower_components/fontawesome/css/font-awesome.min.css'
+			'bower_components/ngDialog/css/ngDialog.css'
+			'bower_components/ngDialog/css/ngDialog-theme-default.css'
 			'bower_components/pure/pure-min.css'
 			'styles/style.css'
 		]

bower.json

@@ -8,6 +8,7 @@
 		"fontawesome": "4.2.0",
 		"lodash": "2.4.1",
 		"marked": "0.3.2",
+		"ngDialog": "0.3.8",
 		"pure": "0.2.0",
 		"qunit": "1.13.x"
 	},

source/index.html.jade

@@ -22,11 +22,9 @@ html(ng-app="sideBySide" ng-controller="AppController")
 		.pure-menu.pure-menu-open.pure-menu-horizontal.menu-main
 			ul
 				li
-					a(href="") Home
+					a(href="" ng-click="showPage('help')") Help
 				li
-					a(href="help") Help
-				li
-					a(href="about") About
+					a(href="" ng-click="showPage('about')") About
 
 		div(ng-controller="ComparisonController" class="cols-{{columns}}")
 			include includes/comparison.html.jade

source/partials/about.html.jade

@@ -0,0 +1 @@
+p about page.

source/partials/help.html.jade

@@ -0,0 +1 @@
+p help stuff...

source/scripts/app.js.coffee

@@ -1,4 +1,4 @@
-angular.module('sideBySide', ['sideBySide.controllers', 'ngSanitize', 'duScroll'])
+angular.module('sideBySide', ['sideBySide.controllers', 'ngDialog', 'ngSanitize', 'duScroll'])
 	.config [ '$locationProvider', ($locationProvider) ->
 		$locationProvider.html5Mode true
 	]

source/scripts/controllers.js.coffee

@@ -1,13 +1,18 @@
 angular.module("sideBySide.controllers", [])
 .controller "AppController",
-['$scope', 'poems'
-($scope, poems) ->
+['$scope', 'ngDialog', 'poems'
+($scope, ngDialog, poems) ->
 	$scope.title = =>
 		sbs = 'Side By Side viewer'
 		if poems.config.title
 			poems.config.title + ' – ' + sbs
 		else
 			sbs
+
+	$scope.showPage = (page) ->
+		ngDialog.open {
+			template: 'partials/' + page + '.html'
+		}
 ]
 .controller "ComparisonController",
 ['$document', '$rootScope', '$scope', 'filter', 'load', 'poems', 'route', 'transformer'