main header title + better logic

public/less/admin/header.less

@@ -6,6 +6,15 @@
 	margin-bottom: 50px;
 	font-size: 16px;
 
+	#main-page-title {
+		position: absolute;
+		left: 48px;
+		bottom: 17px;
+		color: #aaa;
+		font-size: 47px;
+		font-weight: 300;
+	}
+
 	> ul {
 		list-style-type: none;
 		padding: 0px;

public/src/admin/admin.js

@@ -75,6 +75,8 @@
 				menu
 					.parent().addClass('active')
 					.parents('.menu-item').addClass('active');
+
+				$('#main-page-title').text(menu.text() + (menu.parents('.menu-item').children('a').text() === 'Settings' ? ' Settings' : ''));
 			}
 		});
 	}

public/src/admin/settings.js

@@ -9,11 +9,6 @@ define('admin/settings', ['uploader', 'sounds'], function(uploader, sounds) {
 	};
 
 	Settings.populateTOC = function() {
-		var title = ajaxify.currentPage
-				.replace('admin/settings/', '')
-				.replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + txt.substr(1).toLowerCase();});
-
-		$('#settings-title').text(title + ' Settings');
 		$('.settings-header').each(function() {
 			var header = $(this).text(),
 				anchor = header.toLowerCase().replace(/ /g, '-').trim();

src/views/admin/partials/menu.tpl

@@ -1,4 +1,5 @@
 <nav class="header">
+	<h1 id="main-page-title"></h1>
 	<ul id="main-menu">
 		<li class="menu-item">
 			<a href="{relative_path}/admin/general/dashboard">Dashboard</a>

src/views/admin/settings/header.tpl

@@ -1,6 +1,4 @@
 <div class="settings">
-	<h1 id="settings-title"></h1>
-
 	<div class="row">
 		<div class="col-xs-2">
 			Contents