Update title dynamically

source/index.html.jade

@@ -1,8 +1,8 @@
 doctype html
-html(ng-app="sideBySide")
+html(ng-app="sideBySide" ng-controller="AppController")
 	head
 		base(href="#{base}")
-		title Side By Side viewer
+		title(ng-bind="title()") Side By Side viewer
 		meta(charset="utf-8")
 		link(rel="stylesheet", type="text/css", href="//fonts.googleapis.com/css?family=Noticia+Text:400,700,400italic,700italic")
 
@@ -15,7 +15,7 @@ html(ng-app="sideBySide")
 			for script in scripts
 				script(src="#{script}")
 
-	body(ng-controller="AppController")
+	body
 		noscript Well, terribly sorry but you do need to have Javascript enabled.
 
 		// top menu

source/scripts/controllers.js.coffee

@@ -1,6 +1,13 @@
 angular.module("sideBySide.controllers", [])
-.controller "AppController", [
-	() -> null
+.controller "AppController",
+['$scope', 'poems'
+($scope, poems) ->
+	$scope.title = =>
+		sbs = 'Side By Side viewer'
+		if poems.config.title
+			poems.config.title + ' – ' + sbs
+		else
+			sbs
 ]
 .controller "ComparisonController",
 ['$document', '$rootScope', '$scope', 'filter', 'load', 'poems', 'route', 'transformer'