Add breadcrumb

public/less/bootstrap.less

@@ -24,7 +24,7 @@
 @import "input-groups.less";
 @import "navs.less";
 @import "navbar.less";
-//@import "breadcrumbs.less";
+@import "breadcrumbs.less";
 //@import "pagination.less";
 @import "pager.less";
 @import "labels.less";

public/less/site.less

@@ -19,16 +19,19 @@
 .ruled-sm {
 	margin-bottom:15px;
 }
+.well-med {
+	padding:15px;
+}
 
 /* General */
 .header {
-	padding-bottom:25px;
-	margin-bottom:40px;
+	padding-bottom:15px;
+	margin-bottom:30px;
 	background-color:lighten(@gray-lighter, 4%);
 }
 .footer {
 	background-color:lighten(@gray-lighter, 4%);
-	padding:40px 0;
+	padding:40px 0 20px 0;
 	margin-top:40px;
 }
 .supersize-me {
@@ -92,6 +95,7 @@
 	li {
 		width:32%;
 		margin-right:2%;
+		border-radius: @border-radius-base;
 
 		a {
 			display:block;
@@ -297,6 +301,7 @@ ul.date-links {
 	li {
 		width:32%;
 		margin-right:2%;
+		border-radius: @border-radius-base;
 
 		label {
 			padding:2px 4px;

route/index.js

@@ -13,7 +13,8 @@ function route (app) {
 			}
 			res.render('index', {
 				tasks: tasks.map(presentTask),
-				deleted: (typeof req.query.deleted !== 'undefined')
+				deleted: (typeof req.query.deleted !== 'undefined'),
+				isHomePage: true
 			});
 		});
 	});

route/new.js

@@ -15,7 +15,8 @@ function route (app) {
 			return standard;
 		});
 		res.render('new', {
-			standards: standards
+			standards: standards,
+			isNewTaskPage: true
 		});
 	});
 

route/result/index.js

@@ -22,7 +22,8 @@ function route (app) {
                     }
                     res.render('result', {
                         task: presentTask(task),
-                        mainResult: presentResult(result)
+                        mainResult: presentResult(result),
+                        isResultPage: true
                     });
                 });
         });

route/task/delete.js

@@ -14,7 +14,8 @@ function route (app) {
 				return next();
 			}
 			res.render('task/delete', {
-				task: presentTask(task)
+				task: presentTask(task),
+				isTaskPage: true
 			});
 		});
 	});

route/task/index.js

@@ -22,7 +22,8 @@ function route (app) {
 					task: presentTask(task),
 					results: presentResultList(results.map(presentResult)),
 					mainResult: task.lastResult || null,
-					added: (typeof req.query.added !== 'undefined')
+					added: (typeof req.query.added !== 'undefined'),
+					isTaskPage: true
 				});
 			});
 		});

view/layout/default.html

@@ -26,6 +26,8 @@
 
 	{{> page-header}}
 
+	{{> breadcrumb}}
+
 	<div class="container">
 		<div class="row">
 			<section>

view/partial/breadcrumb.html

@@ -0,0 +1,21 @@
+{{#unless isHomePage}}
+	<div class="container">
+		<div class="row">
+			<div class="col-md-12">
+				<ol class="breadcrumb">
+					<li><a href="/">Home</a></li>
+					{{#if isNewTaskPage}}
+						<li class="active">Add URL</li>
+					{{/if}}
+			  		{{#if isTaskPage}}
+					  <li class="active">{{simplify-url task.url}}</li>
+					{{/if}}
+					{{#if isResultPage}}
+						<li><a href="{{task.href}}">{{simplify-url task.url}}</a></li>
+				  		<li class="active">Results for {{date-format mainResult.date format="DD MMM YYYY"}}</li>
+			  		{{/if}}
+				</ol>
+			</div>
+		</div>
+	</div>
+{{/unless}}

view/partial/result-header.html

@@ -2,7 +2,8 @@
 	<div class="ruled task-header">
 		<div class="row clearfix">
 			<div class="col-md-12">
-				<h2 class="crunch-top"><a href="{{task.href}}">{{simplify-url task.url}}</a> - results for {{date-format mainResult.date format="DD MMM YYYY"}}</h2>
+				<div class="h3 crunch well-med well pull-right"><span class="glyphicon glyphicon-calendar"></span>&nbsp;{{date-format mainResult.date format="DD MMM YYYY"}}</div>
+				<h2 class="crunch-top">{{simplify-url task.url}}</h2>
 				<p class="h4">({{task.standard}})</p>
 			</div>
 		</div>