Add HTML Codesniffer links

public/less/site-responsive.less

@@ -36,11 +36,13 @@
 	.other-tasks {
 		.sr-only();
 	}
-	.action-buttons,
 	.task-stats,
 	.btn-full-width {
 		margin-bottom:0;
 	}
+	.action-buttons {
+		margin-bottom:20px;
+	}
 	.aside {
 		margin-bottom:15px;
 	}
@@ -54,7 +56,7 @@
 			float:none;
 
 			li {
-				width:33%;
+				width:25%;
 			}
 		}
 	}
@@ -75,6 +77,7 @@
 	}
 	.action-buttons {
 		margin-top:10px;
+		margin-bottom:0;
 
 		.btn-full-width {
 			margin-bottom:10px;
@@ -126,6 +129,11 @@
 			margin-bottom:20px;
 		}
 	}
+	.footer .nav {
+		li {
+			width:50%;
+		}
+	}
 }
 @media (max-width:479px) {
 	.graph {
@@ -170,4 +178,4 @@
 			}
 		}
 	}
-}
+}

public/less/site.less

@@ -86,7 +86,7 @@
 		border-bottom-right-radius:3px;
 		margin-bottom:0;
 	}
-} 
+}
 .options-button {
 	position:absolute;
 	top:5px;
@@ -346,7 +346,7 @@ ul.date-links {
 }
 .series-checkboxes {
 	margin-top:15px;
-	
+
 	li {
 		width:32%;
 		margin-right:2%;
@@ -413,8 +413,3 @@ ul.date-links {
 		}
 	}
 }
-
-/* Sidebar */
-.action-buttons {
-	margin-bottom:30px;
-}

view/partial/page-footer.html

@@ -1,10 +1,10 @@
 <footer>
 	<div class="footer" role="contentinfo">
 		<div class="container">
-			<div class="col-md-7">
+			<div class="col-md-5">
 				<small>&copy; {{year}} Nature Publishing Group.<br/>pa11y dashboard is licensed under the GNU General Public License 3.0.<br/>Version {{version}}</small>
 			</div>
-			<div class="col-md-5 clearfix">
+			<div class="col-md-7 clearfix">
 				<ul class="crunch-bottom floated-list nav">
 					<li>
 						<a href="{{repo}}">GitHub Repo</a>
@@ -15,8 +15,11 @@
 					<li>
 						<a href="http://www.w3.org/TR/WCAG20/">WCAG 2.0 spec</a>
 					</li>
+					<li>
+						<a href="http://squizlabs.github.io/HTML_CodeSniffer/">HTML_CodeSniffer</a>
+					</li>
 				</ul>
 			</div>
 		</div>
 	</div>
-</footer>
+</footer>

view/partial/result.html

@@ -22,6 +22,14 @@
 			        </a>
 				</div>
 			</div>
+		</div>
+	</div>
+	<div class="row">
+		<div class="col-md-12 col-sm-12 clearfix">
+			<div class="well">
+				<h4 class="crunch-top">View results in browser</h4>
+				<p class="crunch-bottom">pa11y uses HTML_CodeSniffer to find accessibility issues. <a href="http://squizlabs.github.io/HTML_CodeSniffer/">Use their bookmarklet</a> to view results on the page you are testing.</p>
+			</div>
 	    </div>
 	</div>
 </div>
@@ -33,7 +41,7 @@
 			Errors ( {{mainResult.count.error}} )
 		</div>
 		<div class="task-danger tasks-list collapse clearfix in">
-
+			
 			<ul class="list-unstyled">
 				{{#mainResult.errors}}
 					<li>
@@ -89,25 +97,25 @@
 		<p class="heading label-info" id="notices">Well done! You have 0 notices. <span class="glyphicon glyphicon-ok pull-right"></span></p>
 	{{/if}}
 
-	{{#if mainResult.ignore.length}}
+	{{#if task.ignore.length}}
 		<div class="heading label-default">
 			<span data-role="expander" class="pull-right expander"> + </span>
-			Ignored Rules ( {{mainResult.ignore.length}} )
+			Ignored Rules
 		</div>
 		<div class="task-default tasks-list collapse clearfix">
 			<ul class="list-unstyled">
-			    {{#mainResult.ignore}}
+			    {{#task.ignore}}
 			        <li>
 						<p class="crunch rule-name">{{name}}</p>
 						{{#if description}}
 							<p>{{description}}</p>
 						{{/if}}
 					</li>
-			    {{/mainResult.ignore}}
+			    {{/task.ignore}}
 			</ul>
 			<a class="pull-right" href="#top" data-role="top">Back to top</a>
 		</div>
 	{{else}}
 		<p class="heading label-default">You have no ignored rules.</p>
 	{{/if}}
-</div>
+</div>