Version 2.4.0

* Update gitignore

* Update makefile. Add hbs helper

* Collect all selectors for errors/warnings/notices

* Add list of techniques that help to solve problems

* Remove task-stats block from sidebar

* Remove script from Makefile

* Update tooltips. Map standards and techniques

* Update layout for new components: new tabs, errors panels, lists of selectors, tooltips and popovers

* Update styles for new layout and components

* Graph buttons and popovers styles

* Reformat less code

* Include popover. Update IE styles

* Problem details. Context popovers

* Update graph buttons. Add sorting by number of errors

* Update graph buttons params

* Fix tooltip names

* Swap details and ignore link-buttons

* Set ignore link colors

.eslintignore

@@ -0,0 +1,2 @@
+coverage
+public/js

.eslintrc.js

@@ -0,0 +1,3 @@
+'use strict';
+
+module.exports = require('pa11y-lint-config/eslint/es6');

.gitignore

@@ -7,3 +7,6 @@ config/test.json
 # Generated npm files
 node_modules
 npm-debug.log
+
+# JetBrains IDE
+.idea

.travis.yml

@@ -1,8 +1,16 @@
 
 # Language/versions
 language: node_js
-node_js:
-  - "0.10"
+matrix:
+  include:
+    - node_js: '4'
+    - node_js: '5'
+    - node_js: '6'
+
+# Build only master (and pull-requests)
+branches:
+  only:
+    - master
 
 # Services setup
 services:
@@ -10,15 +18,7 @@ services:
 
 # Build script
 before_script:
-  - npm install -g grunt-cli
   - cp config/test.sample.json config/test.json
-  - grunt start-test &
+  - NODE_ENV=test node index.js &
   - sleep 5 # give server time to start
-script: 'grunt ci'
-
-# Notifications
-notifications:
- email:
-   - j.robinson@nature.com
-   - perry.harlock@nature.com
-   - rowan.manning@nature.com
+script: 'make ci'

CHANGELOG.md

@@ -0,0 +1,253 @@
+
+# Changelog
+
+## 2.4.0 (2017-11-23)
+
+  * Add the ability to export the results graph as a PNG, see #197 for more information
+
+## 2.3.0 (2017-10-31)
+
+  * Large overhaul of the results page, see #196 for more information
+
+## 2.2.2 (2017-03-23)
+
+  * Upgrades `body-parser` and `express`. Fixes a vulnerability in `qs`: https://snyk.io/vuln/npm:qs:20170213
+
+## 2.2.1 (2017-02-07)
+
+  * Fix task editing when no actions are specified
+
+## 2.2.0 (2017-01-27)
+
+  * Add support for Pa11y actions
+  * Update dependencies
+    * pa11y-webservice: ~2.1.2 to ^2.3.0
+
+## 2.1.2 (2016-12-12)
+
+  * Hide the "add" button in readonly mode
+  * Add a contributing guide
+
+## 2.1.1 (2016-11-20)
+
+  * Use arrows instead of plus and minus for collapsibles/expanders
+  * Supply more detailed 500 messages
+
+## 2.1.0 (2016-11-07)
+
+  * Allow for configuration files to be JavaScript rather than JSON
+  * Allow setting of HTTP headers for task runs
+  * Allow hiding/ignoring elements for task runs
+  * Update dependencies and devDependencies
+    * pa11y-webservice: ~2.0.1 to ^2.1.2
+    * mocha: ^3 to ^2 (temporary – tests weren't running)
+
+## 2.0.1 (2016-09-12)
+
+  * Update dependencies and devDependencies
+    * express: ~4.13 to ~4.14
+    * pa11y-webservice: ~2.0 to ^2.0.1
+    * request: ^2 to ^2.74
+    * mocha: ^2 to ^3
+    * pa11y-webservice-client-node: ~1.2 to ^1.2.1
+    This fixes the following vulnerabilities:
+    * https://nodesecurity.io/advisories/45
+    * https://nodesecurity.io/advisories/63
+    * https://nodesecurity.io/advisories/65
+    * https://nodesecurity.io/advisories/106
+    * https://nodesecurity.io/advisories/121
+    * https://nodesecurity.io/advisories/130
+
+## 2.0.0 (2016-06-05)
+
+  * Drop Node.js 0.10–0.12 support
+  * Update dependencies
+    * pa11y-webservice: ~1.11 to ~2.0
+  * See the [migration guide](https://github.com/pa11y/dashboard/blob/master/MIGRATION.md#migrating-from-10-to-20) for details
+
+## 1.12.1 (2016-06-05)
+
+  * Update references/links after a repo rename
+
+## 1.12.0 (2016-05-26)
+
+  * Update Node.js version support to 0.10–6.0
+  * Update dependencies
+    * body-parser: added at ~1.15
+    * chalk: ~0.2 to ~1.1
+    * compression: added at ~1.6
+    * express: ~3.4 to ~4.13
+    * express-hbs: ~0.2 to ~1.0
+    * moment: ~2.2 to ~2.13
+    * pa11y-webservice: ~1.10 to ~1.11
+    * pa11y-webservice-client-node: ~1.1 to ~1.2
+    * bower: ~1.2 to ~1.7
+    * cheerio: added at ~0.20
+    * jsdom: removed
+    * request: ~2.27 to ^2
+    * uglify-js: ~2.4 to ~2.6
+
+## 1.11.0 (2016-05-23)
+
+  * Add the ability to configure task wait times
+  * Allow configuration by environment variables
+  * Update repository references to the new Pa11y organisation
+  * Add a changelog
+
+## 1.10.0 (2016-05-18)
+
+  * Automatically focus on the filter input box when you select the filter
+  * Make a task URL clickable
+  * Tweak the documentation to make it more usable
+  * Add a resources section to the README
+
+## 1.9.0 (2016-04-25)
+
+  * Show errors' context and selector on the results page
+  * Add context and selector to CSV output
+  * Fix lint errors
+  * Switch from Grunt to Make
+  * Add a `SIGINT` handler
+  * Update dependencies
+    * pa11y-webservice: ~1.6 to ~1.8
+
+## 1.8.2 (2016-02-10)
+
+  * Update the license in the footer
+
+## 1.8.1 (2016-02-10)
+
+  * Update repository references to springernature
+
+## 1.8.0 (2016-02-04)
+
+  * Make the graph more accessible to color-blind users
+  * Fix lint errors
+
+## 1.7.0 (2016-01-29)
+
+  * Hide the date list from individual result pages
+  * Make the date selector properly keyboard accessible
+  * Change the options button into a more accessible list
+  * Make the errors/warnings/notices lists keyboard accessible
+
+## 1.6.1 (2016-01-26)
+
+  * Add keyboard access for filters
+  * Fix lint errors
+
+## 1.6.0 (2015-08-20)
+
+  * Hide all graph data except for errors by default
+
+## 1.5.0 (2015-07-06)
+
+  * Add the ability to use HTTP basic auth with task URLs
+  * Update dependencies
+    * pa11y-webservice: ~1.5 to ~1.6
+
+## 1.4.0 (2015-07-02)
+
+  * Add the ability to set a per-task timeout
+
+## 1.3.2 (2015-01-17)
+
+  * Update dependencies
+    * pa11y-webservice: ~1.3 to ~1.4
+
+## 1.3.1 (2014-03-05)
+
+  * Fix the URL filter position when in demo mode
+
+## 1.3.0 (2014-03-04)
+
+  * Add filtering of tasks on the home page
+  * Add the ability to ignore certain rules
+  * Add the ability to ignore a rule from the result page
+  * Tweak the display of task cards
+
+## 1.2.3 (2014-01-13)
+
+  * Fix CSV export for the OS X version of Excel
+
+## 1.2.2 (2014-01-09)
+
+  * Fix spacing issues when the graph is not visible
+  * Add notes on publishing a release
+
+## 1.2.1 (2014-01-08)
+
+  * Fix dropdown positioning in Internet Explorer 7 and 8
+
+## 1.2.0 (2013-12-12)
+
+  * Add HTML Codesniffer links on the results page
+  * Display the ignore rules for results on the results page
+  * Link the breadcrumbs on task sub-pages
+  * Fix an issue with saving empty ignore rules
+  * Cache-bust the CSS and JavaScript
+  * Add the ability to edit tasks
+  * Fix lint errors
+  * Tweaks to the display of the graphs
+  * Update dependencies
+    * pa11y-webservice: ~1.1 to ~1.2
+    * pa11y-webservice-client-node: ~1.0 to ~1.1
+
+## 1.1.0 (2013-11-22)
+
+  * Add a functional test suite
+  * Allow the webservice to run automatically
+  * Documentation improvements
+  * Add a Travis config
+  * Fix lint errors
+
+## 1.0.0 (2013-11-19)
+
+  * Initial stable release
+  * Add the ability to set a site-wide message
+  * Add a demo mode for demo/public-facing sites
+  * Disable search engine indexing by default
+  * Tweak the task header at smaller screen sizes
+  * Make checkboxes on the graph WCAG2AA compliant
+  * Make checkbox inputs and labels WCAG2AA compliant on new URL page
+  * Colour changes to ensure there are no contrast issues
+  * Make the copy more consistent
+  * Update screenshots
+  * Update dependencies
+    * pa11y-webservice-client-node: 1.0.0-beta.7 to ~1.0
+
+## 1.0.0-beta.3 pre-release (2013-11-12)
+
+  * Fix lint errors
+  * Add descriptive labels to tasks
+  * Add a name field to "New URL" form
+  * Add a WCAG 2.0 link to the footer
+  * Tweak the layout at smaller screen sizes
+  * Notify users when there are no ignored rules
+  * Fix the expires headers for front end assets
+  * Move from Make to Grunt
+  * Compress static files
+  * Minify the site JavaScript
+  * Compile LESS files with grunt
+  * Add a watch task to recompile assets on change
+  * Commit compiled front-end code to the repo
+  * Add development instructions
+  * Update screenshots
+  * Update dependencies
+    * pa11y-webservice-client-node: 1.0.0-beta.4 to 1.0.0-beta.7
+
+## 1.0.0-beta.2 pre-release (2013-10-04)
+
+  * Add screenshots to the README
+  * Fix margins
+  * Add bower package management
+  * Stop the graph from appearing if there's only one result
+  * Add the ability to run tasks ad-hoc
+  * Add more useful information to the footer
+  * General copy edits
+  * Update dependencies
+    * pa11y-webservice-client-node: 1.0.0-beta.3 to 1.0.0-beta.4
+
+## 1.0.0-beta.1 pre-release (2013-09-27)
+
+  * Initial release

CONTRIBUTING.md

@@ -1,38 +1,21 @@
 
-How To Contribute
-=================
+Contributing Guide
+==================
 
-pa11y-dashboard accepts contributions from anyone, as long as you follow the guidelines below. If you'd like to contribute but aren't sure what there is for you to do, check the issue tracker for [things ready to be worked on][ready] and [known bugs][bugs].
+Thanks for getting involved :tada:
 
-It might be an idea to focus efforts on the goal of the [next milestone][milestones] before jumping onto anything too far ahead on the roadmap.
+The Pa11y team loves to see new contributors, and we strive to provide a welcoming and inclusive environment. We ask that all contributors read and follow [our code of conduct][code-of-conduct] before joining. If you represent an organisation, then you might find our [guide for companies][companies] helpful.
 
+Our website outlines the many ways that you can contribute to Pa11y:
 
-Features
---------
-
-We won't accept features without prior discussion in the [issue tracker][issues]. Two heads are always better than one – this blanket rule stops you from spending your valuable time on features which may not make it back into pa11y-dashboard.
-
-If you want to fork the project and build on it by yourself, of course that's absolutely fine! Just don't expect your code to me merged back upstream :)
-
-
-Refactoring/Rewriting
----------------------
-
-We will accept refactors where it makes an improvement to the maintainability of the code-base or makes code more readable/understandable. If there's an argument about what's readable or not, chat about it in a pull-request.
-
-
-Coding Guidelines
------------------
-
-* No trailing whitespace please (except in Markdown)
-* Generally follow the style that is currently present in the code – consistency is important
-* Keep indentation consistent (tabs)
-* Don't commit code with lint errors (run `grunt lint` to run JSHint with the correct configurations)
-* Don't commit code without passing tests (run `grunt test`).
+  - [Help us to talk to our users][communications]
+  - [Help us out with design][designers]
+  - [Help us with our code][developers]
 
 
 
-[bugs]: https://github.com/nature/pa11y-dashboard/issues?labels=bug&state=open
-[ready]: https://github.com/nature/pa11y-dashboard/issues?labels=ready&state=open
-[issues]: https://github.com/nature/pa11y-dashboard/issues
-[milestones]: https://github.com/nature/pa11y-dashboard/issues/milestones
+[code-of-conduct]: http://pa11y.org/contributing/code-of-conduct/
+[communications]: http://pa11y.org/contributing/communications/
+[companies]: http://pa11y.org/contributing/companies/
+[designers]: http://pa11y.org/contributing/designers/
+[developers]: http://pa11y.org/contributing/developers/

Gruntfile.js

@@ -1,116 +0,0 @@
-module.exports = function (grunt) {
-
-	grunt.initConfig({
-
-		jshint: {
-			all: [
-				'**/*.js',
-				'!node_modules/**/*.js',
-				'!public/js/vendor/**/*.js',
-				'!public/js/site.min.js'
-			],
-			options: {
-				es3: false,
-				indent: 4,
-				latedef: false,
-				maxcomplexity: 4,
-				maxdepth: 2,
-				maxlen: 100,
-				maxparams: 4,
-				maxstatements: false,
-				node: true,
-				quotmark: 'single'
-			}
-		},
-
-		less: {
-			all: {
-				options: {
-					cleancss: true
-				},
-				files: {
-					'public/css/site.min.css': 'public/less/main.less'
-				}
-			}
-		},
-
-		mochaTest: {
-			functional: {
-				src: ['test/functional/**/*.js'],
-				options: {
-					reporter: 'spec'
-				}
-			}
-		},
-
-		nodemon: {
-			development: {
-				options: {
-					cwd: __dirname,
-					file: 'index.js',
-					env: {
-						NODE_ENV: 'development'
-					}
-				}
-			},
-			test: {
-				options: {
-					cwd: __dirname,
-					file: 'index.js',
-					env: {
-						NODE_ENV: 'test'
-					}
-				}
-			}
-		},
-
-		uglify: {
-			options: {
-				mangle: false
-			},
-			all: {
-				files: {
-					'public/js/site.min.js': [
-						'public/js/vendor/jquery/jquery.min.js',
-						'public/js/vendor/bootstrap/js/alert.js',
-						'public/js/vendor/bootstrap/js/dropdown.js',
-						'public/js/vendor/bootstrap/js/tooltip.js',
-						'public/js/vendor/flot/jquery.flot.js',
-						'public/js/vendor/flot/jquery.flot.time.js',
-						'public/js/vendor/flot/jquery.flot.selection.js',
-						'public/js/vendor/flot/jquery.flot.resize.js',
-						'public/js/site.js'
-					]
-				}
-			}
-		},
-
-		watch: {
-			less: {
-				files: ['public/less/**/*.less'],
-				tasks: ['less']
-			},
-			js: {
-				files: ['public/js/**/*.js', '!public/js/site.min.js'],
-				tasks: ['uglify']
-			}
-		}
-
-	});
-
-	grunt.loadNpmTasks('grunt-contrib-jshint');
-	grunt.loadNpmTasks('grunt-contrib-less');
-	grunt.loadNpmTasks('grunt-contrib-uglify');
-	grunt.loadNpmTasks('grunt-contrib-watch');
-	grunt.loadNpmTasks('grunt-mocha-test');
-	grunt.loadNpmTasks('grunt-nodemon');
-
-	grunt.registerTask('lint', ['jshint']);
-	grunt.registerTask('test', ['mochaTest']);
-	grunt.registerTask('compile', ['less', 'uglify']);
-	grunt.registerTask('start', ['nodemon:development']);
-	grunt.registerTask('start-test', ['nodemon:test']);
-	grunt.registerTask('default', ['compile', 'lint', 'test']);
-	grunt.registerTask('ci', ['lint', 'test']);
-
-};

MIGRATION.md

@@ -0,0 +1,19 @@
+
+Migration Guide
+===============
+
+Pa11y Dashboard's API changes between major versions. This is a guide to help you make the switch when this happens.
+
+
+Table Of Contents
+-----------------
+
+- [Migrating from 1.0 to 2.0](#migrating-from-10-to-20)
+
+
+Migrating from 1.0 to 2.0
+-------------------------
+
+### Node.js Support
+
+The only breaking change in Pa11y Dashboard 2.0 is that Node.js 0.10 and 0.12 are no longer supported. We'll be using newer ES6 features in upcoming releases which will not work in these older Node.js versions.

Makefile

@@ -0,0 +1,41 @@
+include Makefile.node
+
+# We need to run integration tests recursively
+export INTEGRATION_FLAGS := --recursive
+
+
+# Verify tasks
+# ------------
+
+# Lint alias for backwards compatibility
+lint: verify
+
+
+# Client-side asset tasks
+# -----------------------
+
+# Compile LESS
+less:
+	@lessc -x ./public/less/main.less ./public/css/site.min.css
+	@$(TASK_DONE)
+
+# Compile client-side JavaScript
+uglify:
+	@uglifyjs \
+		public/js/vendor/jquery/jquery.min.js \
+		public/js/vendor/bootstrap/js/alert.js \
+		public/js/vendor/bootstrap/js/dropdown.js \
+		public/js/vendor/bootstrap/js/tooltip.js \
+		public/js/vendor/bootstrap/js/transition.js \
+		public/js/vendor/bootstrap/js/collapse.js \
+		public/js/vendor/bootstrap/js/tab.js \
+		public/js/vendor/bootstrap/js/popover.js \
+		public/js/vendor/flot/jquery.flot.js \
+		public/js/vendor/flot/jquery.flot.dashes.js \
+		public/js/vendor/flot/jquery.flot.time.js \
+		public/js/vendor/flot/jquery.flot.selection.js \
+		public/js/vendor/flot/jquery.flot.resize.js \
+		public/js/vendor/helpers/html2canvas.min.js \
+		public/js/site.js \
+		-o ./public/js/site.min.js
+	@$(TASK_DONE)

Makefile.node

@@ -0,0 +1,125 @@
+#
+# Node.js Makefile
+# ================
+#
+# Do not update this file manually – it's maintained separately on GitHub:
+# https://github.com/rowanmanning/makefiles/blob/master/Makefile.node
+#
+# To update to the latest version, run `make update-makefile`.
+#
+
+
+# Meta tasks
+# ----------
+
+.PHONY: test
+
+
+# Useful variables
+# ----------------
+
+NPM_BIN = ./node_modules/.bin
+export PATH := $(NPM_BIN):$(PATH)
+export EXPECTED_COVERAGE := 90
+export INTEGRATION_TIMEOUT := 5000
+export INTEGRATION_SLOW := 4000
+
+
+# Output helpers
+# --------------
+
+TASK_DONE = echo "✓ $@ done"
+
+
+# Group tasks
+# -----------
+
+all: install ci
+ci: verify test
+
+
+# Install tasks
+# -------------
+
+clean:
+	@git clean -fxd
+	@$(TASK_DONE)
+
+install: node_modules
+	@$(TASK_DONE)
+
+node_modules: package.json
+	@npm prune --production=false
+	@npm install
+	@$(TASK_DONE)
+
+
+# Verify tasks
+# ------------
+
+verify: verify-javascript verify-dust verify-spaces
+	@$(TASK_DONE)
+
+verify-javascript: verify-eslint verify-jshint verify-jscs
+	@$(TASK_DONE)
+
+verify-dust:
+	@if [ -e .dustmiterc* ]; then dustmite --path ./view && $(TASK_DONE); fi
+
+verify-eslint:
+	@if [ -e .eslintrc* ]; then eslint . && $(TASK_DONE); fi
+
+verify-jshint:
+	@if [ -e .jshintrc* ]; then jshint . && $(TASK_DONE); fi
+
+verify-jscs:
+	@if [ -e .jscsrc* ]; then jscs . && $(TASK_DONE); fi
+
+verify-spaces:
+	@if [ -e .editorconfig* ] && [ -x $(NPM_BIN)/lintspaces ]; then \
+		git ls-files | xargs lintspaces -e .editorconfig && $(TASK_DONE); \
+	fi
+
+verify-coverage:
+	@if [ -d coverage ]; then \
+		if [ -x $(NPM_BIN)/nyc ]; then \
+			nyc check-coverage --lines $(EXPECTED_COVERAGE) --functions $(EXPECTED_COVERAGE) --branches $(EXPECTED_COVERAGE) && $(TASK_DONE); \
+		else \
+			if [ -x $(NPM_BIN)/istanbul ]; then \
+				istanbul check-coverage --statement $(EXPECTED_COVERAGE) --branch $(EXPECTED_COVERAGE) --function $(EXPECTED_COVERAGE) && $(TASK_DONE); \
+			fi \
+		fi \
+	fi
+
+# Test tasks
+# ----------
+
+test: test-unit-coverage verify-coverage test-integration
+	@$(TASK_DONE)
+
+test-unit:
+	@if [ -d test/unit ]; then mocha test/unit --recursive && $(TASK_DONE); fi
+
+test-unit-coverage:
+	@if [ -d test/unit ]; then \
+		if [ -x $(NPM_BIN)/nyc ]; then \
+			nyc --reporter=text --reporter=html $(NPM_BIN)/_mocha test/unit --recursive && $(TASK_DONE); \
+		else \
+			if [ -x $(NPM_BIN)/istanbul ]; then \
+				istanbul cover $(NPM_BIN)/_mocha -- test/unit --recursive && $(TASK_DONE); \
+			else \
+				make test-unit; \
+			fi \
+		fi \
+	fi
+
+test-integration:
+	@if [ -d test/integration ]; then mocha test/integration --timeout $(INTEGRATION_TIMEOUT) --slow $(INTEGRATION_SLOW) $(INTEGRATION_FLAGS) && $(TASK_DONE); fi
+
+
+# Tooling tasks
+# -------------
+
+update-makefile:
+	@curl -s https://raw.githubusercontent.com/rowanmanning/makefiles/master/Makefile.node > Makefile.node
+	@$(TASK_DONE)

README.md

@@ -1,11 +1,20 @@
-pa11y-dashboard
+Pa11y Dashboard
 ===============
 
-pa11y-dashboard is a web interface to the [pa11y][pa11y] accessibility reporter; allowing you to focus on *fixing* issues rather than hunting them down.
+Pa11y Dashboard is a web interface to the [Pa11y][pa11y] accessibility reporter; allowing you to focus on *fixing* issues rather than hunting them down.
 
-**Current Version:** *1.2.0*  
-**Build Status:** [![Build Status][travis-img]][travis]  
-**Node Version Support:** *0.10*
+![Version][shield-version]
+[![Node.js version support][shield-node]][info-node]
+[![Build status][shield-build]][info-build]
+[![GPL-3.0 licensed][shield-license]][info-license]
+
+---
+
+## Latest news from Pa11y
+
+✨ 🔜 ✨ The Pa11y team is very excited to announce plans for the successor to Pa11y Dashboard and Pa11y Webservice, codename "Sidekick". Help us define the features that you want to see by visiting the [proposal][sidekick-proposal]. ✨  
+
+---
 
 
 ![dashboard](https://f.cloud.github.com/assets/1225142/1549567/f0361e72-4de8-11e3-8d14-3fe6900cc15d.jpg)
@@ -15,95 +24,137 @@ pa11y-dashboard is a web interface to the [pa11y][pa11y] accessibility reporter;
 Setup
 -----
 
-pa11y-dashboard requires [Node.js][node] 0.10+, [PhantomJS][phantom], and [MongoDB][mongo] to be installed. See the [pa11y][pa11y] and [pa11y-webservice][pa11y-webservice] documentation for more information on these dependencies.
+Pa11y Dashboard requires [Node.js][node] 4+. See the [Pa11y][pa11y] documentation for detailed instructions on how to install this on your operating system.
 
-You'll then need to clone this repo locally and install dependencies with `npm install`.
+You'll also need to have [MongoDB][mongo] installed and running. See the [MongoDB install guide][mongo-install] for more information on this.
 
-Once you have a local clone, you'll need to copy some sample configuration files in order to run the application. From within the repo, run the following commands:
+You'll then need to clone this repo locally and install dependencies with `npm install`. Now you need to add some configuration before you can run the application. We can do this in two ways:
+
+### Option 1: Using Environment Variables
+
+Each configuration can be set with an environment variable rather than a config file. For example to run the application on port `8080` you can use the following:
 
 ```sh
-$ cp config/development.sample.json config/development.json
-$ cp config/production.sample.json config/production.json
-$ cp config/test.sample.json config/test.json
+PORT=8080 node index.js
 ```
 
-Each of these files defines configurations for a different environment. If you're just running the application locally, then you should be OK with just development configurations. The [available configurations are documented here](#configurations).
+The [available configurations are documented here](#configurations).
 
-Now that you've got your application configured, you can run in each mode with the following commands:
+### Option 2: Using Config Files
+
+You'll need to copy and modify different config files depending on your environment (set with `NODE_ENV`):
 
 ```sh
-$ NODE_ENV=production node .   # Run in production
-$ NODE_ENV=development node .  # Run in development
-$ NODE_ENV=test node .         # Run in test
+cp config/development.sample.json config/development.json
+cp config/production.sample.json config/production.json
+cp config/test.sample.json config/test.json
 ```
 
-Check the [development instructions](#development) for more information about running locally (and restarting automatically when files change).
+Each of these files defines configurations for a different environment. If you're just running the application locally, then you should be OK with just development and test configurations. The [available configurations are documented here](#configurations).
+
+Now that you've got your application configured, make sure you have a MongoDB server running with the `mongod` command in another terminal window. You can run in each mode by changing the `NODE_ENV` environment variable:
+
+```sh
+NODE_ENV=development node index.js
+```
+
+See [development instructions](#development) for more information about running locally (and restarting automatically when files change).
+
+If you run into problems, check the [troubleshooting guide][troubleshooting].
 
 
 Configurations
 --------------
 
-The boot configurations for pa11y-dashboard are as follows. Look at the sample JSON files in the repo for example usage.
+The boot configurations for Pa11y Dashboard are as follows. Look at the sample JSON files in the repo for example usage.
 
 ### port
-*(number)* The port to run the application on.
+*(number)* The port to run the application on. Set via a config file or the `PORT` environment variable.
 
 ### noindex
-*(boolean)* If set to `true` (default), the dashboard will not be indexed by search engines. Set to `false` to allow indexing.
+*(boolean)* If set to `true` (default), the dashboard will not be indexed by search engines. Set to `false` to allow indexing. Set via a config file or the `NOINDEX` environment variable.
 
 ### readonly
-*(boolean)* If set to `true`, users will not be able to add, delete or run URLs (defaults to `false`).
+*(boolean)* If set to `true`, users will not be able to add, delete or run URLs (defaults to `false`). Set via a config file or the `READONLY` environment variable.
 
 ### siteMessage
 *(string)* A message to display prominently on the site home page. Defaults to `null`.
 
 ### webservice
-This can either be an object containing [pa11y-webservice configurations][pa11y-webservice-config], or a string which is the base URL of a [pa11y-webservice][pa11y-webservice] instance you are running separately.
+This can either be an object containing [Pa11y Webservice configurations][pa11y-webservice-config], or a string which is the base URL of a [Pa11y Webservice][pa11y-webservice] instance you are running separately. If using environment variables, prefix the webservice vars with `WEBSERVICE_`.
 
 
-Development
------------
+Contributing
+------------
 
-To develop pa11y-dashboard, you'll need to clone the repo and get set up as outlined in the [setup guide](#setup). You'll also need [Grunt][grunt] to be installed globally in order to run tests, you can do this with `npm install -g grunt-cli`.
+There are many ways to contribute to Pa11y Dashboard, we cover these in the [contributing guide](CONTRIBUTING.md) for this repo.
 
-Once you've done this, you'll need to start the application in test mode with:
+If you're ready to contribute some code, you'll need to clone the repo and get set up as outlined in the [setup guide](#setup). You'll then need to start the application in test mode with:
 
 ```sh
-$ grunt start-test
+NODE_ENV=test node index.js
 ```
 
-Now you'll be able to run the following commands:
+You'll now be able to run the following commands:
 
 ```sh
-$ grunt             # Run the lint and test tasks together
-$ grunt lint        # Run JSHint with the correct config
-$ grunt compile     # Compile front-end assets
-$ grunt start       # Run app in development mode, restarting if files change
-$ grunt start-test  # Run app in test mode, restarting if files change
-$ grunt test        # Run functional tests
-$ grunt watch       # Watch for file changes and compile assets
+make verify              # Verify all of the code (ESLint)
+make test                # Run all tests
+make test-integration    # Run the integration tests
 ```
 
-Code with lint errors or failing tests will not be accepted, please use the build tools outlined above.
+To compile the client-side JavaScript and CSS, you'll need the following commands. Compiled code is committed to the repository.
 
-For users with push-access, don't commit to the master branch. Code should be in `develop` until it's ready to be released.
+```sh
+make less    # Compile the site CSS from LESS files
+make uglify  # Compile and uglify the client-side JavaScript
+```
+
+
+Useful Resources
+-------
+* [Setting up An Accessibility Dashboard from Scratch with Pa11y on DigitalOcean](https://una.im/pa11y-dash/)
+* [Monitoring Web Accessibility Compliance With Pa11y Dashboard](https://www.lullabot.com/articles/monitoring-web-accessibility-compliance-with-pa11y-dashboard)
+
+Support and Migration
+---------------------
+
+Pa11y Dashboard major versions are normally supported for 6 months after their last minor release. This means that patch-level changes will be added and bugs will be fixed. The table below outlines the end-of-support dates for major versions, and the last minor release for that version.
+
+We also maintain a [migration guide](MIGRATION.md) to help you migrate.
+
+| :grey_question: | Major Version | Last Minor Release | Node.js Versions | Support End Date |
+| :-------------- | :------------ | :----------------- | :--------------- | :--------------- |
+| :heart:         | 2             | N/A                | 4+               | N/A              |
+| :skull:         | 1             | 1.12               | 0.10–6           | 2016-12-05       |
+
+If you're opening issues related to these, please mention the version that the issue relates to.
 
 
 License
 -------
 
-[Copyright 2013 Nature Publishing Group](LICENSE.txt).  
-pa11y-dashboard is licensed under the [GNU General Public License 3.0][gpl].
+Pa11y Dashboard is licensed under the [GNU General Public License 3.0][info-license].<br/>
+Copyright &copy; 2013–2017, Team Pa11y
 
 
 
 [gpl]: http://www.gnu.org/licenses/gpl-3.0.html
-[grunt]: http://gruntjs.com/
 [mongo]: http://www.mongodb.org/
+[mongo-install]: https://docs.mongodb.org/manual/installation/
 [node]: http://nodejs.org/
-[pa11y]: https://github.com/nature/pa11y
-[pa11y-webservice]: https://github.com/nature/pa11y-webservice
-[pa11y-webservice-config]: https://github.com/nature/pa11y-webservice#configurations
+[pa11y]: https://github.com/pa11y/pa11y
+[pa11y-webservice-config]: https://github.com/pa11y/webservice#configurations
 [phantom]: http://phantomjs.org/
-[travis]: https://travis-ci.org/nature/pa11y-dashboard
-[travis-img]: https://travis-ci.org/nature/pa11y-dashboard.png?branch=master
+[sidekick-proposal]: https://github.com/pa11y/sidekick/blob/master/PROPOSAL.md
+[travis]: https://travis-ci.org/pa11y/dashboard
+[travis-img]: https://travis-ci.org/pa11y/dashboard.png?branch=master
+[troubleshooting]: https://github.com/pa11y/dashboard/blob/master/TROUBLESHOOTING.md
+
+[info-license]: LICENSE
+[info-node]: package.json
+[info-build]: https://travis-ci.org/pa11y/pa11y-dashboard
+[shield-license]: https://img.shields.io/badge/license-GPL%203.0-blue.svg
+[shield-node]: https://img.shields.io/badge/node.js%20support-4–6-brightgreen.svg
+[shield-version]: https://img.shields.io/badge/version-2.4.0-blue.svg
+[shield-build]: https://img.shields.io/travis/pa11y/pa11y-dashboard/master.svg

TROUBLESHOOTING.md

@@ -0,0 +1,27 @@
+Troubleshooting
+===============
+
+
+Common issues
+-----
+
+* `500` errors or `Could not connect to pa11y-webservice` messages are often related to MongoDB. Ensure that you have the [latest version of MongoDB][mongo-install] installed, and that it's running - it doesn't always start automatically. 
+* Error messages saying that pa11y-webservice isn't running may be due to dependency installation problems. Try deleting your `pa11y-dashboard/node_modules` directory and running `npm install` again. 
+
+
+Check to see if the issue has been reported
+-----
+
+* Check the [issue tracker][issues] for similar issues.
+
+
+Create an issue
+-----
+
+If all else fails, [create an issue][create-issue] and we'll help you. Please include your node.js, Phantom, and MongoDB version numbers, and your operating system. 
+
+
+[issues]: https://github.com/pa11y/dashboard/issues?utf8=%E2%9C%93&q=is%3Aissue
+[mongo-install]: https://docs.mongodb.org/manual/installation/
+[create-issue]: https://github.com/pa11y/dashboard/issues/new
+

app.js

@@ -1,11 +1,27 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var createClient = require('pa11y-webservice-client-node');
-var EventEmitter = require('events').EventEmitter;
-var express = require('express');
-var hbs = require('express-hbs');
-var http = require('http');
-var pkg = require('./package.json');
+const bodyParser = require('body-parser');
+const compression = require('compression');
+const createClient = require('pa11y-webservice-client-node');
+const EventEmitter = require('events').EventEmitter;
+const express = require('express');
+const hbs = require('express-hbs');
+const http = require('http');
+const pkg = require('./package.json');
 
 module.exports = initApp;
 
@@ -13,46 +29,50 @@ module.exports = initApp;
 function initApp(config, callback) {
 	config = defaultConfig(config);
 
-	var webserviceUrl = config.webservice;
-	if (typeof webserviceUrl == 'object') {
-		webserviceUrl = 'http://' + webserviceUrl.host + ':' + webserviceUrl.port + '/';
+	let webserviceUrl = config.webservice;
+	if (typeof webserviceUrl === 'object') {
+		webserviceUrl = `http://${webserviceUrl.host}:${webserviceUrl.port}/`;
 	}
 
-	var app = new EventEmitter();
+	const app = new EventEmitter();
 	app.address = null;
 	app.express = express();
 	app.server = http.createServer(app.express);
 	app.webservice = createClient(webserviceUrl);
 
 	// Compression
-	app.express.use(express.compress());
+	app.express.use(compression());
 
 	// Public files
-	app.express.use(express.static(__dirname + '/public', {
+	app.express.use(express.static(`${__dirname}/public`, {
 		maxAge: (process.env.NODE_ENV === 'production' ? 604800000 : 0)
 	}));
 
 	// General express config
 	app.express.disable('x-powered-by');
-	app.express.use(express.bodyParser());
+	app.express.use(bodyParser.urlencoded({
+		extended: true
+	}));
 
 	// View engine
-	app.express.set('views', __dirname + '/view');
-	app.express.engine('html', hbs.express3({
+	app.express.engine('html', hbs.express4({
 		extname: '.html',
 		contentHelperName: 'content',
-		layoutsDir: __dirname + '/view/layout',
-		partialsDir: __dirname + '/view/partial',
-		defaultLayout: __dirname + '/view/layout/default',
+		layoutsDir: `${__dirname}/view/layout`,
+		partialsDir: `${__dirname}/view/partial`,
+		defaultLayout: `${__dirname}/view/layout/default`
 	}));
+	app.express.set('views', `${__dirname}/view`);
 	app.express.set('view engine', 'html');
 
 	// View helpers
-	require('./view/helper/date')(hbs.registerHelper);
-	require('./view/helper/url')(hbs.registerHelper);
+	require('./view/helper/date')(hbs);
+	require('./view/helper/string')(hbs);
+	require('./view/helper/url')(hbs);
+	require('./view/helper/conditionals')(hbs);
 
 	// Populate view locals
-	app.express.locals({
+	app.express.locals = {
 		lang: 'en',
 		year: (new Date()).getFullYear(),
 		version: pkg.version,
@@ -60,12 +80,13 @@ function initApp (config, callback) {
 		bugtracker: pkg.bugs,
 		noindex: config.noindex,
 		readonly: config.readonly,
-		siteMessage: config.siteMessage
-	});
+		siteMessage: config.siteMessage,
+		settings: {}
+	};
 
-	app.express.use(function (req, res, next) {
-		res.locals.isHomePage = (req.path === '/');
-		res.locals.host = req.host;
+	app.express.use((request, response, next) => {
+		response.locals.isHomePage = (request.path === '/');
+		response.locals.host = request.hostname;
 		next();
 	});
 
@@ -79,30 +100,32 @@ function initApp (config, callback) {
 		require('./route/task/delete')(app);
 		require('./route/task/run')(app);
 		require('./route/task/edit')(app);
+		require('./route/task/ignore')(app);
+		require('./route/task/unignore')(app);
 	}
 
 	// Error handling
-	app.express.get('*', function (req, res) {
-		res.status(404);
-		res.render('404');
+	app.express.get('*', (request, response) => {
+		response.status(404);
+		response.render('404');
 	});
-	app.express.use(function (err, req, res, next) {
-		/* jshint unused: false */
-		if (err.code === 'ECONNREFUSED') {
-			err = new Error('Could not connect to pa11y-webservice');
+	app.express.use((error, request, response, next) => {
+		/* eslint no-unused-vars: 'off' */
+		if (error.code === 'ECONNREFUSED') {
+			error = new Error('Could not connect to Pa11y Webservice');
 		}
-		app.emit('route-error', err);
+		app.emit('route-error', error);
 		if (process.env.NODE_ENV !== 'production') {
-			res.locals.error = err;
+			response.locals.error = error;
 		}
-		res.status(500);
-		res.render('500');
+		response.status(500);
+		response.render('500');
 	});
 
-	app.server.listen(config.port, function (err) {
-		var address = app.server.address();
-		app.address = 'http://' + address.address + ':' + address.port;
-		callback(err, app);
+	app.server.listen(config.port, error => {
+		const address = app.server.address();
+		app.address = `http://${address.address}:${address.port}`;
+		callback(error, app);
 	});
 
 }

config.js

@@ -0,0 +1,44 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+'use strict';
+
+const fs = require('fs');
+const environment = (process.env.NODE_ENV || 'development');
+const jsonPath = `./config/${environment}.json`;
+const jsPath = `./config/${environment}.js`;
+
+if (fs.existsSync(jsonPath)) {
+	module.exports = require(jsonPath);
+} else if (fs.existsSync(jsPath)) {
+	module.exports = require(jsPath);
+} else {
+	module.exports = {
+		port: Number(env('PORT', '4000')),
+		noindex: env('NOINDEX', 'true') === 'true',
+		readonly: env('READONLY', 'false') === 'true',
+
+		webservice: env('WEBSERVICE_URL', {
+			database: env('WEBSERVICE_DATABASE', 'mongodb://localhost/pa11y-webservice'),
+			host: env('WEBSERVICE_HOST', '0.0.0.0'),
+			port: Number(env('WEBSERVICE_PORT', '3000')),
+			cron: env('WEBSERVICE_CRON', false)
+		})
+	};
+}
+
+function env(name, defaultValue) {
+	const value = process.env[name];
+	return typeof value === 'string' ? value : defaultValue;
+}

data/.eslintrc.js

@@ -0,0 +1,8 @@
+'use strict';
+
+// Clone the main config
+var config = module.exports = JSON.parse(JSON.stringify(require('../.eslintrc')));
+
+// Disable max line length/statements
+config.rules['max-len'] = 'off';
+config.rules['max-statements'] = 'off';

data/standards.js

@@ -1,4 +1,19 @@
-/* jshint maxlen: false */
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength
 'use strict';
 
 module.exports = getStandards;
@@ -641,10 +656,12 @@ function getStandards () {
 				{
 					name: 'WCAG2AA.Principle1.Guideline1_1.1_1_1.H30.2',
 					description: 'Img element is the only content of the link, but is missing alt text. The alt text should describe the purpose of the link.'
-				},          {
+				},
+				{
 					name: 'WCAG2AA.Principle1.Guideline1_1.1_1_1.H37',
 					description: 'Img element missing an alt attribute. Use the alt attribute to specify a short text alternative.'
-				},          {
+				},
+				{
 					name: 'WCAG2AA.Principle1.Guideline1_1.1_1_1.H67.1',
 					description: 'Img element with empty alt text must have absent or empty title attribute.'
 				},

data/techniques.js

@@ -0,0 +1,608 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength
+'use strict';
+
+module.exports = getTechniques;
+
+function getTechniques() {
+	return {
+		H30: {
+			title: 'H30: Providing link text that describes the purpose of a link for anchor elements',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H30'
+		},
+		H37: {
+			title: 'H37: Using alt attributes on img elements',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H37'
+		},
+		H67: {
+			title: 'H67: Using null alt text and no title attribute on img elements for images that AT should ignore',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H67'
+		},
+		G94: {
+			title: 'G94: Providing short text alternative for non-text content that serves the same purpose and presents the same information as the non-text content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G94'
+		},
+		H36: {
+			title: 'H36: Using alt attributes on images used as submit buttons',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H36'
+		},
+		H24: {
+			title: 'H24: Providing text alternatives for the area elements of image maps ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H24'
+		},
+		G73: {
+			title: 'G73: Providing a long description in another location with a link to it that is immediately adjacent to the non-text content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G73'
+		},
+		G74: {
+			title: 'G74: Providing a long description in text near the non-text content, with a reference to the location of the long description in the short description',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G74'
+		},
+		H2: {
+			title: 'H2: Combining adjacent image and text links for the same resource',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H2'
+		},
+		H53: {
+			title: 'H53: Using the body of the object element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H53'
+		},
+		G92: {
+			title: 'G92: Providing long description for non-text content that serves the same purpose and presents the same information',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G92'
+		},
+		H35: {
+			title: 'H35: Providing text alternatives on applet elements ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H35'
+		},
+		G158: {
+			title: 'G158: Providing an alternative for time-based media for audio-only content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G158'
+		},
+		G159: {
+			title: 'G159: Providing an alternative for time-based media for video-only content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G159'
+		},
+		G166: {
+			title: 'G166: Providing audio that describes the important video content and describing it as such',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G166'
+		},
+		G87: {
+			title: 'G87: Providing closed captions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G87'
+		},
+		G93: {
+			title: 'G93: Providing open (always visible) captions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G93'
+		},
+		G69: {
+			title: 'G69: Providing an alternative for time based media',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G69'
+		},
+		G78: {
+			title: 'G78: Providing a second, user-selectable, audio track that includes audio descriptions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G78'
+		},
+		G173: {
+			title: 'G173: Providing a version of a movie with audio descriptions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G173'
+		},
+		G8: {
+			title: 'G8: Providing a movie with extended audio descriptions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G8'
+		},
+		G9: {
+			title: 'G9: Creating captions for live synchronized media',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G9'
+		},
+		G54: {
+			title: 'G54: Including a sign language interpreter in the video stream',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G54'
+		},
+		G81: {
+			title: 'G81: Providing a synchronized video of the sign language interpreter that can be displayed in a different viewport or overlaid on the image by the player',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G81'
+		},
+		G150: {
+			title: 'G150: Providing text based alternatives for live audio-only content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G150'
+		},
+		G151: {
+			title: 'G151: Providing a link to a text transcript of a prepared statement or script if the script is followed',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G151'
+		},
+		G157: {
+			title: 'G157: Incorporating a live audio captioning service into a Web page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G157'
+		},
+		H42: {
+			title: 'H42: Using h1-h6 to identify headings',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H42'
+		},
+		H93: {
+			title: 'H93: Ensuring that id attributes are unique on a Web page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H93'
+		},
+		H44: {
+			title: 'H44: Using label elements to associate text labels with form controls',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H44'
+		},
+		H65: {
+			title: 'H65: Using the title attribute to identify form controls when the label element cannot be used',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H65'
+		},
+		H49: {
+			title: 'H49: Using semantic markup to mark emphasized or special text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H49'
+		},
+		H63: {
+			title: 'H63: Using the scope attribute to associate header cells and data cells in data tables',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H63'
+		},
+		H43: {
+			title: 'H43: Using id and headers attributes to associate data cells with header cells in data tables',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H43'
+		},
+		H39: {
+			title: 'H39: Using caption elements to associate data table captions with data tables',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H39'
+		},
+		H73: {
+			title: 'H73: Using the summary attribute of the table element to give an overview of data tables',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H73'
+		},
+		H71: {
+			title: 'H71: Providing a description for groups of form controls using fieldset and legend elements ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H71'
+		},
+		H85: {
+			title: 'H85: Using OPTGROUP to group OPTION elements inside a SELECT',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H85'
+		},
+		H48: {
+			title: 'H48: Using ol, ul and dl for lists or groups of links',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H48'
+		},
+		G141: {
+			title: 'G141: Organizing a page using headings',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G141'
+		},
+		G57: {
+			title: 'G57: Ordering the content in a meaningful sequence',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G57'
+		},
+		G96: {
+			title: 'G96: Providing textual identification of items that otherwise rely only on sensory information to be understood',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G96'
+		},
+		G14: {
+			title: 'G14: Ensuring that information conveyed by color differences is also available in text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G14'
+		},
+		G182: {
+			title: 'G182: Ensuring that additional visual cues are available when text color differences are used to convey information',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G182'
+		},
+		F23: {
+			title: 'F23: Failure of  1.4.2 due to playing a sound longer than 3 seconds where there is no mechanism to turn it off',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F23'
+		},
+		G18: {
+			title: 'G18: Ensuring that a contrast ratio of at least 4.5:1 exists between text (and images of text) and background behind the text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G18'
+		},
+		G145: {
+			title: 'G145: Ensuring that a contrast ratio of at least 3:1 exists between text (and images of text) and background behind the text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G145'
+		},
+		F24: {
+			title: 'F24: Failure of Success Criterion 1.4.3, 1.4.6 and 1.4.8 due to specifying foreground colors without specifying background colors or vice versa',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F24'
+		},
+		G142: {
+			title: 'G142: Using a technology that has commonly-available user agents that support zoom',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G142'
+		},
+		G140: {
+			title: 'G140: Separating information and structure from presentation to enable different presentations',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G140'
+		},
+		C22: {
+			title: 'C22: Using CSS to control visual presentation of text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C22'
+		},
+		C30: {
+			title: 'C30: Using CSS to replace text with images of text and providing user interface controls to switch',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C30'
+		},
+		G17: {
+			title: 'G17: Ensuring that a contrast ratio of at least 7:1 exists between text (and images of text) and background behind the text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G17'
+		},
+		G56: {
+			title: 'G56: Mixing audio files so that non-speech sounds are at least 20 decibels lower than the speech audio content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G56'
+		},
+		G148: {
+			title: 'G148: Not specifying background color, not specifying text color, and not using technology features that change those defaults',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G148'
+		},
+		G156: {
+			title: 'G156: Using a technology that has commonly-available user agents that can change the foreground and background of blocks of text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G156'
+		},
+		G175: {
+			title: 'G175: Providing a multi color selection tool on the page for foreground and background colors',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G175'
+		},
+		H87: {
+			title: 'G146: Using liquid layout',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G146'
+		},
+		C19: {
+			title: 'C19: Specifying alignment either to the left OR right in CSS',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C19'
+		},
+		G172: {
+			title: 'G172: Providing a mechanism to remove full justification of text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G172'
+		},
+		G169: {
+			title: 'G169: Aligning text on only one side',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G169'
+		},
+		G188: {
+			title: 'G188: Providing a button on the page to increase line spaces and paragraph spaces',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G188'
+		},
+		C21: {
+			title: 'C21: Specifying line spacing in CSS',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C21'
+		},
+		SCR20: {
+			title: 'SCR20: Using both keyboard and other device-specific functions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR20'
+		},
+		F10: {
+			title: 'F10: Failure of Success Criterion 2.1.2 and Conformance Requirement 5 due to combining multiple content formats in a way that traps users inside one format type',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F10'
+		},
+		F40: {
+			title: 'F40: Failure of Success Criterion 2.2.1 and 2.2.4 due to using meta redirect with a time limit',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F40'
+		},
+		F41: {
+			title: 'F41: Failure of Success Criterion 2.2.1, 2.2.4, and 3.2.5 due to using meta refresh to reload the page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F41'
+		},
+		SCR33: {
+			title: 'SCR33: Using script to scroll content, and providing a mechanism to pause it',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR33'
+		},
+		SCR22: {
+			title: 'SCR22: Using scripts to control blinking and stop it in five seconds or less',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR22'
+		},
+		G187: {
+			title: 'G187: Using a technology to include blinking content that can be turned off via the user agent',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G187'
+		},
+		G152: {
+			title: 'G152: Setting animated gif images to stop blinking after n cycles (within 5 seconds)',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G152'
+		},
+		G186: {
+			title: 'G186: Using a control in the Web page that stops moving, blinking, or auto-updating content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G186'
+		},
+		G191: {
+			title: 'G191: Providing a link, button, or other mechanism that reloads the page without any blinking content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G191'
+		},
+		F4: {
+			title: 'F4: Failure of Success Criterion 2.2.2 due to using text-decoration:blink without a mechanism to stop it in less than five seconds',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F4'
+		},
+		F47: {
+			title: 'F47: Failure of Success Criterion 2.2.2 due to using the blink element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F47'
+		},
+		G5: {
+			title: 'G5: Allowing users to complete an activity without any time limit',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G5'
+		},
+		SCR14: {
+			title: 'SCR14: Using scripts to make nonessential alerts optional',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR14'
+		},
+		G105: {
+			title: 'G105: Saving data so that it can be used after a user re-authenticates',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G105'
+		},
+		G181: {
+			title: 'G181: Encoding user data as hidden or encrypted data in a re-authorization page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G181'
+		},
+		G19: {
+			title: 'G19: Ensuring that no component of the content flashes more than three times in any 1-second period',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G19'
+		},
+		G176: {
+			title: 'G176: Keeping the flashing area small enough',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G176'
+		},
+		H64: {
+			title: 'H64: Using the title attribute of the frame and iframe elements',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H64'
+		},
+		G1: {
+			title: 'G1: Adding a link at the top of each page that goes directly to the main content area',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G1'
+		},
+		G123: {
+			title: 'G123: Adding a link at the beginning of a block of repeated content to go to the end of the block',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G123'
+		},
+		G124: {
+			title: 'G124: Adding links at the top of the page to each area of the content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G124'
+		},
+		H69: {
+			title: 'H69: Providing heading elements at the beginning of each section of content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H69'
+		},
+		H25: {
+			title: 'H25: Providing a title using the title element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H25'
+		},
+		H4: {
+			title: 'H4: Creating a logical tab order through links, form controls, and objects',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H4'
+		},
+		H77: {
+			title: 'H77: Identifying the purpose of a link using link text combined with its enclosing list item',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H77'
+		},
+		H78: {
+			title: 'H78: Identifying the purpose of a link using link text combined with its enclosing paragraph',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H78'
+		},
+		H79: {
+			title: 'H79: Identifying the purpose of a link in a data table using the link text combined with its enclosing table cell and associated table header cells',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H79'
+		},
+		H80: {
+			title: 'H80: Identifying the purpose of a link using link text combined with the preceding heading element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H80'
+		},
+		H81: {
+			title: 'H81: Identifying the purpose of a link in a nested list using link text combined with the parent list item under which the list is nested',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H81'
+		},
+		H33: {
+			title: 'H33: Supplementing link text with the title attribute',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H33'
+		},
+		G125: {
+			title: 'G125: Providing links to navigate to related Web pages',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G125'
+		},
+		G64: {
+			title: 'G64: Providing a Table of Contents',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G64'
+		},
+		G63: {
+			title: 'G63: Providing a site map',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G63'
+		},
+		G161: {
+			title: 'G161: Providing a search function to help users find content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G161'
+		},
+		G126: {
+			title: 'G126: Providing a list of links to all other Web pages',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G126'
+		},
+		G185: {
+			title: 'G185: Linking to all of the pages on the site from the home page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G185'
+		},
+		G130: {
+			title: 'G130: Providing descriptive headings',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G130'
+		},
+		G131: {
+			title: 'G131: Providing descriptive labels',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G131'
+		},
+		G149: {
+			title: 'G149: Using user interface components that are highlighted by the user agent when they receive focus',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G149'
+		},
+		G165: {
+			title: 'G165: Using the default focus indicator for the platform so that high visibility default focus indicators will carry over',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G165'
+		},
+		G195: {
+			title: 'G195: Using an author-supplied, highly visible focus indicator',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G195'
+		},
+		C15: {
+			title: 'C15: Using CSS to change the presentation of a user interface component when it receives focus',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/C15'
+		},
+		SCR31: {
+			title: 'SCR31: Using script to change the background color or border of the element with focus',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/SCR31'
+		},
+		H59: {
+			title: 'H59: Using the link element and navigation tools',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H59'
+		},
+		H57: {
+			title: 'H57: Using language attributes on the html element ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H57'
+		},
+		H58: {
+			title: 'H58: Using language attributes to identify changes in the human language ',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H58'
+		},
+		H40: {
+			title: 'H40: Using description lists',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H40'
+		},
+		H54: {
+			title: 'H54: Using the dfn element to identify the defining instance of a word',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H54'
+		},
+		H60: {
+			title: 'H60: Using the link element to link to a glossary',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H60'
+		},
+		G62: {
+			title: 'G62: Providing a glossary',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G62'
+		},
+		G70: {
+			title: 'G70: Providing a function to search an online dictionary',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G70'
+		},
+		G102: {
+			title: 'G102: Providing the expansion or explanation of an abbreviation',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G102'
+		},
+		G55: {
+			title: 'G55: Linking to definitions',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G55'
+		},
+		H28: {
+			title: 'H28: Providing definitions for abbreviations by using the abbr element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H28'
+		},
+		G97: {
+			title: 'G97: Providing the first use of an abbreviation immediately before or after the expanded form',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G97'
+		},
+		G86: {
+			title: 'G86: Providing a text summary that can be understood by people with lower secondary education level reading ability',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G86'
+		},
+		G103: {
+			title: 'G103: Providing visual illustrations, pictures, and symbols to help explain ideas, events, and processes',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G103'
+		},
+		G79: {
+			title: 'G79: Providing a spoken version of the text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G79'
+		},
+		G153: {
+			title: 'G153: Making the text easier to read',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G153'
+		},
+		G160: {
+			title: 'G160: Providing sign language versions of information, ideas, and processes that must be understood in order to use the content',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G160'
+		},
+		H62: {
+			title: 'H62: Using the ruby element',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H62'
+		},
+		G107: {
+			title: 'G107: Using \'activate\' rather than \'focus\' as a trigger for changes of context',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G107'
+		},
+		H32: {
+			title: 'H32: Providing submit buttons',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H32'
+		},
+		G61: {
+			title: 'G61: Presenting repeated components in the same relative order each time they appear',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G61'
+		},
+		G197: {
+			title: 'G197: Using labels, names, and text alternatives consistently for content that has the same functionality',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G197'
+		},
+		H83: {
+			title: 'H83: Using the target attribute to open a new window on user request and indicating this in link text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H83'
+		},
+		G83: {
+			title: 'G83: Providing text descriptions to identify required fields that were not completed',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G83'
+		},
+		G84: {
+			title: 'G84: Providing a text description when the user provides information that is not in the list of allowed values',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G84'
+		},
+		G85: {
+			title: 'G85: Providing a text description when user input falls outside the required format or values',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G85'
+		},
+		G89: {
+			title: 'G89: Providing expected data format and example',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G89'
+		},
+		G184: {
+			title: 'G184: Providing text instructions at the beginning of a form or set of fields that describes the necessary input',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G184'
+		},
+		H90: {
+			title: 'H90: Indicating required form controls using label or legend',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H90'
+		},
+		G177: {
+			title: 'G177: Providing suggested correction text',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G177'
+		},
+		G98: {
+			title: 'G98: Providing the ability for the user to review and correct answers before submitting',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G98'
+		},
+		G99: {
+			title: 'G99: Providing the ability to recover deleted information',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G99'
+		},
+		G155: {
+			title: 'G155: Providing a checkbox in addition to a submit button',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G155'
+		},
+		G164: {
+			title: 'G164: Providing a stated time within which an online request (or transaction) may be amended or canceled by the user after making the request',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G164'
+		},
+		G168: {
+			title: 'G168: Requesting confirmation to continue with selected action',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G168'
+		},
+		G71: {
+			title: 'G71: Providing a help link on every Web page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G71'
+		},
+		G193: {
+			title: 'G193: Providing help by an assistant in the Web page',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/G193'
+		},
+		F77: {
+			title: 'F77: Failure of Success Criterion 4.1.1 due to duplicate values of type ID',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/F77'
+		},
+		H91: {
+			title: 'H91: Using HTML form controls and links',
+			url: 'http://www.w3.org/TR/WCAG20-TECHS/H91'
+		}
+	};
+}

index.js

@@ -1,18 +1,41 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var chalk = require('chalk');
-var config = require('./config/' + (process.env.NODE_ENV || 'development') + '.json');
+const chalk = require('chalk');
+const config = require('./config');
 
-require('./app')(config, function (err, app) {
+process.on('SIGINT', () => {
+	console.log('\nGracefully shutting down from SIGINT (Ctrl-C)');
+	process.exit();
+});
+
+require('./app')(config, (error, app) => {
+	if (error) {
+		console.error(error.stack);
+		process.exit(1);
+	}
 
 	console.log('');
-	console.log(chalk.underline.magenta('pa11y-dashboard started'));
+	console.log(chalk.underline.magenta('Pa11y Dashboard started'));
 	console.log(chalk.grey('mode: %s'), process.env.NODE_ENV);
 	console.log(chalk.grey('uri:  %s'), app.address);
 
-	app.on('route-error', function (err) {
-		var stack = (err.stack ? err.stack.split('\n') : [err.message]);
-		var msg = chalk.red(stack.shift());
+	app.on('route-error', error => {
+		const stack = (error.stack ? error.stack.split('\n') : [error.message]);
+		const msg = chalk.red(stack.shift());
 		console.error('');
 		console.error(msg);
 		console.error(chalk.grey(stack.join('\n')));
@@ -20,9 +43,14 @@ require('./app')(config, function (err, app) {
 
 	// Start the webservice if required
 	if (typeof config.webservice === 'object') {
-		require('pa11y-webservice')(config.webservice, function (err, webservice) {
+		require('pa11y-webservice')(config.webservice, (error, webservice) => {
+			if (error) {
+				console.error(error.stack);
+				process.exit(1);
+			}
+
 			console.log('');
-			console.log(chalk.underline.cyan('pa11y-webservice started'));
+			console.log(chalk.underline.cyan('Pa11y Webservice started'));
 			console.log(chalk.grey('mode: %s'), process.env.NODE_ENV);
 			console.log(chalk.grey('uri:  %s'), webservice.server.info.uri);
 		});

package.json

@@ -1,49 +1,53 @@
 {
   "name": "pa11y-dashboard",
-	"version": "1.2.0",
+  "version": "2.4.0",
   "private": true,
-
-	"description": "pa11y-dashboard is a visual web interface to the pa11y accessibility reporter",
-	"keywords": [ "accessibility", "analysis", "report" ],
+  "description": "Pa11y Dashboard is a visual web interface to the Pa11y accessibility reporter",
+  "keywords": [
+    "accessibility",
+    "analysis",
+    "report"
+  ],
+  "author": "Team Pa11y",
   "contributors": [
     "Perry Harlock (http://www.phwebs.co.uk/)",
     "Rowan Manning (http://rowanmanning.com/)"
   ],
-
   "repository": {
     "type": "git",
-		"url": "https://github.com/nature/pa11y-dashboard.git"
+    "url": "https://github.com/pa11y/dashboard.git"
   },
-	"homepage": "https://github.com/nature/pa11y-dashboard",
-	"bugs": "https://github.com/nature/pa11y-dashboard/issues",
-
+  "homepage": "https://github.com/pa11y/dashboard",
+  "bugs": "https://github.com/pa11y/dashboard/issues",
+  "license": "GPL-3.0",
   "engines": {
-		"node": ">=0.10"
+    "node": ">=4"
   },
   "dependencies": {
-		"chalk": "~0.2",
-		"express": "~3.4",
-		"express-hbs": "~0.2",
-		"moment": "~2.2",
-		"pa11y-webservice": "~1.3",
-		"pa11y-webservice-client-node": "~1.1",
-		"underscore": "~1.5"
+    "body-parser": "~1.17.1",
+    "chalk": "~1.1",
+    "compression": "~1.6",
+    "express": "~4.15.2",
+    "express-hbs": "~1.0",
+    "http-headers": "^3.0.1",
+    "moment": "~2.15.2",
+    "pa11y-webservice": "^2.3.0",
+    "pa11y-webservice-client-node": "^1.2.1",
+    "underscore": "~1.8"
   },
   "devDependencies": {
-		"bower": "~1.2",
-		"grunt": "~0.4",
-		"grunt-contrib-jshint": "~0.7",
-		"grunt-contrib-less": "~0.8",
-		"grunt-contrib-uglify": "~0.2",
-		"grunt-contrib-watch": "~0.5",
-		"grunt-mocha-test": "~0.7",
-		"grunt-nodemon": "~0.1",
-		"jsdom": "~0.8",
-		"proclaim": "~2.0",
-		"request": "~2.27"
+    "bower": "~1.7",
+    "cheerio": "~0.20",
+    "eslint": "^3.18.0",
+    "less": "~2.7",
+    "mocha": "^2",
+    "pa11y-lint-config": "^1.0.0",
+    "proclaim": "^3",
+    "request": "^2.74",
+    "uglify-js": "~2.6"
   },
-
   "scripts": {
-		"start": "node ."
+    "start": "node index.js",
+    "test": "make ci"
   }
 }

public/js/site.js

@@ -1,17 +1,36 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 $(document).ready(function(){
 
     var data = {};
 	var standardsList = $('[data-role="standards-list"]');
 	var standardSelect = $('[data-role="new-task-select"]');
-	var expandLink = $('[data-role="expander"]');
     var taskListSelector = $('[data-role="task-list"] a');
+	var detailsCollapse = $('[data-role="details-collapse"]');
+	var contextPopover = $('[data-role="context-popover"]');
+	var ruleTooltip = $('[data-role="rule-tooltip"]');
     var toTopLinks = $('[data-role="top"]');
     var zoomResetButton = $('[data-role="zoom-reset"]');
     var graphContainer = $('[data-role="graph"]');
     var dateSelectDropdownMenu = $('[data-role="date-select-dropdown-menu"]');
+    var legend = graphContainer.parent('.graph-container').find('.dashedLegend');
 
     var graphOptions = {
         series: {
+            dashes: { show: false, lineWidth: 3 },
             lines: { show: true },
             points: { show: true },
             hoverable: true
@@ -28,6 +47,12 @@ $(document).ready(function(){
         lines: {
             lineWidth: 3
         },
+        points: {
+            fill: true,
+            radius:4,
+            lineWidth:3
+        },
+        shadowSize: 0,
         grid: {
             backgroundColor: '#fff',
             borderColor: '#808080',
@@ -45,16 +70,30 @@ $(document).ready(function(){
         }
     };
 
-    // Toggle appearance of lists of error/warnings/notices
-	expandLink.click( function(){
-		$(this).parent().next().slideToggle('slow', function(){});
-        if ($(this).parent().hasClass('showing')) {
-            $(this).html('+');
+    // have we declared a custom legend
+    if (legend.length === 1) {
+        $('body').addClass('custom-legend');
     }
-        else {
-            $(this).html('-');
+
+	// Update details button title by click
+	detailsCollapse.click(function(){
+		$(this).toggleClass('btn_state_collapsed');
+	});
+
+	// Initialize context popovers
+	$(contextPopover).popover({
+		container: 'body',
+		placement: 'bottom'
+	});
+
+	$(document.body).click(function (e) {
+		$(contextPopover).each(function () {
+			if (!$(this).is(e.target) && $(this).has(e.target).length === 0 && $('.popover').has(e.target).length === 0) {
+				if ($(this).data('bs.popover').tip().hasClass('in')) {
+					$(this).popover('toggle');
 				}
-        $(this).parent().toggleClass('showing');
+			}
+		});
 	});
 
      // Back to top links
@@ -79,7 +118,7 @@ $(document).ready(function(){
         target = $(this).attr('href');
         animateSection($(target), -25);
         if (!$(target).hasClass('showing')) {
-            $(target).children('[data-role="expander"]').click();
+            $(target).click();
         }
     });
 
@@ -93,7 +132,7 @@ $(document).ready(function(){
         plotGraphData();
     });
 
-    $('[data-role="rules-tooltip"]').tooltip();
+    ruleTooltip.tooltip();
 
     // Function to animate sections
     function animateSection (sectionName, offset){
@@ -133,13 +172,30 @@ $(document).ready(function(){
 
     function plotGraphData () {
         $.plot(graphContainer, getData(), graphOptions);
+        exportGraph();
     }
 
     function getData() {
         return [
-            { color: 'rgb(216, 61, 45)', label: 'Errors', data:  data.error },
-            { color: 'rgb(168, 103, 0)', label: 'Warnings', data:  data.warning  },
-            { color: 'rgb(23, 123, 190)', label: 'Notices', data:  data.notice }
+            {
+                color: 'rgb(216, 61, 45)',
+                label: 'Errors',
+                data: data.error
+            },
+            {
+                color: 'rgb(168, 103, 0)',
+                label: 'Warnings',
+                data: data.warning,
+                lines: { show: false },
+                dashes: { show: true, dashLength: [10, 5] }
+            },
+            {
+                color: 'rgb(23, 123, 190)',
+                label: 'Notices',
+                data: data.notice,
+                lines: { show: false },
+                dashes: { show: true, dashLength: 5 }
+            }
         ];
     }
 
@@ -147,6 +203,37 @@ $(document).ready(function(){
         zoomResetButton.toggleClass('hidden');
     }
 
+	function exportGraph() {
+		var exportBtn = $('.btn_action_export');
+
+		exportBtn.click(function(e) {
+			e.preventDefault();
+
+			var fileName = $('h1').text().toLowerCase().split(' ').join('_');
+			var date = new Date();
+
+			fileName += '_' + date.getDate() + '-' + (date.getMonth() + 1) + '-' + date.getFullYear();
+
+			html2canvas($('.graph').get(0), {
+				onrendered: function (canvas) {
+					downloadFile(canvas.toDataURL('image/png'), fileName + '.png');
+				}
+			});
+		});
+	}
+
+	function downloadFile(dataurl, filename) {
+		var link = document.createElement('a');
+		link.href = dataurl;
+		link.setAttribute('download', filename);
+
+		var clickEvent = document.createEvent('MouseEvents');
+		clickEvent.initEvent('click', false, true);
+		link.dispatchEvent(clickEvent);
+
+		return false;
+	}
+
     graphContainer.bind('plotselected', function (event, ranges) {
         // clamp the zooming to prevent eternal zoom
         if (ranges.xaxis.to - ranges.xaxis.from < 0.00001) {
@@ -177,8 +264,8 @@ $(document).ready(function(){
                 '<div class="series-checkbox-container">' +
                     '<input type="checkbox"' +
                         'name="' + key + '" ' +
-                        'checked="checked" ' +
                         'id="id' + key + '" ' +
+                        'data-stat-type="' + val.label.toLowerCase() + '"' +
                         '/>' +
                     '<label for="id' + key + '">' +
                         '<span class="stat-type">' + val.label + '</span>' +
@@ -186,19 +273,33 @@ $(document).ready(function(){
                 '</div>' +
             '</li>'
         );
+
     });
 
     choiceContainer.find('input').click(plotAccordingToChoices);
+    choiceContainer.find('[data-stat-type=errors]').click();
 
     function plotAccordingToChoices() {
         var data = [];
+        var labels = [];
         choiceContainer.find('input:checked').each(function () {
             var key = $(this).attr('name');
             if (key && datasets[key]) {
+                labels.push(datasets[key].label);
                 data.push(datasets[key]);
             }
         });
 
+        if (labels.length && legend.length === 1) {
+            legend.find('tr').hide();
+            $.each(labels, function (index, value) {
+                $('.legend' + value).parents('tr').show();
+            });
+            legend.show();
+        } else {
+            legend.hide();
+        }
+
         if (data.length > -1) {
             $.plot(graphContainer, data, graphOptions);
         }
@@ -213,7 +314,7 @@ $(document).ready(function(){
     var previousPoint = null;
     graphContainer.bind('plothover', function (event, pos, item) {
         if (item) {
-            if (previousPoint != item.dataIndex) {
+            if (previousPoint !== item.dataIndex) {
                 previousPoint = item.dataIndex;
                 $('[data-role="tooltip"]').remove();
                 var count = item.datapoint[1].toFixed(0);
@@ -230,4 +331,70 @@ $(document).ready(function(){
             previousPoint = null;
         }
     });
+
+
+	// Task filter
+
+	function initTaskFilter (container) {
+		var tasks = initTaskFilterTasks(container);
+		var input = initTaskFilterInput(container, tasks);
+	}
+
+	function initTaskFilterTasks (container) {
+		var tasks = container.find('[data-role=task]');
+		return tasks;
+	}
+
+	function initTaskFilterInput (container, tasks) {
+		var input = container.find('[data-role=input]');
+		input.on('keyup', function () {
+			filterTasks(tasks, input.val());
+		});
+		return input;
+	}
+
+	function filterTasks (tasks, query) {
+		query = $.trim(query.replace(/[^a-z0-9\s]+/gi, ''));
+		tasks.removeClass('hidden');
+		if (/^\s*$/.test(query)) {
+			return;
+		}
+		var queryRegExp = new RegExp('(' + query.replace(/\s+/gi, '|') + ')', 'i');
+		tasks.filter(function () {
+			return !queryRegExp.test($(this).data('keywords'));
+		}).addClass('hidden');
+	}
+
+	var taskLists = $('[data-control=task-list]');
+	if (taskLists.length > 0) {
+		$('[data-control=task-list]').each(function () {
+			initTaskFilter($(this));
+		});
+	}
+
+	// Extend public/js/vendor/bootstrap/js/collapse.js
+	// Add keyboard control for filters
+
+	$.fn.collapse.Constructor.prototype.keydown = function (e) {
+		var $this = $(this);
+		var k = e.which || e.keyCode;
+
+		if (!/(13|32)/.test(k)) {
+			return;
+		}
+		if (k === 13 || k === 32) {
+			$this.click();
+		}
+
+		e.preventDefault();
+		e.stopPropagation();
+	};
+
+	$('[data-toggle="collapse"]').attr('role', 'button').attr('tabindex', 0);
+	$(document).on(
+		'keydown.collapse.data-api',
+		'[data-toggle="collapse"]',
+		$.fn.collapse.Constructor.prototype.keydown
+	);
+
 });

public/js/vendor/flot/jquery.flot.dashes.js

@@ -0,0 +1,228 @@
+/*
+ * jQuery.flot.dashes
+ *
+ * options = {
+ *   series: {
+ *     dashes: {
+ *
+ *       // show
+ *       // default: false
+ *       // Whether to show dashes for the series.
+ *       show: <boolean>,
+ *
+ *       // lineWidth
+ *       // default: 2
+ *       // The width of the dashed line in pixels.
+ *       lineWidth: <number>,
+ *
+ *       // dashLength
+ *       // default: 10
+ *       // Controls the length of the individual dashes and the amount of
+ *       // space between them.
+ *       // If this is a number, the dashes and spaces will have that length.
+ *       // If this is an array, it is read as [ dashLength, spaceLength ]
+ *       dashLength: <number> or <array[2]>
+ *     }
+ *   }
+ * }
+ */
+(function($){
+
+  function init(plot) {
+    plot.hooks.drawSeries.push(function(plot, ctx, series) {
+      if (!series.dashes.show) return;
+
+      var plotOffset = plot.getPlotOffset(),
+          axisx = series.xaxis,
+          axisy = series.yaxis;
+
+      function plotDashes(xoffset, yoffset) {
+
+        var points = series.datapoints.points,
+            ps = series.datapoints.pointsize,
+            prevx = null,
+            prevy = null,
+            dashRemainder = 0,
+            dashOn = true,
+            dashOnLength,
+            dashOffLength;
+
+        if (series.dashes.dashLength[0]) {
+          dashOnLength = series.dashes.dashLength[0];
+          if (series.dashes.dashLength[1]) {
+            dashOffLength = series.dashes.dashLength[1];
+          } else {
+            dashOffLength = dashOnLength;
+          }
+        } else {
+          dashOffLength = dashOnLength = series.dashes.dashLength;
+        }
+
+        ctx.beginPath();
+
+        for (var i = ps; i < points.length; i += ps) {
+
+          var x1 = points[i - ps],
+              y1 = points[i - ps + 1],
+              x2 = points[i],
+              y2 = points[i + 1];
+
+          if (x1 == null || x2 == null) continue;
+
+          // clip with ymin
+          if (y1 <= y2 && y1 < axisy.min) {
+            if (y2 < axisy.min) continue;   // line segment is outside
+            // compute new intersection point
+            x1 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+            y1 = axisy.min;
+          } else if (y2 <= y1 && y2 < axisy.min) {
+            if (y1 < axisy.min) continue;
+            x2 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+            y2 = axisy.min;
+          }
+
+          // clip with ymax
+          if (y1 >= y2 && y1 > axisy.max) {
+            if (y2 > axisy.max) continue;
+            x1 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+            y1 = axisy.max;
+          } else if (y2 >= y1 && y2 > axisy.max) {
+            if (y1 > axisy.max) continue;
+            x2 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+            y2 = axisy.max;
+          }
+
+          // clip with xmin
+          if (x1 <= x2 && x1 < axisx.min) {
+            if (x2 < axisx.min) continue;
+            y1 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+            x1 = axisx.min;
+          } else if (x2 <= x1 && x2 < axisx.min) {
+            if (x1 < axisx.min) continue;
+            y2 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+            x2 = axisx.min;
+          }
+
+          // clip with xmax
+          if (x1 >= x2 && x1 > axisx.max) {
+            if (x2 > axisx.max) continue;
+            y1 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+            x1 = axisx.max;
+          } else if (x2 >= x1 && x2 > axisx.max) {
+            if (x1 > axisx.max) continue;
+            y2 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+            x2 = axisx.max;
+          }
+
+          if (x1 != prevx || y1 != prevy) {
+            ctx.moveTo(axisx.p2c(x1) + xoffset, axisy.p2c(y1) + yoffset);
+          }
+
+          var ax1 = axisx.p2c(x1) + xoffset,
+              ay1 = axisy.p2c(y1) + yoffset,
+              ax2 = axisx.p2c(x2) + xoffset,
+              ay2 = axisy.p2c(y2) + yoffset,
+              dashOffset;
+
+          function lineSegmentOffset(segmentLength) {
+
+            var c = Math.sqrt(Math.pow(ax2 - ax1, 2) + Math.pow(ay2 - ay1, 2));
+
+            if (c <= segmentLength) {
+              return {
+                deltaX: ax2 - ax1,
+                deltaY: ay2 - ay1,
+                distance: c,
+                remainder: segmentLength - c
+              }
+            } else {
+              var xsign = ax2 > ax1 ? 1 : -1,
+                  ysign = ay2 > ay1 ? 1 : -1;
+              return {
+                deltaX: xsign * Math.sqrt(Math.pow(segmentLength, 2) / (1 + Math.pow((ay2 - ay1)/(ax2 - ax1), 2))),
+                deltaY: ysign * Math.sqrt(Math.pow(segmentLength, 2) - Math.pow(segmentLength, 2) / (1 + Math.pow((ay2 - ay1)/(ax2 - ax1), 2))),
+                distance: segmentLength,
+                remainder: 0
+              };
+            }
+          }
+          //-end lineSegmentOffset
+
+          do {
+
+            dashOffset = lineSegmentOffset(
+                dashRemainder > 0 ? dashRemainder :
+                  dashOn ? dashOnLength : dashOffLength);
+
+            if (dashOffset.deltaX != 0 || dashOffset.deltaY != 0) {
+              if (dashOn) {
+                ctx.lineTo(ax1 + dashOffset.deltaX, ay1 + dashOffset.deltaY);
+              } else {
+                ctx.moveTo(ax1 + dashOffset.deltaX, ay1 + dashOffset.deltaY);
+              }
+            }
+
+            dashOn = !dashOn;
+            dashRemainder = dashOffset.remainder;
+            ax1 += dashOffset.deltaX;
+            ay1 += dashOffset.deltaY;
+
+          } while (dashOffset.distance > 0);
+
+          prevx = x2;
+          prevy = y2;
+        }
+
+        ctx.stroke();
+      }
+      //-end plotDashes
+
+      ctx.save();
+      ctx.translate(plotOffset.left, plotOffset.top);
+      ctx.lineJoin = 'round';
+
+      var lw = series.dashes.lineWidth,
+          sw = series.shadowSize;
+
+      // FIXME: consider another form of shadow when filling is turned on
+      if (lw > 0 && sw > 0) {
+        // draw shadow as a thick and thin line with transparency
+        ctx.lineWidth = sw;
+        ctx.strokeStyle = "rgba(0,0,0,0.1)";
+        // position shadow at angle from the mid of line
+        var angle = Math.PI/18;
+        plotDashes(Math.sin(angle) * (lw/2 + sw/2), Math.cos(angle) * (lw/2 + sw/2));
+        ctx.lineWidth = sw/2;
+        plotDashes(Math.sin(angle) * (lw/2 + sw/4), Math.cos(angle) * (lw/2 + sw/4));
+      }
+
+      ctx.lineWidth = lw;
+      ctx.strokeStyle = series.color;
+
+      if (lw > 0) {
+        plotDashes(0, 0);
+      }
+
+      ctx.restore();
+
+    });
+    //-end draw hook
+  }
+  //-end init
+
+  $.plot.plugins.push({
+    init: init,
+    options: {
+      series: {
+        dashes: {
+          show: false,
+          lineWidth: 2,
+          dashLength: 10
+        }
+      }
+    },
+    name: 'dashes',
+    version: '0.1'
+  });
+
+})(jQuery)

public/less/alerts.less

@@ -2,7 +2,6 @@
 // Alerts
 // --------------------------------------------------
 
-
 // Base styles
 // -------------------------
 
@@ -18,6 +17,7 @@
 	// Specified for the h4 to prevent conflicts of changing @headingsColor
 	color: inherit;
   }
+
   // Provide class for links that match alerts
   .alert-link {
 	font-weight: @alert-link-font-weight;
@@ -56,12 +56,15 @@
 .alert-success {
   .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text);
 }
+
 .alert-info {
   .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text);
 }
+
 .alert-warning {
   .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text);
 }
+
 .alert-danger {
   .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text);
 }

public/less/badges.less

@@ -2,7 +2,6 @@
 // Badges
 // --------------------------------------------------
 
-
 // Base classes
 .badge {
   display: inline-block;
@@ -46,6 +45,7 @@ a.list-group-item.active > .badge,
   color: @badge-active-color;
   background-color: @badge-active-bg;
 }
+
 .nav-pills > li > a > .badge {
   margin-left: 3px;
 }

public/less/bootswatch.less

@@ -39,7 +39,6 @@
 // Tables =====================================================================
 
 .table {
-
   tr.success,
   tr.warning,
   tr.danger {
@@ -112,7 +111,6 @@ input[type="color"],
 // Navs =======================================================================
 
 .pagination {
-	
   a {
 	color: #fff;
 
@@ -152,7 +150,6 @@ input[type="color"],
 // Indicators =================================================================
 
 .alert {
-
   a,
   .alert-link {
 	color: #fff;

public/less/breadcrumbs.less

@@ -2,7 +2,6 @@
 // Breadcrumbs
 // --------------------------------------------------
 
-
 .breadcrumb {
   padding: 8px 15px;
   margin-bottom: @line-height-computed;

public/less/button-groups.less

@@ -10,6 +10,7 @@
   .btn-default & {
 	border-top-color: @btn-default-color;
   }
+
   .btn-primary &,
   .btn-success &,
   .btn-warning &,
@@ -18,10 +19,12 @@
 	border-top-color: #fff;
   }
 }
+
 .dropup {
   & .btn-default .caret {
 	border-bottom-color: @btn-default-color;
   }
+
   .btn-primary,
   .btn-success,
   .btn-warning,
@@ -94,6 +97,7 @@
 	.border-right-radius(0);
   }
 }
+
 // Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
 .btn-group > .btn:last-child:not(:first-child),
 .btn-group > .dropdown-toggle:not(:first-child) {
@@ -104,15 +108,18 @@
 .btn-group > .btn-group {
   float: left;
 }
+
 .btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
   border-radius: 0;
 }
+
 .btn-group > .btn-group:first-child {
   > .btn:last-child,
   > .dropdown-toggle {
 	.border-right-radius(0);
   }
 }
+
 .btn-group > .btn-group:last-child > .btn:first-child {
   .border-left-radius(0);
 }
@@ -123,15 +130,21 @@
   outline: 0;
 }
 
-
 // Sizing
 //
 // Remix the default button sizing classes into new ones for easier manipulation.
 
-.btn-group-xs > .btn { .btn-xs(); }
-.btn-group-sm > .btn { .btn-sm(); }
-.btn-group-lg > .btn { .btn-lg(); }
+.btn-group-xs > .btn {
+  .btn-xs();
+}
 
+.btn-group-sm > .btn {
+  .btn-sm();
+}
+
+.btn-group-lg > .btn {
+  .btn-lg();
+}
 
 // Split button dropdowns
 // ----------------------
@@ -141,6 +154,7 @@
   padding-left: 8px;
   padding-right: 8px;
 }
+
 .btn-group > .btn-lg + .dropdown-toggle {
   padding-left: 12px;
   padding-right: 12px;
@@ -152,22 +166,22 @@
   .box-shadow(inset 0 3px 5px rgba(0, 0, 0, .125));
 }
 
-
 // Reposition the caret
 .btn .caret {
   margin-left: 0;
 }
+
 // Carets in other button sizes
 .btn-lg .caret {
   border-width: @caret-width-large @caret-width-large 0;
   border-bottom-width: 0;
 }
+
 // Upside down carets for .dropup
 .dropup .btn-lg .caret {
   border-width: 0 @caret-width-large @caret-width-large;
 }
 
-
 // Vertical button groups
 // ----------------------
 
@@ -210,21 +224,22 @@
 	.border-top-radius(0);
   }
 }
+
 .btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
   border-radius: 0;
 }
+
 .btn-group-vertical > .btn-group:first-child {
   > .btn:last-child,
   > .dropdown-toggle {
 	.border-bottom-radius(0);
   }
 }
+
 .btn-group-vertical > .btn-group:last-child > .btn:first-child {
   .border-top-radius(0);
 }
 
-
-
 // Justified button groups
 // ----------------------
 
@@ -233,6 +248,7 @@
   width: 100%;
   table-layout: fixed;
   border-collapse: separate;
+
   .btn {
 	float: none;
 	display: table-cell;
@@ -240,7 +256,6 @@
   }
 }
 
-
 // Checkbox and radio options
 [data-toggle="buttons"] > .btn > input[type="radio"],
 [data-toggle="buttons"] > .btn > input[type="checkbox"] {

public/less/buttons.less

@@ -2,7 +2,6 @@
 // Buttons
 // --------------------------------------------------
 
-
 // Base styles
 // --------------------------------------------------
 
@@ -51,34 +50,37 @@
 
 }
 
-
 // Alternate buttons
 // --------------------------------------------------
 
 .btn-default {
   .button-variant(@btn-default-color; @btn-default-bg; @btn-default-border);
 }
+
 .btn-primary {
   .button-variant(@btn-primary-color; @btn-primary-bg; @btn-primary-border);
 }
+
 // Warning appears as orange
 .btn-warning {
   .button-variant(@btn-warning-color; @btn-warning-bg; @btn-warning-border);
 }
+
 // Danger and error appear as red
 .btn-danger {
   .button-variant(@btn-danger-color; @btn-danger-bg; @btn-danger-border);
 }
+
 // Success appears as green
 .btn-success {
   .button-variant(@btn-success-color; @btn-success-bg; @btn-success-border);
 }
+
 // Info appears as blue-green
 .btn-info {
   .button-variant(@btn-info-color; @btn-info-bg; @btn-info-border);
 }
 
-
 // Link buttons
 // -------------------------
 
@@ -118,7 +120,6 @@
   }
 }
 
-
 // Button Sizes
 // --------------------------------------------------
 
@@ -126,16 +127,17 @@
   // line-height: ensure even-numbered height of button next to large input
   .button-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
 }
+
 .btn-sm,
 .btn-xs {
   // line-height: ensure proper height of button next to small input
   .button-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @line-height-small; @border-radius-small);
 }
+
 .btn-xs {
   padding: 1px 5px;
 }
 
-
 // Block button
 // --------------------------------------------------
 

public/less/carousel.less

@@ -2,7 +2,6 @@
 // Carousel
 // --------------------------------------------------
 
-
 // Wrapper for the slide container and indicators
 .carousel {
   position: relative;
@@ -28,7 +27,9 @@
 
   > .active,
   > .next,
-  > .prev { display: block; }
+  > .prev {
+	display: block;
+  }
 
   > .active {
 	left: 0;
@@ -106,14 +107,17 @@
 	z-index: 5;
 	display: inline-block;
   }
+
   .icon-prev,
   .glyphicon-chevron-left {
 	left: 50%;
   }
+
   .icon-next,
   .glyphicon-chevron-right {
 	right: 50%;
   }
+
   .icon-prev,
   .icon-next {
 	width: 20px;
@@ -128,6 +132,7 @@
 	  content: '\2039'; // SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
 	}
   }
+
   .icon-next {
 	&:before {
 	  content: '\203a'; // SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
@@ -161,6 +166,7 @@
 	border-radius: 10px;
 	cursor: pointer;
   }
+
   .active {
 	margin: 0;
 	width: 12px;
@@ -183,15 +189,14 @@
   color: @carousel-caption-color;
   text-align: center;
   text-shadow: @carousel-text-shadow;
+
   & .btn {
 	text-shadow: none; // No shadow for button elements in carousel-caption
   }
 }
 
-
 // Scale up controls for tablets and up
 @media screen and (min-width: @screen-sm-min) {
-
   // Scale up the controls a smidge
   .carousel-control {
 	.glyphicons-chevron-left,

public/less/close.less

@@ -2,7 +2,6 @@
 // Close icons
 // --------------------------------------------------
 
-
 .close {
   float: right;
   font-size: (@font-size-base * 1.5);

public/less/code.less

@@ -2,7 +2,6 @@
 // Code (inline and blocK)
 // --------------------------------------------------
 
-
 // Inline and block code styles
 code,
 kdb,
@@ -17,7 +16,6 @@ code {
   font-size: 90%;
   color: @code-color;
   background-color: @code-bg;
-  white-space: nowrap;
   border-radius: @border-radius-base;
 }
 

public/less/component-animations.less

@@ -10,6 +10,7 @@
 .fade {
   opacity: 0;
   .transition(opacity .15s linear);
+
   &.in {
 	opacity: 1;
   }
@@ -17,10 +18,12 @@
 
 .collapse {
   display: none;
+
   &.in {
 	display: block;
   }
 }
+
 .collapsing {
   position: relative;
   height: 0;

public/less/dropdowns.less

@@ -2,7 +2,6 @@
 // Dropdown menus
 // --------------------------------------------------
 
-
 // Dropdown arrow/caret
 .caret {
   display: inline-block;
@@ -105,6 +104,7 @@
 	color: @dropdown-link-disabled-color;
   }
 }
+
 // Nuke hover/focus effects
 .dropdown-menu > .disabled > a {
   &:hover,
@@ -170,6 +170,7 @@
 	border-bottom: 4px solid @dropdown-caret-color;
 	content: "";
   }
+
   // Different positioning for bottom up menu
   .dropdown-menu {
 	top: auto;
@@ -178,7 +179,6 @@
   }
 }
 
-
 // Component alignment
 //
 // Reiterate per navbar.less and the modified component alignment there.

public/less/forms.less

@@ -2,7 +2,6 @@
 // Forms
 // --------------------------------------------------
 
-
 // Normalize non-controls
 //
 // Restyle and baseline non-control form elements.
@@ -31,7 +30,6 @@ label {
   font-weight: bold;
 }
 
-
 // Normalize form controls
 
 // Override content-box in Normalize (* isn't specific enough)
@@ -100,7 +98,6 @@ output {
   .placeholder();
 }
 
-
 // Common form controls
 //
 // Shared size and type resets for form controls. Apply `.form-control` to any
@@ -159,7 +156,6 @@ output {
   }
 }
 
-
 // Form groups
 //
 // Designed to help with the organization and spacing of vertical forms. For
@@ -169,7 +165,6 @@ output {
   margin-bottom: 15px;
 }
 
-
 // Checkboxes and radios
 //
 // Indent the labels to position radios/checkboxes as hanging controls.
@@ -182,6 +177,7 @@ output {
   margin-bottom: 10px;
   padding-left: 20px;
   vertical-align: middle;
+
   label {
 	display: inline;
 	margin-bottom: 0;
@@ -189,6 +185,7 @@ output {
 	cursor: pointer;
   }
 }
+
 .radio input[type="radio"],
 .radio-inline input[type="radio"],
 .checkbox input[type="checkbox"],
@@ -196,6 +193,7 @@ output {
   float: left;
   margin-left: -20px;
 }
+
 .radio + .radio,
 .checkbox + .checkbox {
   margin-top: -5px; // Move up sibling radios or checkboxes for tighter spacing
@@ -211,6 +209,7 @@ output {
   font-weight: normal;
   cursor: pointer;
 }
+
 .radio-inline + .radio-inline,
 .checkbox-inline + .checkbox-inline {
   margin-top: 0;
@@ -241,7 +240,6 @@ input[type="checkbox"],
   .input-size(@input-height-large; @padding-large-vertical; @padding-large-horizontal; @font-size-large; @line-height-large; @border-radius-large);
 }
 
-
 // Form control feedback states
 //
 // Apply contextual and semantic states to individual form controls.
@@ -250,16 +248,17 @@ input[type="checkbox"],
 .has-warning {
   .form-control-validation(@state-warning-text; @state-warning-text; @state-warning-bg);
 }
+
 // Error
 .has-error {
   .form-control-validation(@state-danger-text; @state-danger-text; @state-danger-bg);
 }
+
 // Success
 .has-success {
   .form-control-validation(@state-success-text; @state-success-text; @state-success-bg);
 }
 
-
 // Static form control text
 //
 // Apply class to a `p` element to make any string of text align with labels in
@@ -270,7 +269,6 @@ input[type="checkbox"],
   padding-top: (@padding-base-vertical + 1);
 }
 
-
 // Help text
 //
 // Apply to any element you wish to create light text for placement immediately
@@ -283,8 +281,6 @@ input[type="checkbox"],
   color: lighten(@text-color, 25%); // lighten the text some for contrast
 }
 
-
-
 // Inline forms
 //
 // Make forms appear inline(-block) by adding the `.form-inline` class. Inline
@@ -297,7 +293,6 @@ input[type="checkbox"],
 // Heads up! This is mixin-ed into `.navbar-form` in navbars.less.
 
 .form-inline {
-
   // Kick in the inline
   @media (min-width: @screen-sm) {
 	// Inline-block all the things for "inline"
@@ -322,6 +317,7 @@ input[type="checkbox"],
 	  margin-bottom: 0;
 	  padding-left: 0;
 	}
+
 	.radio input[type="radio"],
 	.checkbox input[type="checkbox"] {
 	  float: none;
@@ -330,14 +326,12 @@ input[type="checkbox"],
   }
 }
 
-
 // Horizontal forms
 //
 // Horizontal forms are built on grid classes and allow you to create forms with
 // labels on the left and inputs on the right.
 
 .form-horizontal {
-
   // Consistent vertical alignment of labels, radios, and checkboxes
   .control-label,
   .radio,

public/less/grid.less

@@ -2,7 +2,6 @@
 // Grid system
 // --------------------------------------------------
 
-
 // Set the container width, and override it for fixed navbars in media queries
 .container {
   .container-fixed();
@@ -70,7 +69,6 @@
   padding-right: (@grid-gutter-width / 2);
 }
 
-
 // Extra small grid
 //
 // Grid classes for extra small devices like smartphones. No offset, push, or
@@ -92,19 +90,54 @@
 .col-xs-11 {
   float: left;
 }
-.col-xs-1  { width: percentage((1 / @grid-columns)); }
-.col-xs-2  { width: percentage((2 / @grid-columns)); }
-.col-xs-3  { width: percentage((3 / @grid-columns)); }
-.col-xs-4  { width: percentage((4 / @grid-columns)); }
-.col-xs-5  { width: percentage((5 / @grid-columns)); }
-.col-xs-6  { width: percentage((6 / @grid-columns)); }
-.col-xs-7  { width: percentage((7 / @grid-columns)); }
-.col-xs-8  { width: percentage((8 / @grid-columns)); }
-.col-xs-9  { width: percentage((9 / @grid-columns)); }
-.col-xs-10 { width: percentage((10/ @grid-columns)); }
-.col-xs-11 { width: percentage((11/ @grid-columns)); }
-.col-xs-12 { width: 100%; }
 
+.col-xs-1 {
+  width: percentage((1 / @grid-columns));
+}
+
+.col-xs-2 {
+  width: percentage((2 / @grid-columns));
+}
+
+.col-xs-3 {
+  width: percentage((3 / @grid-columns));
+}
+
+.col-xs-4 {
+  width: percentage((4 / @grid-columns));
+}
+
+.col-xs-5 {
+  width: percentage((5 / @grid-columns));
+}
+
+.col-xs-6 {
+  width: percentage((6 / @grid-columns));
+}
+
+.col-xs-7 {
+  width: percentage((7 / @grid-columns));
+}
+
+.col-xs-8 {
+  width: percentage((8 / @grid-columns));
+}
+
+.col-xs-9 {
+  width: percentage((9 / @grid-columns));
+}
+
+.col-xs-10 {
+  width: percentage((10/ @grid-columns));
+}
+
+.col-xs-11 {
+  width: percentage((11/ @grid-columns));
+}
+
+.col-xs-12 {
+  width: 100%;
+}
 
 // Small grid
 //
@@ -132,58 +165,189 @@
   .col-sm-11 {
 	float: left;
   }
-  .col-sm-1  { width: percentage((1 / @grid-columns)); }
-  .col-sm-2  { width: percentage((2 / @grid-columns)); }
-  .col-sm-3  { width: percentage((3 / @grid-columns)); }
-  .col-sm-4  { width: percentage((4 / @grid-columns)); }
-  .col-sm-5  { width: percentage((5 / @grid-columns)); }
-  .col-sm-6  { width: percentage((6 / @grid-columns)); }
-  .col-sm-7  { width: percentage((7 / @grid-columns)); }
-  .col-sm-8  { width: percentage((8 / @grid-columns)); }
-  .col-sm-9  { width: percentage((9 / @grid-columns)); }
-  .col-sm-10 { width: percentage((10/ @grid-columns)); }
-  .col-sm-11 { width: percentage((11/ @grid-columns)); }
-  .col-sm-12 { width: 100%; }
 
-  // Push and pull columns for source order changes
-  .col-sm-push-1  { left: percentage((1 / @grid-columns)); }
-  .col-sm-push-2  { left: percentage((2 / @grid-columns)); }
-  .col-sm-push-3  { left: percentage((3 / @grid-columns)); }
-  .col-sm-push-4  { left: percentage((4 / @grid-columns)); }
-  .col-sm-push-5  { left: percentage((5 / @grid-columns)); }
-  .col-sm-push-6  { left: percentage((6 / @grid-columns)); }
-  .col-sm-push-7  { left: percentage((7 / @grid-columns)); }
-  .col-sm-push-8  { left: percentage((8 / @grid-columns)); }
-  .col-sm-push-9  { left: percentage((9 / @grid-columns)); }
-  .col-sm-push-10 { left: percentage((10/ @grid-columns)); }
-  .col-sm-push-11 { left: percentage((11/ @grid-columns)); }
-
-  .col-sm-pull-1  { right: percentage((1 / @grid-columns)); }
-  .col-sm-pull-2  { right: percentage((2 / @grid-columns)); }
-  .col-sm-pull-3  { right: percentage((3 / @grid-columns)); }
-  .col-sm-pull-4  { right: percentage((4 / @grid-columns)); }
-  .col-sm-pull-5  { right: percentage((5 / @grid-columns)); }
-  .col-sm-pull-6  { right: percentage((6 / @grid-columns)); }
-  .col-sm-pull-7  { right: percentage((7 / @grid-columns)); }
-  .col-sm-pull-8  { right: percentage((8 / @grid-columns)); }
-  .col-sm-pull-9  { right: percentage((9 / @grid-columns)); }
-  .col-sm-pull-10 { right: percentage((10/ @grid-columns)); }
-  .col-sm-pull-11 { right: percentage((11/ @grid-columns)); }
-
-  // Offsets
-  .col-sm-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-  .col-sm-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-  .col-sm-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-  .col-sm-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-  .col-sm-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-  .col-sm-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-  .col-sm-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-  .col-sm-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-  .col-sm-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-  .col-sm-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-  .col-sm-offset-11 { margin-left: percentage((11/ @grid-columns)); }
+  .col-sm-1 {
+	width: percentage((1 / @grid-columns));
   }
 
+  .col-sm-2 {
+	width: percentage((2 / @grid-columns));
+  }
+
+  .col-sm-3 {
+	width: percentage((3 / @grid-columns));
+  }
+
+  .col-sm-4 {
+	width: percentage((4 / @grid-columns));
+  }
+
+  .col-sm-5 {
+	width: percentage((5 / @grid-columns));
+  }
+
+  .col-sm-6 {
+	width: percentage((6 / @grid-columns));
+  }
+
+  .col-sm-7 {
+	width: percentage((7 / @grid-columns));
+  }
+
+  .col-sm-8 {
+	width: percentage((8 / @grid-columns));
+  }
+
+  .col-sm-9 {
+	width: percentage((9 / @grid-columns));
+  }
+
+  .col-sm-10 {
+	width: percentage((10/ @grid-columns));
+  }
+
+  .col-sm-11 {
+	width: percentage((11/ @grid-columns));
+  }
+
+  .col-sm-12 {
+	width: 100%;
+  }
+
+  // Push and pull columns for source order changes
+  .col-sm-push-1 {
+	left: percentage((1 / @grid-columns));
+  }
+
+  .col-sm-push-2 {
+	left: percentage((2 / @grid-columns));
+  }
+
+  .col-sm-push-3 {
+	left: percentage((3 / @grid-columns));
+  }
+
+  .col-sm-push-4 {
+	left: percentage((4 / @grid-columns));
+  }
+
+  .col-sm-push-5 {
+	left: percentage((5 / @grid-columns));
+  }
+
+  .col-sm-push-6 {
+	left: percentage((6 / @grid-columns));
+  }
+
+  .col-sm-push-7 {
+	left: percentage((7 / @grid-columns));
+  }
+
+  .col-sm-push-8 {
+	left: percentage((8 / @grid-columns));
+  }
+
+  .col-sm-push-9 {
+	left: percentage((9 / @grid-columns));
+  }
+
+  .col-sm-push-10 {
+	left: percentage((10/ @grid-columns));
+  }
+
+  .col-sm-push-11 {
+	left: percentage((11/ @grid-columns));
+  }
+
+  .col-sm-pull-1 {
+	right: percentage((1 / @grid-columns));
+  }
+
+  .col-sm-pull-2 {
+	right: percentage((2 / @grid-columns));
+  }
+
+  .col-sm-pull-3 {
+	right: percentage((3 / @grid-columns));
+  }
+
+  .col-sm-pull-4 {
+	right: percentage((4 / @grid-columns));
+  }
+
+  .col-sm-pull-5 {
+	right: percentage((5 / @grid-columns));
+  }
+
+  .col-sm-pull-6 {
+	right: percentage((6 / @grid-columns));
+  }
+
+  .col-sm-pull-7 {
+	right: percentage((7 / @grid-columns));
+  }
+
+  .col-sm-pull-8 {
+	right: percentage((8 / @grid-columns));
+  }
+
+  .col-sm-pull-9 {
+	right: percentage((9 / @grid-columns));
+  }
+
+  .col-sm-pull-10 {
+	right: percentage((10/ @grid-columns));
+  }
+
+  .col-sm-pull-11 {
+	right: percentage((11/ @grid-columns));
+  }
+
+  // Offsets
+  .col-sm-offset-1 {
+	margin-left: percentage((1 / @grid-columns));
+  }
+
+  .col-sm-offset-2 {
+	margin-left: percentage((2 / @grid-columns));
+  }
+
+  .col-sm-offset-3 {
+	margin-left: percentage((3 / @grid-columns));
+  }
+
+  .col-sm-offset-4 {
+	margin-left: percentage((4 / @grid-columns));
+  }
+
+  .col-sm-offset-5 {
+	margin-left: percentage((5 / @grid-columns));
+  }
+
+  .col-sm-offset-6 {
+	margin-left: percentage((6 / @grid-columns));
+  }
+
+  .col-sm-offset-7 {
+	margin-left: percentage((7 / @grid-columns));
+  }
+
+  .col-sm-offset-8 {
+	margin-left: percentage((8 / @grid-columns));
+  }
+
+  .col-sm-offset-9 {
+	margin-left: percentage((9 / @grid-columns));
+  }
+
+  .col-sm-offset-10 {
+	margin-left: percentage((10/ @grid-columns));
+  }
+
+  .col-sm-offset-11 {
+	margin-left: percentage((11/ @grid-columns));
+  }
+}
 
 // Medium grid
 //
@@ -196,6 +360,7 @@
   .container {
 	width: @container-md;
   }
+
   .col-md-1,
   .col-md-2,
   .col-md-3,
@@ -209,61 +374,201 @@
   .col-md-11 {
 	float: left;
   }
-  .col-md-1  { width: percentage((1 / @grid-columns)); }
-  .col-md-2  { width: percentage((2 / @grid-columns)); }
-  .col-md-3  { width: percentage((3 / @grid-columns)); }
-  .col-md-4  { width: percentage((4 / @grid-columns)); }
-  .col-md-5  { width: percentage((5 / @grid-columns)); }
-  .col-md-6  { width: percentage((6 / @grid-columns)); }
-  .col-md-7  { width: percentage((7 / @grid-columns)); }
-  .col-md-8  { width: percentage((8 / @grid-columns)); }
-  .col-md-9  { width: percentage((9 / @grid-columns)); }
-  .col-md-10 { width: percentage((10/ @grid-columns)); }
-  .col-md-11 { width: percentage((11/ @grid-columns)); }
-  .col-md-12 { width: 100%; }
 
-  // Push and pull columns for source order changes
-  .col-md-push-0  { left: auto; }
-  .col-md-push-1  { left: percentage((1 / @grid-columns)); }
-  .col-md-push-2  { left: percentage((2 / @grid-columns)); }
-  .col-md-push-3  { left: percentage((3 / @grid-columns)); }
-  .col-md-push-4  { left: percentage((4 / @grid-columns)); }
-  .col-md-push-5  { left: percentage((5 / @grid-columns)); }
-  .col-md-push-6  { left: percentage((6 / @grid-columns)); }
-  .col-md-push-7  { left: percentage((7 / @grid-columns)); }
-  .col-md-push-8  { left: percentage((8 / @grid-columns)); }
-  .col-md-push-9  { left: percentage((9 / @grid-columns)); }
-  .col-md-push-10 { left: percentage((10/ @grid-columns)); }
-  .col-md-push-11 { left: percentage((11/ @grid-columns)); }
-
-  .col-md-pull-0  { right: auto; }
-  .col-md-pull-1  { right: percentage((1 / @grid-columns)); }
-  .col-md-pull-2  { right: percentage((2 / @grid-columns)); }
-  .col-md-pull-3  { right: percentage((3 / @grid-columns)); }
-  .col-md-pull-4  { right: percentage((4 / @grid-columns)); }
-  .col-md-pull-5  { right: percentage((5 / @grid-columns)); }
-  .col-md-pull-6  { right: percentage((6 / @grid-columns)); }
-  .col-md-pull-7  { right: percentage((7 / @grid-columns)); }
-  .col-md-pull-8  { right: percentage((8 / @grid-columns)); }
-  .col-md-pull-9  { right: percentage((9 / @grid-columns)); }
-  .col-md-pull-10 { right: percentage((10/ @grid-columns)); }
-  .col-md-pull-11 { right: percentage((11/ @grid-columns)); }
-
-  // Offsets
-  .col-md-offset-0  { margin-left: 0; }
-  .col-md-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-  .col-md-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-  .col-md-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-  .col-md-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-  .col-md-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-  .col-md-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-  .col-md-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-  .col-md-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-  .col-md-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-  .col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-  .col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
+  .col-md-1 {
+	width: percentage((1 / @grid-columns));
   }
 
+  .col-md-2 {
+	width: percentage((2 / @grid-columns));
+  }
+
+  .col-md-3 {
+	width: percentage((3 / @grid-columns));
+  }
+
+  .col-md-4 {
+	width: percentage((4 / @grid-columns));
+  }
+
+  .col-md-5 {
+	width: percentage((5 / @grid-columns));
+  }
+
+  .col-md-6 {
+	width: percentage((6 / @grid-columns));
+  }
+
+  .col-md-7 {
+	width: percentage((7 / @grid-columns));
+  }
+
+  .col-md-8 {
+	width: percentage((8 / @grid-columns));
+  }
+
+  .col-md-9 {
+	width: percentage((9 / @grid-columns));
+  }
+
+  .col-md-10 {
+	width: percentage((10/ @grid-columns));
+  }
+
+  .col-md-11 {
+	width: percentage((11/ @grid-columns));
+  }
+
+  .col-md-12 {
+	width: 100%;
+  }
+
+  // Push and pull columns for source order changes
+  .col-md-push-0 {
+	left: auto;
+  }
+
+  .col-md-push-1 {
+	left: percentage((1 / @grid-columns));
+  }
+
+  .col-md-push-2 {
+	left: percentage((2 / @grid-columns));
+  }
+
+  .col-md-push-3 {
+	left: percentage((3 / @grid-columns));
+  }
+
+  .col-md-push-4 {
+	left: percentage((4 / @grid-columns));
+  }
+
+  .col-md-push-5 {
+	left: percentage((5 / @grid-columns));
+  }
+
+  .col-md-push-6 {
+	left: percentage((6 / @grid-columns));
+  }
+
+  .col-md-push-7 {
+	left: percentage((7 / @grid-columns));
+  }
+
+  .col-md-push-8 {
+	left: percentage((8 / @grid-columns));
+  }
+
+  .col-md-push-9 {
+	left: percentage((9 / @grid-columns));
+  }
+
+  .col-md-push-10 {
+	left: percentage((10/ @grid-columns));
+  }
+
+  .col-md-push-11 {
+	left: percentage((11/ @grid-columns));
+  }
+
+  .col-md-pull-0 {
+	right: auto;
+  }
+
+  .col-md-pull-1 {
+	right: percentage((1 / @grid-columns));
+  }
+
+  .col-md-pull-2 {
+	right: percentage((2 / @grid-columns));
+  }
+
+  .col-md-pull-3 {
+	right: percentage((3 / @grid-columns));
+  }
+
+  .col-md-pull-4 {
+	right: percentage((4 / @grid-columns));
+  }
+
+  .col-md-pull-5 {
+	right: percentage((5 / @grid-columns));
+  }
+
+  .col-md-pull-6 {
+	right: percentage((6 / @grid-columns));
+  }
+
+  .col-md-pull-7 {
+	right: percentage((7 / @grid-columns));
+  }
+
+  .col-md-pull-8 {
+	right: percentage((8 / @grid-columns));
+  }
+
+  .col-md-pull-9 {
+	right: percentage((9 / @grid-columns));
+  }
+
+  .col-md-pull-10 {
+	right: percentage((10/ @grid-columns));
+  }
+
+  .col-md-pull-11 {
+	right: percentage((11/ @grid-columns));
+  }
+
+  // Offsets
+  .col-md-offset-0 {
+	margin-left: 0;
+  }
+
+  .col-md-offset-1 {
+	margin-left: percentage((1 / @grid-columns));
+  }
+
+  .col-md-offset-2 {
+	margin-left: percentage((2 / @grid-columns));
+  }
+
+  .col-md-offset-3 {
+	margin-left: percentage((3 / @grid-columns));
+  }
+
+  .col-md-offset-4 {
+	margin-left: percentage((4 / @grid-columns));
+  }
+
+  .col-md-offset-5 {
+	margin-left: percentage((5 / @grid-columns));
+  }
+
+  .col-md-offset-6 {
+	margin-left: percentage((6 / @grid-columns));
+  }
+
+  .col-md-offset-7 {
+	margin-left: percentage((7 / @grid-columns));
+  }
+
+  .col-md-offset-8 {
+	margin-left: percentage((8 / @grid-columns));
+  }
+
+  .col-md-offset-9 {
+	margin-left: percentage((9 / @grid-columns));
+  }
+
+  .col-md-offset-10 {
+	margin-left: percentage((10/ @grid-columns));
+  }
+
+  .col-md-offset-11 {
+	margin-left: percentage((11/ @grid-columns));
+  }
+}
 
 // Large grid
 //
@@ -290,57 +595,198 @@
   .col-lg-11 {
 	float: left;
   }
-  .col-lg-1  { width: percentage((1 / @grid-columns)); }
-  .col-lg-2  { width: percentage((2 / @grid-columns)); }
-  .col-lg-3  { width: percentage((3 / @grid-columns)); }
-  .col-lg-4  { width: percentage((4 / @grid-columns)); }
-  .col-lg-5  { width: percentage((5 / @grid-columns)); }
-  .col-lg-6  { width: percentage((6 / @grid-columns)); }
-  .col-lg-7  { width: percentage((7 / @grid-columns)); }
-  .col-lg-8  { width: percentage((8 / @grid-columns)); }
-  .col-lg-9  { width: percentage((9 / @grid-columns)); }
-  .col-lg-10 { width: percentage((10/ @grid-columns)); }
-  .col-lg-11 { width: percentage((11/ @grid-columns)); }
-  .col-lg-12 { width: 100%; }
+
+  .col-lg-1 {
+	width: percentage((1 / @grid-columns));
+  }
+
+  .col-lg-2 {
+	width: percentage((2 / @grid-columns));
+  }
+
+  .col-lg-3 {
+	width: percentage((3 / @grid-columns));
+  }
+
+  .col-lg-4 {
+	width: percentage((4 / @grid-columns));
+  }
+
+  .col-lg-5 {
+	width: percentage((5 / @grid-columns));
+  }
+
+  .col-lg-6 {
+	width: percentage((6 / @grid-columns));
+  }
+
+  .col-lg-7 {
+	width: percentage((7 / @grid-columns));
+  }
+
+  .col-lg-8 {
+	width: percentage((8 / @grid-columns));
+  }
+
+  .col-lg-9 {
+	width: percentage((9 / @grid-columns));
+  }
+
+  .col-lg-10 {
+	width: percentage((10/ @grid-columns));
+  }
+
+  .col-lg-11 {
+	width: percentage((11/ @grid-columns));
+  }
+
+  .col-lg-12 {
+	width: 100%;
+  }
 
   // Push and pull columns for source order changes
-  .col-lg-push-0  { left: auto; }
-  .col-lg-push-1  { left: percentage((1 / @grid-columns)); }
-  .col-lg-push-2  { left: percentage((2 / @grid-columns)); }
-  .col-lg-push-3  { left: percentage((3 / @grid-columns)); }
-  .col-lg-push-4  { left: percentage((4 / @grid-columns)); }
-  .col-lg-push-5  { left: percentage((5 / @grid-columns)); }
-  .col-lg-push-6  { left: percentage((6 / @grid-columns)); }
-  .col-lg-push-7  { left: percentage((7 / @grid-columns)); }
-  .col-lg-push-8  { left: percentage((8 / @grid-columns)); }
-  .col-lg-push-9  { left: percentage((9 / @grid-columns)); }
-  .col-lg-push-10 { left: percentage((10/ @grid-columns)); }
-  .col-lg-push-11 { left: percentage((11/ @grid-columns)); }
+  .col-lg-push-0 {
+	left: auto;
+  }
 
-  .col-lg-pull-0  { right: auto; }
-  .col-lg-pull-1  { right: percentage((1 / @grid-columns)); }
-  .col-lg-pull-2  { right: percentage((2 / @grid-columns)); }
-  .col-lg-pull-3  { right: percentage((3 / @grid-columns)); }
-  .col-lg-pull-4  { right: percentage((4 / @grid-columns)); }
-  .col-lg-pull-5  { right: percentage((5 / @grid-columns)); }
-  .col-lg-pull-6  { right: percentage((6 / @grid-columns)); }
-  .col-lg-pull-7  { right: percentage((7 / @grid-columns)); }
-  .col-lg-pull-8  { right: percentage((8 / @grid-columns)); }
-  .col-lg-pull-9  { right: percentage((9 / @grid-columns)); }
-  .col-lg-pull-10 { right: percentage((10/ @grid-columns)); }
-  .col-lg-pull-11 { right: percentage((11/ @grid-columns)); }
+  .col-lg-push-1 {
+	left: percentage((1 / @grid-columns));
+  }
+
+  .col-lg-push-2 {
+	left: percentage((2 / @grid-columns));
+  }
+
+  .col-lg-push-3 {
+	left: percentage((3 / @grid-columns));
+  }
+
+  .col-lg-push-4 {
+	left: percentage((4 / @grid-columns));
+  }
+
+  .col-lg-push-5 {
+	left: percentage((5 / @grid-columns));
+  }
+
+  .col-lg-push-6 {
+	left: percentage((6 / @grid-columns));
+  }
+
+  .col-lg-push-7 {
+	left: percentage((7 / @grid-columns));
+  }
+
+  .col-lg-push-8 {
+	left: percentage((8 / @grid-columns));
+  }
+
+  .col-lg-push-9 {
+	left: percentage((9 / @grid-columns));
+  }
+
+  .col-lg-push-10 {
+	left: percentage((10/ @grid-columns));
+  }
+
+  .col-lg-push-11 {
+	left: percentage((11/ @grid-columns));
+  }
+
+  .col-lg-pull-0 {
+	right: auto;
+  }
+
+  .col-lg-pull-1 {
+	right: percentage((1 / @grid-columns));
+  }
+
+  .col-lg-pull-2 {
+	right: percentage((2 / @grid-columns));
+  }
+
+  .col-lg-pull-3 {
+	right: percentage((3 / @grid-columns));
+  }
+
+  .col-lg-pull-4 {
+	right: percentage((4 / @grid-columns));
+  }
+
+  .col-lg-pull-5 {
+	right: percentage((5 / @grid-columns));
+  }
+
+  .col-lg-pull-6 {
+	right: percentage((6 / @grid-columns));
+  }
+
+  .col-lg-pull-7 {
+	right: percentage((7 / @grid-columns));
+  }
+
+  .col-lg-pull-8 {
+	right: percentage((8 / @grid-columns));
+  }
+
+  .col-lg-pull-9 {
+	right: percentage((9 / @grid-columns));
+  }
+
+  .col-lg-pull-10 {
+	right: percentage((10/ @grid-columns));
+  }
+
+  .col-lg-pull-11 {
+	right: percentage((11/ @grid-columns));
+  }
 
   // Offsets
-  .col-lg-offset-0  { margin-left: 0; }
-  .col-lg-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-  .col-lg-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-  .col-lg-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-  .col-lg-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-  .col-lg-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-  .col-lg-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-  .col-lg-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-  .col-lg-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-  .col-lg-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-  .col-lg-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-  .col-lg-offset-11 { margin-left: percentage((11/ @grid-columns)); }
+  .col-lg-offset-0 {
+	margin-left: 0;
+  }
+
+  .col-lg-offset-1 {
+	margin-left: percentage((1 / @grid-columns));
+  }
+
+  .col-lg-offset-2 {
+	margin-left: percentage((2 / @grid-columns));
+  }
+
+  .col-lg-offset-3 {
+	margin-left: percentage((3 / @grid-columns));
+  }
+
+  .col-lg-offset-4 {
+	margin-left: percentage((4 / @grid-columns));
+  }
+
+  .col-lg-offset-5 {
+	margin-left: percentage((5 / @grid-columns));
+  }
+
+  .col-lg-offset-6 {
+	margin-left: percentage((6 / @grid-columns));
+  }
+
+  .col-lg-offset-7 {
+	margin-left: percentage((7 / @grid-columns));
+  }
+
+  .col-lg-offset-8 {
+	margin-left: percentage((8 / @grid-columns));
+  }
+
+  .col-lg-offset-9 {
+	margin-left: percentage((9 / @grid-columns));
+  }
+
+  .col-lg-offset-10 {
+	margin-left: percentage((10/ @grid-columns));
+  }
+
+  .col-lg-offset-11 {
+	margin-left: percentage((11/ @grid-columns));
+  }
 }

public/less/ie8and.less

@@ -0,0 +1,203 @@
+// Making up for the non support of IE8 and IE7 in Bootstrap 3
+
+// Amend the width of container if you want to here
+@container-md-ie8: @container-md;
+
+@grid-adjustment: percentage(@grid-gutter-width / @container-md-ie8);
+
+.ie7, .ie8 {
+  * {
+	box-sizing: content-box;
+  }
+
+  .clearfix {
+	*zoom: 1;
+  }
+
+  ul, ol {
+	margin-left: 0;
+  }
+
+  .container {
+	width: @container-md-ie8;
+  }
+
+  .col-md-1,
+  .col-md-2,
+  .col-md-3,
+  .col-md-4,
+  .col-md-5,
+  .col-md-6,
+  .col-md-7,
+  .col-md-8,
+  .col-md-9,
+  .col-md-10,
+  .col-md-11 {
+	float: left;
+  }
+
+  .col-md-1 {
+	width: percentage((1 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-2 {
+	width: percentage((2 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-3 {
+	width: percentage((3 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-4 {
+	width: percentage((4 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-5 {
+	width: percentage((5 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-6 {
+	width: percentage((6 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-7 {
+	width: percentage((7 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-8 {
+	width: percentage((8 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-9 {
+	width: percentage((9 / @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-10 {
+	width: percentage((10/ @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-11 {
+	width: percentage((11/ @grid-columns)) - @grid-adjustment;
+  }
+
+  .col-md-12 {
+	width: 100% - @grid-adjustment;
+  }
+
+  // Push and pull columns for source order changes
+  .col-md-push-0 {
+	left: auto;
+  }
+  .col-md-push-1 {
+	left: percentage((1 / @grid-columns));
+  }
+  .col-md-push-2 {
+	left: percentage((2 / @grid-columns));
+  }
+  .col-md-push-3 {
+	left: percentage((3 / @grid-columns));
+  }
+  .col-md-push-4 {
+	left: percentage((4 / @grid-columns));
+  }
+  .col-md-push-5 {
+	left: percentage((5 / @grid-columns));
+  }
+  .col-md-push-6 {
+	left: percentage((6 / @grid-columns));
+  }
+  .col-md-push-7 {
+	left: percentage((7 / @grid-columns));
+  }
+  .col-md-push-8 {
+	left: percentage((8 / @grid-columns));
+  }
+  .col-md-push-9 {
+	left: percentage((9 / @grid-columns));
+  }
+  .col-md-push-10 {
+	left: percentage((10/ @grid-columns));
+  }
+  .col-md-push-11 {
+	left: percentage((11/ @grid-columns));
+  }
+
+  .col-md-pull-0 {
+	right: auto;
+  }
+  .col-md-pull-1 {
+	right: percentage((1 / @grid-columns));
+  }
+  .col-md-pull-2 {
+	right: percentage((2 / @grid-columns));
+  }
+  .col-md-pull-3 {
+	right: percentage((3 / @grid-columns));
+  }
+  .col-md-pull-4 {
+	right: percentage((4 / @grid-columns));
+  }
+  .col-md-pull-5 {
+	right: percentage((5 / @grid-columns));
+  }
+  .col-md-pull-6 {
+	right: percentage((6 / @grid-columns));
+  }
+  .col-md-pull-7 {
+	right: percentage((7 / @grid-columns));
+  }
+  .col-md-pull-8 {
+	right: percentage((8 / @grid-columns));
+  }
+  .col-md-pull-9 {
+	right: percentage((9 / @grid-columns));
+  }
+  .col-md-pull-10 {
+	right: percentage((10/ @grid-columns));
+  }
+  .col-md-pull-11 {
+	right: percentage((11/ @grid-columns));
+  }
+
+  // Offsets
+  .col-md-offset-0 {
+	margin-left: 0;
+  }
+  .col-md-offset-1 {
+	margin-left: percentage((1 / @grid-columns));
+  }
+  .col-md-offset-2 {
+	margin-left: percentage((2 / @grid-columns));
+  }
+  .col-md-offset-3 {
+	margin-left: percentage((3 / @grid-columns));
+  }
+  .col-md-offset-4 {
+	margin-left: percentage((4 / @grid-columns));
+  }
+  .col-md-offset-5 {
+	margin-left: percentage((5 / @grid-columns));
+  }
+  .col-md-offset-6 {
+	margin-left: percentage((6 / @grid-columns));
+  }
+  .col-md-offset-7 {
+	margin-left: percentage((7 / @grid-columns));
+  }
+  .col-md-offset-8 {
+	margin-left: percentage((8 / @grid-columns));
+  }
+  .col-md-offset-9 {
+	margin-left: percentage((9 / @grid-columns));
+  }
+  .col-md-offset-10 {
+	margin-left: percentage((10/ @grid-columns));
+  }
+  .col-md-offset-11 {
+	margin-left: percentage((11/ @grid-columns));
+  }
+
+  .clearfix {
+	*zoom: 1;
+  }
+}

public/less/input-groups.less

@@ -29,11 +29,15 @@
 
 .input-group-lg > .form-control,
 .input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn { .input-lg(); }
+.input-group-lg > .input-group-btn > .btn {
+  .input-lg();
+}
+
 .input-group-sm > .form-control,
 .input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn { .input-sm(); }
-
+.input-group-sm > .input-group-btn > .btn {
+  .input-sm();
+}
 
 // Display as table-cell
 // -------------------------
@@ -46,6 +50,7 @@
 	border-radius: 0;
   }
 }
+
 // Addon and addon wrapper for buttons
 .input-group-addon,
 .input-group-btn {
@@ -94,9 +99,11 @@
 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
   .border-right-radius(0);
 }
+
 .input-group-addon:first-child {
   border-right: 0;
 }
+
 .input-group .form-control:last-child,
 .input-group-addon:last-child,
 .input-group-btn:last-child > .btn,
@@ -104,6 +111,7 @@
 .input-group-btn:first-child > .btn:not(:first-child) {
   .border-left-radius(0);
 }
+
 .input-group-addon:last-child {
   border-left: 0;
 }
@@ -122,6 +130,7 @@
 	margin-left: -1px;
   }
 }
+
 .input-group-btn > .btn {
   position: relative;
   // Jankily prevent input button groups from wrapping

public/less/jumbotron.less

@@ -2,7 +2,6 @@
 // Jumbotron
 // --------------------------------------------------
 
-
 .jumbotron {
   padding: @jumbotron-padding;
   margin-bottom: @jumbotron-padding;
@@ -16,6 +15,7 @@
 	line-height: 1;
 	color: @jumbotron-heading-color;
   }
+
   p {
 	line-height: 1.4;
   }

public/less/list-group.less

@@ -82,6 +82,7 @@
   margin-top: 0;
   margin-bottom: 5px;
 }
+
 .list-group-item-text {
   margin-bottom: 0;
   line-height: 1.3;

public/less/main.less

@@ -1,12 +1,11 @@
 // Core variables and mixins
 @import "variables.less";
-@import "variables-flatly.less"; /* Bootswatch Flatly theme variables */
+@import "variables-flatly.less";
+/* Bootswatch Flatly theme variables */
 @import "mixins.less";
-
 // Reset
 @import "normalize.less";
 @import "print.less";
-
 // Core CSS
 @import "scaffolding.less";
 @import "type.less";
@@ -15,7 +14,6 @@
 @import "tables.less";
 @import "forms.less";
 @import "buttons.less";
-
 // Components
 @import "component-animations.less";
 @import "glyphicons.less";
@@ -38,24 +36,20 @@
 @import "panels.less";
 @import "wells.less";
 @import "close.less";
-
 // Components w/ JavaScript
 //@import "modals.less";
 @import "tooltip.less";
-//@import "popovers.less";
+@import "popovers.less";
 //@import "carousel.less";
-
 // Utility classes
 @import "utilities.less";
 @import "responsive-utilities.less";
-
 //Bootswatch overrides
 @import "bootswatch.less";
-
 // Site specific
 @import "site.less";
 @import "site-nojavascript.less";
 @import "site-responsive.less";
-
 // Stupid ie
+@import "ie8and.less";
 @import "site-ie8and.less";

public/less/media.less

@@ -2,7 +2,6 @@
 // Source: http://stubbornella.org/content/?p=497
 // --------------------------------------------------
 
-
 // Common styles
 // -------------------------
 
@@ -18,6 +17,7 @@
 .media .media {
   margin-top: 15px;
 }
+
 .media:first-child {
   margin-top: 0;
 }
@@ -32,7 +32,6 @@
   margin: 0 0 5px;
 }
 
-
 // Media image alignment
 // -------------------------
 
@@ -45,7 +44,6 @@
   }
 }
 
-
 // Media list variation
 // -------------------------
 

public/less/mixins.less

@@ -2,7 +2,6 @@
 // Mixins
 // --------------------------------------------------
 
-
 // Utilities
 // -------------------------
 
@@ -48,16 +47,29 @@
   width: @width;
   height: @height;
 }
+
 .square(@size) {
   .size(@size; @size);
 }
 
 // Placeholder text
 .placeholder(@color: @input-color-placeholder) {
-  &:-moz-placeholder            { color: @color; } // Firefox 4-18
-  &::-moz-placeholder           { color: @color; } // Firefox 19+
-  &:-ms-input-placeholder       { color: @color; } // Internet Explorer 10+
-  &::-webkit-input-placeholder  { color: @color; } // Safari and Chrome
+  &:-moz-placeholder {
+	color: @color;
+  }
+  // Firefox 4-18
+  &::-moz-placeholder {
+	color: @color;
+  }
+  // Firefox 19+
+  &:-ms-input-placeholder {
+	color: @color;
+  }
+  // Internet Explorer 10+
+  &::-webkit-input-placeholder {
+	color: @color;
+  }
+  // Safari and Chrome
 }
 
 // Text overflow
@@ -85,6 +97,7 @@
   background-color: transparent;
   border: 0;
 }
+
 // New mixin to use as of v3.0.1
 .text-hide() {
   font: ~"0/0" a;
@@ -94,8 +107,6 @@
   border: 0;
 }
 
-
-
 // CSS3 PROPERTIES
 // --------------------------------------------------
 
@@ -104,14 +115,17 @@
   border-top-right-radius: @radius;
   border-top-left-radius: @radius;
 }
+
 .border-right-radius(@radius) {
   border-bottom-right-radius: @radius;
   border-top-right-radius: @radius;
 }
+
 .border-bottom-radius(@radius) {
   border-bottom-right-radius: @radius;
   border-bottom-left-radius: @radius;
 }
+
 .border-left-radius(@radius) {
   border-bottom-left-radius: @radius;
   border-top-left-radius: @radius;
@@ -128,18 +142,22 @@
   -webkit-transition: @transition;
   transition: @transition;
 }
+
 .transition-property(@transition-property) {
   -webkit-transition-property: @transition-property;
   transition-property: @transition-property;
 }
+
 .transition-delay(@transition-delay) {
   -webkit-transition-delay: @transition-delay;
   transition-delay: @transition-delay;
 }
+
 .transition-duration(@transition-duration) {
   -webkit-transition-duration: @transition-duration;
   transition-duration: @transition-duration;
 }
+
 .transition-transform(@transition) {
   -webkit-transition: -webkit-transform @transition;
   -moz-transition: -moz-transform @transition;
@@ -153,21 +171,25 @@
   -ms-transform: rotate(@degrees); // IE9+
   transform: rotate(@degrees);
 }
+
 .scale(@ratio) {
   -webkit-transform: scale(@ratio);
   -ms-transform: scale(@ratio); // IE9+
   transform: scale(@ratio);
 }
+
 .translate(@x; @y) {
   -webkit-transform: translate(@x, @y);
   -ms-transform: translate(@x, @y); // IE9+
   transform: translate(@x, @y);
 }
+
 .skew(@x; @y) {
   -webkit-transform: skew(@x, @y);
   -ms-transform: skewX(@x) skewY(@y); // See https://github.com/twbs/bootstrap/issues/4885; IE9+
   transform: skew(@x, @y);
 }
+
 .translate3d(@x; @y; @z) {
   -webkit-transform: translate3d(@x, @y, @z);
   transform: translate3d(@x, @y, @z);
@@ -178,28 +200,31 @@
   -ms-transform: rotateX(@degrees); // IE9+
   transform: rotateX(@degrees);
 }
+
 .rotateY(@degrees) {
   -webkit-transform: rotateY(@degrees);
   -ms-transform: rotateY(@degrees); // IE9+
   transform: rotateY(@degrees);
 }
+
 .perspective(@perspective) {
   -webkit-perspective: @perspective;
   -moz-perspective: @perspective;
   perspective: @perspective;
 }
+
 .perspective-origin(@perspective) {
   -webkit-perspective-origin: @perspective;
   -moz-perspective-origin: @perspective;
   perspective-origin: @perspective;
 }
+
 .transform-origin(@origin) {
   -webkit-transform-origin: @origin;
   -moz-transform-origin: @origin;
   transform-origin: @origin;
 }
 
-
 // Backface visibility
 // Prevent browsers from flickering when using CSS 3D transforms.
 // Default value is `visible`, but can be changed to `hidden`
@@ -261,8 +286,6 @@
   filter: ~"alpha(opacity=@{opacity-ie})";
 }
 
-
-
 // GRADIENTS
 // --------------------------------------------------
 
@@ -339,8 +362,6 @@
   filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)"));
 }
 
-
-
 // Retina images
 //
 // Short retina mixin for setting background-image and -size
@@ -348,19 +369,12 @@
 .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) {
   background-image: url("@{file-1x}");
 
-  @media
-  only screen and (-webkit-min-device-pixel-ratio: 2),
-  only screen and (   min--moz-device-pixel-ratio: 2),
-  only screen and (     -o-min-device-pixel-ratio: 2/1),
-  only screen and (        min-device-pixel-ratio: 2),
-  only screen and (                min-resolution: 192dpi),
-  only screen and (                min-resolution: 2dppx) {
+  @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (   min--moz-device-pixel-ratio: 2), only screen and (     -o-min-device-pixel-ratio: 2/1), only screen and (        min-device-pixel-ratio: 2), only screen and (                min-resolution: 192dpi), only screen and (                min-resolution: 2dppx) {
 	background-image: url("@{file-2x}");
 	background-size: @width-1x @height-1x;
   }
 }
 
-
 // Responsive image
 //
 // Keep images from scaling beyond the width of their parents.
@@ -371,7 +385,6 @@
   height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
 }
 
-
 // COMPONENT MIXINS
 // --------------------------------------------------
 
@@ -553,16 +566,22 @@
 // More easily include all the states for responsive-utilities.less.
 .responsive-visibility() {
   display: block !important;
-  tr& { display: table-row !important; }
+  tr& {
+	display: table-row !important;
+  }
   th&,
-  td& { display: table-cell !important; }
+  td& {
+	display: table-cell !important;
+  }
 }
 
 .responsive-invisibility() {
   &,
   tr&,
   th&,
-  td& { display: none !important; }
+  td& {
+	display: none !important;
+  }
 }
 
 // Grid System
@@ -618,11 +637,13 @@
 	margin-left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-sm-column-push(@columns) {
   @media (min-width: @screen-sm-min) {
 	left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-sm-column-pull(@columns) {
   @media (min-width: @screen-sm-min) {
 	right: percentage((@columns / @grid-columns));
@@ -651,11 +672,13 @@
 	margin-left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-md-column-push(@columns) {
   @media (min-width: @screen-md) {
 	left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-md-column-pull(@columns) {
   @media (min-width: @screen-md-min) {
 	right: percentage((@columns / @grid-columns));
@@ -684,18 +707,19 @@
 	margin-left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-lg-column-push(@columns) {
   @media (min-width: @screen-lg-min) {
 	left: percentage((@columns / @grid-columns));
   }
 }
+
 .make-lg-column-pull(@columns) {
   @media (min-width: @screen-lg-min) {
 	right: percentage((@columns / @grid-columns));
   }
 }
 
-
 // Form validation states
 //
 // Used in forms.less to generate the form validation CSS for warnings, errors,

public/less/modals.less

@@ -11,7 +11,6 @@
 .modal-open {
   overflow: hidden;
 
-
   // Account for hiding of scrollbar
   body&,
   .navbar-fixed-top,
@@ -37,7 +36,9 @@
 	.translate(0, -25%);
 	.transition-transform(~"0.3s ease-out");
   }
-  &.in .modal-dialog { .translate(0, 0)}
+  &.in .modal-dialog {
+	.translate(0, 0)
+  }
 }
 
 // Shell div to position the modal with bottom padding
@@ -72,8 +73,12 @@
   z-index: (@zindex-modal-background - 10);
   background-color: @modal-backdrop-bg;
   // Fade for backdrop
-  &.fade { .opacity(0); }
-  &.in { .opacity(.5); }
+  &.fade {
+	.opacity(0);
+  }
+  &.in {
+	.opacity(.5);
+  }
 }
 
 // Modal header
@@ -83,6 +88,7 @@
   border-bottom: 1px solid @modal-header-border-color;
   min-height: (@modal-title-padding + @modal-title-line-height);
 }
+
 // Close icon
 .modal-header .close {
   margin-top: -2px;
@@ -126,14 +132,13 @@
 
 // Scale up the modal
 @media screen and (min-width: @screen-sm-min) {
-
   .modal-dialog {
 	width: 600px;
 	padding-top: 30px;
 	padding-bottom: 30px;
   }
+
   .modal-content {
 	.box-shadow(0 5px 15px rgba(0, 0, 0, .5));
   }
-
 }

public/less/navbar.less

@@ -2,7 +2,6 @@
 // Navbars
 // --------------------------------------------------
 
-
 // Wrapper and base class
 //
 // Provide a static navbar from which we expand to create full-width, fixed, and
@@ -23,7 +22,6 @@
   }
 }
 
-
 // Navbar heading
 //
 // Groups `.navbar-brand` and `.navbar-toggle` into a single component for easy
@@ -37,7 +35,6 @@
   }
 }
 
-
 // Navbar collapse (body)
 //
 // Group your navbar content into this for easy collapsing and expanding across
@@ -82,16 +79,17 @@
 	.navbar-nav.navbar-left:first-child {
 	  margin-left: -@navbar-padding-horizontal;
 	}
+
 	.navbar-nav.navbar-right:last-child {
 	  margin-right: -@navbar-padding-horizontal;
 	}
+
 	.navbar-text:last-child {
 	  margin-right: 0;
 	}
   }
 }
 
-
 // Both navbar header and collapse
 //
 // When a container is present, change the behavior of the header and collapse.
@@ -107,7 +105,6 @@
   }
 }
 
-
 //
 // Navbar alignment options
 //
@@ -135,16 +132,17 @@
 	border-radius: 0;
   }
 }
+
 .navbar-fixed-top {
   z-index: @zindex-navbar-fixed;
   top: 0;
 }
+
 .navbar-fixed-bottom {
   bottom: 0;
   margin-bottom: 0; // override .navbar defaults
 }
 
-
 // Brand/project name
 
 .navbar-brand {
@@ -164,7 +162,6 @@
   }
 }
 
-
 // Navbar toggle
 //
 // Custom button for toggling the `.navbar-collapse`, powered by the collapse
@@ -196,7 +193,6 @@
   }
 }
 
-
 // Navbar nav links
 //
 // Builds on top of the `.nav` components with it's own modifier class to make
@@ -251,7 +247,6 @@
 
 }
 
-
 // Component alignment
 //
 // Repurpose the pull utilities as their own navbar utilities to avoid specifity
@@ -259,10 +254,14 @@
 // though so that navbar contents properly stack and align in mobile.
 
 @media (min-width: @grid-float-breakpoint) {
-  .navbar-left  { .pull-left(); }
-  .navbar-right { .pull-right(); }
+  .navbar-left {
+	.pull-left();
   }
 
+  .navbar-right {
+	.pull-right();
+  }
+}
 
 // Navbar form
 //
@@ -302,7 +301,6 @@
   }
 }
 
-
 // Dropdown menus
 
 // Menu position and menu carets
@@ -310,6 +308,7 @@
   margin-top: 0;
   .border-top-radius(0);
 }
+
 // Menu position and menu caret support for dropups via extra dropup class
 .navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
   .border-bottom-radius(0);
@@ -322,7 +321,6 @@
   right: 0;
 }
 
-
 // Buttons in navbars
 //
 // Vertically center a button within a navbar (when *not* in a form).
@@ -331,7 +329,6 @@
   .navbar-vertical-align(@input-height-base);
 }
 
-
 // Text in navbars
 //
 // Add a class to make any element properly align itself vertically within the navbars.
@@ -438,7 +435,6 @@
 	  border-bottom-color: @navbar-default-link-color;
 	}
 
-
 	@media (max-width: @screen-xs-max) {
 	  // Dropdowns get custom display when collapsed
 	  .open .dropdown-menu {
@@ -470,7 +466,6 @@
 	}
   }
 
-
   // Links in navbars
   //
   // Add a class to ensure links outside the navbar nav are colored correctly.
@@ -617,5 +612,4 @@
 	  color: @navbar-inverse-link-hover-color;
 	}
   }
-
 }

public/less/navs.less

@@ -2,7 +2,6 @@
 // Navs
 // --------------------------------------------------
 
-
 // Base class
 // --------------------------------------------------
 
@@ -68,7 +67,6 @@
   }
 }
 
-
 // Tabs
 // -------------------------
 
@@ -111,7 +109,6 @@
   }
 }
 
-
 // Pills
 // -------------------------
 .nav-pills {
@@ -138,7 +135,6 @@
   }
 }
 
-
 // Stacked pills
 .nav-stacked {
   > li {
@@ -150,7 +146,6 @@
   }
 }
 
-
 // Nav variations
 // --------------------------------------------------
 
@@ -200,6 +195,7 @@
 	  border-bottom: 1px solid @nav-tabs-justified-link-border-color;
 	  border-radius: @border-radius-base @border-radius-base 0 0;
 	}
+
 	> .active > a,
 	> .active > a:hover,
 	> .active > a:focus {
@@ -208,7 +204,6 @@
   }
 }
 
-
 // Tabbable tabs
 // -------------------------
 
@@ -222,6 +217,7 @@
 .pill-content > .pill-pane {
   display: none;
 }
+
 .tab-content,
 .pill-content {
   > .active {
@@ -229,8 +225,6 @@
   }
 }
 
-
-
 // Dropdowns
 // -------------------------
 
@@ -239,6 +233,7 @@
   border-top-color: @link-color;
   border-bottom-color: @link-color;
 }
+
 .nav a:hover .caret {
   border-top-color: @link-hover-color;
   border-bottom-color: @link-hover-color;

public/less/pager.less

@@ -2,13 +2,13 @@
 // Pager pagination
 // --------------------------------------------------
 
-
 .pager {
   padding-left: 0;
   margin: @line-height-computed 0;
   list-style: none;
   text-align: center;
   .clearfix();
+
   li {
 	display: inline;
 	> a,
@@ -51,5 +51,4 @@
 	  cursor: not-allowed;
 	}
   }
-
 }

public/less/panels.less

@@ -2,7 +2,6 @@
 // Panels
 // --------------------------------------------------
 
-
 // Base class
 .panel {
   margin-bottom: @line-height-computed;
@@ -18,7 +17,6 @@
   .clearfix();
 }
 
-
 // List groups in panels
 //
 // By default, space out list group content from panel headings to account for
@@ -42,6 +40,7 @@
 	}
   }
 }
+
 // Collapse space between when there's no additional content.
 .panel-heading + .list-group {
   .list-group-item:first-child {
@@ -49,7 +48,6 @@
   }
 }
 
-
 // Tables in panels
 //
 // Place a non-bordered `.table` within a panel (not within a `.panel-body`) and
@@ -89,7 +87,6 @@
   }
 }
 
-
 // Optional heading
 .panel-heading {
   padding: 10px 15px;
@@ -115,7 +112,6 @@
   .border-bottom-radius(@panel-border-radius - 1);
 }
 
-
 // Collapsable panels (aka, accordion)
 //
 // Wrap a series of panels in `.panel-group` to turn them into an accordion with
@@ -146,23 +142,27 @@
   }
 }
 
-
 // Contextual variations
 .panel-default {
   .panel-variant(@panel-default-border; @panel-default-text; @panel-default-heading-bg; @panel-default-border);
 }
+
 .panel-primary {
   .panel-variant(@panel-primary-border; @panel-primary-text; @panel-primary-heading-bg; @panel-primary-border);
 }
+
 .panel-success {
   .panel-variant(@panel-success-border; @panel-success-text; @panel-success-heading-bg; @panel-success-border);
 }
+
 .panel-warning {
   .panel-variant(@panel-warning-border; @panel-warning-text; @panel-warning-heading-bg; @panel-warning-border);
 }
+
 .panel-danger {
   .panel-variant(@panel-danger-border; @panel-danger-text; @panel-danger-heading-bg; @panel-danger-border);
 }
+
 .panel-info {
   .panel-variant(@panel-info-border; @panel-info-text; @panel-info-heading-bg; @panel-info-border);
 }

public/less/popovers.less

@@ -2,7 +2,6 @@
 // Popovers
 // --------------------------------------------------
 
-
 .popover {
   position: absolute;
   top: 0;
@@ -23,10 +22,18 @@
   white-space: normal;
 
   // Offset the popover to account for the popover arrow
-  &.top     { margin-top: -10px; }
-  &.right   { margin-left: 10px; }
-  &.bottom  { margin-top: 10px; }
-  &.left    { margin-left: -10px; }
+  &.top {
+	margin-top: -10px;
+  }
+  &.right {
+	margin-left: 10px;
+  }
+  &.bottom {
+	margin-top: 10px;
+  }
+  &.left {
+	margin-left: -10px;
+  }
 }
 
 .popover-title {
@@ -59,9 +66,11 @@
 	border-style: solid;
   }
 }
+
 .popover .arrow {
   border-width: @popover-arrow-outer-width;
 }
+
 .popover .arrow:after {
   border-width: @popover-arrow-width;
   content: "";
@@ -129,5 +138,4 @@
 	  bottom: -@popover-arrow-width;
 	}
   }
-
 }

public/less/print.less

@@ -71,18 +71,21 @@
   .navbar {
 	display: none;
   }
+
   .table {
 	td,
 	th {
 	  background-color: #fff !important;
 	}
   }
+
   .btn,
   .dropup > .btn {
 	> .caret {
 	  border-top-color: #000 !important;
 	}
   }
+
   .label {
 	border: 1px solid #000;
   }
@@ -90,6 +93,7 @@
   .table {
 	border-collapse: collapse !important;
   }
+
   .table-bordered {
 	th,
 	td {

public/less/progress-bars.less

@@ -2,35 +2,48 @@
 // Progress bars
 // --------------------------------------------------
 
-
 // Bar animations
 // -------------------------
 
 // Webkit
 @-webkit-keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
+  from {
+	background-position: 40px 0;
+  }
+  to {
+	background-position: 0 0;
+  }
 }
 
 // Firefox
 @-moz-keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
+  from {
+	background-position: 40px 0;
+  }
+  to {
+	background-position: 0 0;
+  }
 }
 
 // Opera
 @-o-keyframes progress-bar-stripes {
-  from  { background-position: 0 0; }
-  to    { background-position: 40px 0; }
+  from {
+	background-position: 0 0;
+  }
+  to {
+	background-position: 40px 0;
+  }
 }
 
 // Spec and IE10+
 @keyframes progress-bar-stripes {
-  from  { background-position: 40px 0; }
-  to    { background-position: 0 0; }
+  from {
+	background-position: 40px 0;
+  }
+  to {
+	background-position: 0 0;
+  }
 }
-
-
 
 // Bar itself
 // -------------------------
@@ -74,8 +87,6 @@
   animation: progress-bar-stripes 2s linear infinite;
 }
 
-
-
 // Variations
 // -------------------------
 

public/less/responsive-utilities.less

@@ -2,7 +2,6 @@
 // Responsive: Utility classes
 // --------------------------------------------------
 
-
 // IE10 in Windows (Phone) 8
 //
 // Support for responsive views via media queries is kind of borked in IE10, for
@@ -21,7 +20,6 @@
   width: device-width;
 }
 
-
 // Hide from screenreaders and browsers
 //
 // Credit: HTML5 Boilerplate
@@ -31,7 +29,6 @@
   visibility: hidden !important;
 }
 
-
 // Visibility utilities
 
 .visible-xs {
@@ -55,6 +52,7 @@
 	}
   }
 }
+
 .visible-sm {
   .responsive-invisibility();
   &.visible-xs {
@@ -76,6 +74,7 @@
 	}
   }
 }
+
 .visible-md {
   .responsive-invisibility();
   &.visible-xs {
@@ -97,6 +96,7 @@
 	}
   }
 }
+
 .visible-lg {
   .responsive-invisibility();
   &.visible-xs {
@@ -140,6 +140,7 @@
 	}
   }
 }
+
 .hidden-sm {
   .responsive-visibility();
   &.hidden-xs {
@@ -161,6 +162,7 @@
 	}
   }
 }
+
 .hidden-md {
   .responsive-visibility();
   &.hidden-xs {
@@ -182,6 +184,7 @@
 	}
   }
 }
+
 .hidden-lg {
   .responsive-visibility();
   &.hidden-xs {
@@ -213,6 +216,7 @@
   .visible-print {
 	.responsive-visibility();
   }
+
   .hidden-print {
 	.responsive-invisibility();
   }

public/less/scaffolding.less

@@ -2,7 +2,6 @@
 // Scaffolding
 // --------------------------------------------------
 
-
 // Reset the box-sizing
 
 *,
@@ -11,7 +10,6 @@
   .box-sizing(border-box);
 }
 
-
 // Body reset
 
 html {
@@ -37,7 +35,6 @@ textarea {
   line-height: inherit;
 }
 
-
 // Links
 
 a {
@@ -55,7 +52,6 @@ a {
   }
 }
 
-
 // Images
 
 img {
@@ -92,7 +88,6 @@ img {
   border-radius: 50%; // set radius in percents
 }
 
-
 // Horizontal rules
 
 hr {
@@ -102,7 +97,6 @@ hr {
   border-top: 1px solid @hr-border;
 }
 
-
 // Only display content to screen readers
 //
 // See: http://a11yproject.com/posts/how-to-hide-content/

public/less/site-ie8and.less

@@ -1,75 +1,20 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 // Making up for the non support of IE8 and IE7 in Bootstrap 3
 .ie7, .ie8 {
-	.container {
-		width: @container-md;
-	}
-	.col-md-1,
-	.col-md-2,
-	.col-md-3,
-	.col-md-4,
-	.col-md-5,
-	.col-md-6,
-	.col-md-7,
-	.col-md-8,
-	.col-md-9,
-	.col-md-10,
-	.col-md-11 {
-		float: left;
-	}
-	.col-md-1  { width: percentage((1 / @grid-columns)); }
-	.col-md-2  { width: percentage((2 / @grid-columns)); }
-	.col-md-3  { width: percentage((3 / @grid-columns)); }
-	.col-md-4  { width: percentage((4 / @grid-columns)); }
-	.col-md-5  { width: percentage((5 / @grid-columns)); }
-	.col-md-6  { width: percentage((6 / @grid-columns)); }
-	.col-md-7  { width: percentage((7 / @grid-columns)); }
-	.col-md-8  { width: percentage((8 / @grid-columns)); }
-	.col-md-9  { width: percentage((9 / @grid-columns)); }
-	.col-md-10 { width: percentage((10/ @grid-columns)); }
-	.col-md-11 { width: percentage((11/ @grid-columns)); }
-	.col-md-12 { width: 100%; }
-
-	// Push and pull columns for source order changes
-	.col-md-push-0  { left: auto; }
-	.col-md-push-1  { left: percentage((1 / @grid-columns)); }
-	.col-md-push-2  { left: percentage((2 / @grid-columns)); }
-	.col-md-push-3  { left: percentage((3 / @grid-columns)); }
-	.col-md-push-4  { left: percentage((4 / @grid-columns)); }
-	.col-md-push-5  { left: percentage((5 / @grid-columns)); }
-	.col-md-push-6  { left: percentage((6 / @grid-columns)); }
-	.col-md-push-7  { left: percentage((7 / @grid-columns)); }
-	.col-md-push-8  { left: percentage((8 / @grid-columns)); }
-	.col-md-push-9  { left: percentage((9 / @grid-columns)); }
-	.col-md-push-10 { left: percentage((10/ @grid-columns)); }
-	.col-md-push-11 { left: percentage((11/ @grid-columns)); }
-
-	.col-md-pull-0  { right: auto; }
-	.col-md-pull-1  { right: percentage((1 / @grid-columns)); }
-	.col-md-pull-2  { right: percentage((2 / @grid-columns)); }
-	.col-md-pull-3  { right: percentage((3 / @grid-columns)); }
-	.col-md-pull-4  { right: percentage((4 / @grid-columns)); }
-	.col-md-pull-5  { right: percentage((5 / @grid-columns)); }
-	.col-md-pull-6  { right: percentage((6 / @grid-columns)); }
-	.col-md-pull-7  { right: percentage((7 / @grid-columns)); }
-	.col-md-pull-8  { right: percentage((8 / @grid-columns)); }
-	.col-md-pull-9  { right: percentage((9 / @grid-columns)); }
-	.col-md-pull-10 { right: percentage((10/ @grid-columns)); }
-	.col-md-pull-11 { right: percentage((11/ @grid-columns)); }
-
-	// Offsets
-	.col-md-offset-0  { margin-left: 0; }
-	.col-md-offset-1  { margin-left: percentage((1 / @grid-columns)); }
-	.col-md-offset-2  { margin-left: percentage((2 / @grid-columns)); }
-	.col-md-offset-3  { margin-left: percentage((3 / @grid-columns)); }
-	.col-md-offset-4  { margin-left: percentage((4 / @grid-columns)); }
-	.col-md-offset-5  { margin-left: percentage((5 / @grid-columns)); }
-	.col-md-offset-6  { margin-left: percentage((6 / @grid-columns)); }
-	.col-md-offset-7  { margin-left: percentage((7 / @grid-columns)); }
-	.col-md-offset-8  { margin-left: percentage((8 / @grid-columns)); }
-	.col-md-offset-9  { margin-left: percentage((9 / @grid-columns)); }
-	.col-md-offset-10 { margin-left: percentage((10/ @grid-columns)); }
-	.col-md-offset-11 { margin-left: percentage((11/ @grid-columns)); }
-
   .legend {
 	display: block;
 	width: 100%;
@@ -80,62 +25,122 @@
 	border-bottom: 1px solid @legend-border-color;
 	margin-bottom: 20px;
   }
+
   .tooltip-inner {
-		background-color: #000000;
-	}
-	.clearfix {
-	    *zoom: 1;
+	background-color: #000;
   }
+
   .date {
 	font-size: 85%;
   }
+
   .task-card-link {
-		min-height:190px;
+	min-height: 160px;
   }
+
   .series-checkboxes li {
 	margin-right: 1%;
   }
+
   .stat-type {
 	font-size: floor(@font-size-base * 0.65); // ~10px;
   }
+
+  .aside .action-buttons .btn {
+	width: 79%;
+  }
+
+  .pull-right.dropdown-menu {
+	right: 134px;
+  }
+
+  .run-details .pull-right.dropdown-menu {
+	right: 64px;
+  }
+
+  .date-selector .btn-full-width {
+	width: 90%;
+  }
+
+  .filter-toggle {
+	&:before {
+	  height: 110%;
+	  width: 100%;
+	  left: 0;
+	  top: 0;
+	}
+
+	input {
+	  width: 92%;
+	}
+
+	.filter-trigger {
+	  padding-bottom: 0;
+	}
+  }
 }
 
 .ie7 {
-	ul {
-		margin-left:0;
-	}
-	.col-md-2 { width:14%; }
-	.col-md-3 { width:22%; }
-	.col-md-4  {
-		width: 32%;
-		padding:0 5px;
-	}
-	.col-md-9 { width:72%; }
-	.col-md-10 { width:80%; } 
-	.col-md-12 { width: 97%; }
-
-	.aside .task-stats li {
-		width:31.5%;
-	}
-	.aside .action-buttons .btn {
-		width:79%;
-	}
-	.date-selector {
-		zoom:1;
-	}
   .zfix {
 	position: relative;
-		z-index:100;
+	z-index: 1001;
   }
+
   .list-group li .list-group-item {
 	margin: 0;
 	position: static;
   }
+
   .graph-spacer {
 	margin-bottom: 90px;
 	padding-bottom: 90px;
   }
+
   .date-selector {
-		margin-top:-155px;
+	zoom: 1;
+
+	.btn-full-width {
+	  width: 100%;
+	}
+  }
+
+  .sr-only {
+	position: relative;
+  }
+
+  .breadcrumb li {
+	vertical-align: top;
+	zoom: 1;
+	display: inline;
+	margin-right: 10px;
+  }
+
+  .pull-right.dropdown-menu {
+	right: 0;
+  }
+
+  .run-details .pull-right.dropdown-menu {
+	right: 82px;
+  }
+
+  .tasks-list li {
+	padding-right: 105px;
+  }
+
+  .filter-toggle {
+	width: 30%;
+	margin: 0 35%;
+	margin-top: -10px;
+	background-color: lighten(@gray-lighter, 4%);
+	padding-bottom: 10px;
+
+	.glyphicon {
+	  display: none;
+	}
+
+	input {
+	  width: 80%;
+	  margin-left: -25%;
+	}
   }
 }

public/less/site-nojavascript.less

@@ -1,29 +1,55 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 /* No javascript */
 .no-javascript {
   .graph-container, .expander {
 	display: none;
   }
+
   .hidden {
 	display: block !important;
 	visibility: visible !important;
   }
+
   .date-links.hidden {
 	display: none !important;
   }
+
   .btn-group:hover ul {
 	display: block !important;
   }
+
   table.hidden {
 	display: table !important;
   }
+
   .collapse {
 	display: block;
   }
+
   .heading {
 	margin-top: 0;
 	border-radius: 3px 3px 0 0;
   }
+
   .show-class {
 	display: block;
   }
+
+  .no-js-hide {
+	display: none;
+  }
 }

public/less/site-responsive.less

@@ -1,54 +1,77 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 /* Media queries */
-@media (max-width:1199px) {
-	.task-card .task-card-link {
-		min-height:215px;
-	}
-}
 @media (max-width: 991px) {
   .h1, h1 {
 	font-size: floor(@font-size-base * 2.15); // ~32px;
   }
+
   .h2, h2 {
 	font-size: floor(@font-size-base * 1.9); // ~28px;
   }
-	.task-card .task-card-link {
-		min-height:200px;
-	}
+
   .task-header .h4 {
 	font-size: floor(@font-size-base * 1.15); // ~17px;
   }
+
   .header {
 	margin-bottom: 2rem;
 	padding-bottom: 1rem;
   }
+
   .task-header .btn {
 	padding: 5px 10px;
 	font-size: 12px;
 	line-height: 1.5rem;
   }
+
   .task-header h2 {
 	margin-bottom: 3px;
   }
+
   .date {
 	margin-top: 10px;
 	float: right;
   }
+
   .other-tasks {
 	.sr-only();
   }
+
   .task-stats,
   .btn-full-width {
 	margin-bottom: 0;
   }
+
+  .task-card .task-stats {
+	margin-bottom: 10px;
+  }
+
   .action-buttons {
 	margin-bottom: 20px;
   }
+
   .aside {
 	margin-bottom: 15px;
   }
+
   .graph-spacer {
 	padding-bottom: 80px;
   }
+
   .footer {
 	text-align: center;
 
@@ -61,20 +84,24 @@
 	}
   }
 }
+
 @media (max-width: 767px) {
   .date-selector {
 	margin-top: 0;
 	margin-bottom: 25px;
   }
+
   .readonly-mode .date {
 	margin-top: 0;
 	margin-bottom: 5px;
 	float: none;
   }
+
   .graph-spacer {
 	padding-bottom: 20px;
 	margin-bottom: 15px;
   }
+
   .action-buttons {
 	margin-top: 10px;
 	margin-bottom: 0;
@@ -83,40 +110,54 @@
 	  margin-bottom: 10px;
 	}
   }
+
   .task-header {
 	.run-details {
 	  text-align: left;
 	}
   }
+
+  .task-card .task-card-link {
+	min-height: 0;
   }
+}
+
 @media (max-width: 640px) {
   body {
 	font-size: 14px;
   }
+
   .h1, h1 {
 	font-size: floor(@font-size-base * 1.75); // ~26px;
   }
+
   .h2, h2 {
 	font-size: floor(@font-size-base * 1.6); // ~24px;
   }
+
   .task-header .h4 {
 	font-size: floor(@font-size-base * 1.1); // ~16px;
   }
+
   .badge {
 	font-size: floor(@font-size-base * 0.75); // ~11px;
 	padding: 7px;
   }
+
   .rule-name .badge {
 	padding: 3px;
   }
+
   .graph {
 	margin-bottom: 3rem;
   }
+
   .delete-button {
 	font-size: floor(@font-size-base * 1.35); // ~20px;
 	top: 10px;
 	right: 25px;
   }
+
   .standards-lists {
 	.tooltip {
 	  &.top .tooltip-inner {
@@ -124,35 +165,42 @@
 	  }
 	}
   }
+
   .tasks-list {
-		li {
+	.panel {
 	  margin-bottom: 20px;
 	}
   }
+
   .footer .nav {
 	li {
 	  width: 50%;
 	}
   }
 }
+
 @media (max-width: 479px) {
   .graph {
 	height: 200px;
 	margin-bottom: 1.5rem;
   }
+
   .series-checkboxes li {
 	font-size: floor(@font-size-base * 0.8); // ~12px;
   }
+
   .task-header .h3 {
 	float: none !important;
 	text-align: center;
 	margin-bottom: 15px !important;
 	padding: 10px;
   }
+
   .task-header h1 {
 	margin-bottom: 3px;
   }
 }
+
 @media (max-width: 360px) {
   .delete-button {
 	display: block !important;
@@ -161,6 +209,7 @@
 	right: 20px;
 	.opacity(0.7)
   }
+
   .standards-lists {
 	.checkbox {
 	  font-size: floor(@font-size-base * 0.9); // ~13px;
@@ -171,6 +220,7 @@
 	  }
 	}
   }
+
   .footer {
 	.nav {
 	  a {

public/less/site.less

@@ -1,24 +1,45 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
 /* Site specific styling */
 
 /* Helper Classes */
 .crunch {
   margin: 0 !important;
 }
+
 .crunch-top {
   margin-top: 0 !important;
 }
+
 .crunch-bottom {
   margin-bottom: 0 !important;
 }
+
 .block-level {
   display: block;
 }
+
 .ruled {
   border-bottom: dotted 1px @gray;
 }
+
 .ruled-sm {
   margin-bottom: 15px;
 }
+
 .well-med {
   padding: 15px;
 }
@@ -29,15 +50,18 @@
   margin-bottom: 30px;
   background-color: lighten(@gray-lighter, 4%);
 }
+
 .footer {
   background-color: lighten(@gray-lighter, 4%);
   padding: 40px 0 20px 0;
   margin-top: 40px;
 }
+
 .nav {
   list-style-type: none;
   padding: 0;
 }
+
 .footer .nav {
   float: right;
 
@@ -46,6 +70,7 @@
 	-webkit-transition: background 0.3s;
   }
 }
+
 .supersize-me {
   text-align: center;
   font-size: 112px;
@@ -53,13 +78,16 @@
   font-weight: bold;
   color: @gray-light;
 }
+
 .floated-list li {
   float: left;
 }
+
 .btn-full-width {
   width: 100%;
   margin-bottom: 10px
 }
+
 .dropdown-menu {
   width: 100%;
   top: 40px;
@@ -68,10 +96,12 @@
 	text-indent: -20px;
   }
 }
+
 .dropdown-toggle {
   margin-top: 0;
-	margin-bottom:10px;
+  margin-bottom: 5px;
 }
+
 .list-group {
   li .list-group-item {
 	border-radius: 0;
@@ -87,19 +117,23 @@
 	margin-bottom: 0;
   }
 }
+
 .options-button {
   position: absolute;
   top: 5px;
   right: 20px;
 }
+
 .footer a, .breadcrumb a {
   text-decoration: underline;
 }
+
 .breadcrumb a {
   &:hover, &:active, &:focus {
 	text-decoration: none;
   }
 }
+
 .site-message {
   .glyphicon {
 	margin-right: 6px;
@@ -112,7 +146,6 @@
   margin-bottom: (@line-height-computed / 2);
 }
 
-
 /* Task stats boxes */
 .task-stats {
   margin-bottom: 10px;
@@ -136,6 +169,7 @@
 	}
   }
 }
+
 .stat-type {
   font-size: floor(@font-size-base * 0.75); // ~11px;
   text-transform: uppercase;
@@ -144,25 +178,17 @@
   .opacity(.8);
 }
 
-.aside .task-stats {
-	li:hover {
-		.opacity(.85);
-
-		a {
-			text-decoration:none;
-		}
-	}
-}
-
 // Stats box colours
 .danger, .error {
   background-color: @brand-danger;
   color: @btn-default-color;
 }
+
 .warning {
   background-color: @brand-warning;
   color: @btn-default-color;
 }
+
 .info, .notice {
   background-color: @brand-info;
   color: @btn-default-color;
@@ -179,7 +205,7 @@
   }
   .task-card-link {
 	color: @gray-dark;
-		min-height:200px;
+	min-height: 190px;
 	display: block;
 	transition: background 0.5s;
 	-webkit-transition: background 0.5s;
@@ -191,8 +217,7 @@
 	display: block;
   }
   .task-card-link:hover,
-	&:hover .task-card-link
-	 {
+  &:hover .task-card-link {
 	text-decoration: none;
 	background-color: darken(@gray-lighter, 2%);
   }
@@ -212,19 +237,18 @@
   }
 }
 
-
 /* Badges */
 .badge {
   border-radius: 0.25em;
-}
-.badge {
   display: inline-block;
   padding: 10px;
   font-size: ceil(@font-size-base * 0.85); // ~13px;
   text-transform: uppercase;
 }
+
 .rule-name .badge {
   padding: 6px;
+  text-transform: none;
 }
 
 /* Task details page*/
@@ -238,44 +262,184 @@
   h2 {
 	word-wrap: break-word;
   }
+  .h4 {
+	margin-bottom: 6px;
   }
+}
+
 .date {
   margin-top: 5px;
 }
+
 .readonly-mode .date {
   margin-top: 40px;
 }
+
+.category-list {
+  &__item {
+	font-size: 16px;
+
+	&_type_error,
+	&_type_error.active {
+	  .category-list__link,
+	  .category-list__link:hover,
+	  .category-list__link:focus {
+		color: @brand-danger;
+	  }
+	}
+
+	&_type_warning,
+	&_type_warning.active {
+	  .category-list__link,
+	  .category-list__link:hover,
+	  .category-list__link:focus {
+		color: @brand-warning;
+	  }
+	}
+
+	&_type_notice,
+	&_type_notice.active {
+	  .category-list__link,
+	  .category-list__link:hover,
+	  .category-list__link:focus {
+		color: @brand-info;
+	  }
+	}
+
+	&_type_ignore,
+	&_type_ignore.active {
+	  .category-list__link,
+	  .category-list__link:hover,
+	  .category-list__link:focus {
+		color: @badge-bg;
+	  }
+	}
+  }
+}
+
 .tasks-list {
   padding: 15px;
   margin-bottom: 30px;
-	border-width:3px;
-	border-style:solid;
-
-	li {
-		margin-bottom:20px;
+  border: 1px solid @gray-lighter;
+  border-top: 0;
 
+  .panel {
 	&:last-child {
 	  margin-bottom: 0;
 	}
+
+	.ignore-form {
+	  display: inline-block;
+	  vertical-align: middle;
+
+	  .btn {
+		margin: 0;
+		padding: 0;
+	  }
+	}
   }
 
   .rule-name {
-		font-weight:bold;
-		font-style:italic;
+	font-size: 16px;
 	word-wrap: break-word;
   }
+
+  .link {
+	color: #07c;
   }
-.task-danger {
-	border-color:@brand-danger;
+
+  .to-top {
+	text-align: center;
+
+	.glyphicon {
+	  margin-right: 10px;
+	}
+  }
+}
+
+.task {
+  margin-bottom: 16px;
+
+  &_type_error {
+	.rule-name,
+	.ignore-form .link {
+	  color: @brand-danger;
+	}
+
+	.badge {
+	  background: @brand-danger;
+	}
+  }
+
+  &_type_warning {
+	.rule-name,
+	.ignore-form .link {
+	  color: @brand-warning;
+	}
+
+	.badge {
+	  background: @brand-warning;
+	}
+  }
+
+  &_type_notice {
+	.rule-name,
+	.ignore-form .link {
+	  color: @brand-info;
+	}
+
+	.badge {
+	  background: @brand-info;
+	}
+  }
+
+  &_type_ignore {
+	.ignore-form .link {
+	  color: @badge-bg;
+	}
+  }
+
+  .subtitle {
+	font-size: 16px;
+	padding: 10px 0 5px;
+  }
+
+  .list-unstyled {
+	&__item {
+	  padding: 5px 0;
+	}
+  }
+
+  &-actions {
+	position: relative;
+	text-align: right;
+  }
+
+  .code {
+	cursor: pointer;
+	outline: none;
+  }
+
+  .panel-body {
+	.text {
+	  vertical-align: middle;
+	}
+  }
+
+  .btn-details {
+	padding: 0;
+	margin: 0 5px;
+
+	&:before {
+	  content: 'Show ';
+	}
+
+	&.btn_state_collapsed {
+	  &:before {
+		content: 'Hide ';
 	  }
-.task-warning {
-	border-color:@brand-warning;
 	}
-.task-info {
-	border-color:@brand-info;
   }
-.task-default {
-	border-color:@badge-bg;
 }
 
 /* Task list heading */
@@ -295,13 +459,6 @@
 	margin-top: 0;
   }
 }
-.expander {
-	cursor:pointer;
-	padding:0 5px;
-	font-weight:bold;
-	font-size:floor(@font-size-base * @line-height-base); // ~20px
-	line-height:1;
-}
 
 /* Date selector */
 ul.date-links {
@@ -312,61 +469,81 @@ ul.date-links {
   width: 100%;
   z-index: 10;
 }
+
 .date-selector {
-	margin-top:-125px;
-
-	.btn-group > .btn {
-		float:none;
-	}
-
-	&.single-result {
-		margin-top:-55px;
+  margin-bottom: 5px;
 
   .show-stats {
+	margin-top: 0;
+  }
+
+  h2 {
+	margin-top: 0;
+  }
+
+  .dates-list {
+	margin: 0;
+	padding: 0;
+	list-style-type: none;
+  }
+
+  .dates-list > li {
+	list-style-type: none;
+	padding: 0;
+	margin: 0;
+  }
+
+  .dates-list a {
+	color: #fff;
+	text-decoration: underline;
+  }
+}
+
+.single-result .date-selector-row {
   display: none;
 }
-	}
-}
 
 /* Graph */
 .graph {
   height: 300px;
   width: 100%;
 }
+
 .graph-spacer {
-	margin-bottom:60px;
-	padding-bottom:60px;
+  margin-bottom: 40px;
+  padding-bottom: 30px;
 }
+
 .graph-table {
-	margin-bottom:50px;
+  margin-bottom: 0;
 
   td {
 	width: 25%;
   }
 }
+
 .series-checkboxes {
-	margin-top:15px;
+  padding: 0 15px;
+  margin-bottom: 16px;
 
   li {
 	width: 32%;
 	margin-right: 2%;
 	border-radius: @border-radius-base;
 
-		label {
-			margin-bottom:0;
+	.series-checkbox-container {
+	  padding: 4px 4px 5px 4px;
 	}
 
-		.series-checkbox-container {
-			padding:2px 4px 3px 4px;
+	label {
+	  margin: 0;
+	  padding: 0 0 0 12px;
+	  cursor: pointer;
 	}
 
 	input {
-			margin:5px auto 3px auto;
-		}
-
-		input, label {
+	  margin: 6px 0;
 	  cursor: pointer;
-			display:block;
 	}
 
 	&:last-child {
@@ -378,26 +555,103 @@ ul.date-links {
 	}
   }
 }
+
 .btn-reset {
-	margin-top:-24px;
-	margin-right:35px
+  margin: 12px 18px 0;
 }
+
 .flot-x-axis {
   .flot-tick-label {
 	max-width: 45px !important;
   }
 }
+
 .tooltip-graph {
   font-size: 12px;
 }
 
+.custom-legend .legend {
+  display: none !important;
+}
+
+.dashedLegend {
+  position: absolute;
+  top: 70px;
+  right: 40px;
+  font-size: smaller;
+  color: #545454;
+  background-color: #fff;
+  background-color: rgba(255, 255, 255, 0.75);
+  display: none;
+}
+
+.dashedContainer {
+  background: #fff;
+  border: 1px solid #808080;
+  margin: 5px;
+  padding-top: 5px;
+}
+
+.dashedLegend tr {
+  display: none;
+}
+
+.dashedLegend .legendColorBox > div:first-child {
+  border: 1px solid rgb(204, 204, 204);
+  padding: 3px;
+}
+
+.dashedLegend .legendIcon div {
+  height: 0;
+  border-width: 3px 0 0;
+  border-top-style: solid;
+  overflow: hidden;
+}
+
+.dashedLegend .legendErrors div {
+  width: 25px;
+  border-top-color: rgb(216, 61, 45);
+}
+
+.dashedLegend .legendWarnings div {
+  width: 10px;
+  border-top-color: rgb(168, 103, 0);
+  float: left;
+}
+
+.dashedLegend .legendWarnings div:first-child {
+  margin-right: 5px;
+}
+
+.dashedLegend .legendNotices div {
+  width: 5px;
+  border-top-color: rgb(23, 123, 190);
+  float: left;
+  margin-left: 5px;
+}
+
+.dashedLegend .legendNotices div:first-child {
+  margin-left: 0;
+}
+
+.dashedLegend td.legendColorBox {
+  padding-right: 5px;
+  padding-bottom: 5px;
+  padding-left: 10px;
+}
+
+.dashedLegend td.legendLabel {
+  padding-right: 10px;
+  padding-bottom: 5px;
+}
+
 /* New task page */
 .standards-lists {
   height: 300px;
   overflow: hidden;
   overflow-y: auto;
   margin-bottom: 15px;
-	border-bottom:solid 1px @gray-lighter;
+  border-bottom: 1px solid @gray-lighter;
 
   .checkbox {
 	cursor: pointer;
@@ -413,3 +667,59 @@ ul.date-links {
 	}
   }
 }
+
+.filter-toggle {
+  top: -20px;
+  margin-top: -10px;
+  font-size: 18px;
+  font-weight: bold;
+
+  .filter-trigger {
+	padding-bottom: 20px;
+	cursor: pointer;
+
+	.glyphicon {
+	  display: block;
+	  margin: 0 auto;
+	}
+  }
+
+  &:before {
+	position: absolute;
+	content: '';
+	height: 90px;
+	width: 90px;
+	left: 50%;
+	top: -45px;
+	background-color: lighten(@gray-lighter, 4%);
+	transform: translateX(-50%) rotate(45deg);
+	-ms-transform: translateX(-50%) rotate(45deg);
+	-webkit-transform: translateX(-50%) rotate(45deg);
+	z-index: -1;
+  }
+}
+
+/* inline link list */
+
+.inline-list {
+  display: inline-block;
+  margin: 0;
+  padding: 0;
+}
+
+.inline-list > li {
+  display: inline-block;
+  border-right: 1px solid @dropdown-fallback-border; // IE8 fallback
+  border-right: 1px solid @dropdown-border;
+  padding: 0 4px 0 0;
+  margin: 0 4px 0 0;
+}
+
+.inline-list + div.date {
+  display: inline-block;
+}
+
+/* Popovers */
+.popover-content {
+  overflow-x: auto;
+}

public/less/tables.less

@@ -2,16 +2,15 @@
 // Tables
 // --------------------------------------------------
 
-
 table {
   max-width: 100%;
   background-color: @table-bg;
 }
+
 th {
   text-align: left;
 }
 
-
 // Baseline styles
 
 .table {
@@ -58,7 +57,6 @@ th {
   }
 }
 
-
 // Condensed table w/ half padding
 
 .table-condensed {
@@ -74,7 +72,6 @@ th {
   }
 }
 
-
 // Bordered version
 //
 // Add borders all around the table and between all the columns.
@@ -101,7 +98,6 @@ th {
   }
 }
 
-
 // Zebra-striping
 //
 // Default zebra-stripe styles (alternating gray and transparent backgrounds)
@@ -117,7 +113,6 @@ th {
   }
 }
 
-
 // Hover effect
 //
 // Placed here since it has to come after the potential zebra striping
@@ -133,7 +128,6 @@ th {
   }
 }
 
-
 // Table cell sizing
 //
 // Reset default table behavior
@@ -142,6 +136,7 @@ table col[class*="col-"] {
   float: none;
   display: table-column;
 }
+
 table {
   td,
   th {
@@ -152,7 +147,6 @@ table {
   }
 }
 
-
 // Table backgrounds
 //
 // Exact selectors below required to override `.table-striped` and prevent
@@ -174,7 +168,6 @@ table {
 .table-row-variant(danger; @state-danger-bg; @state-danger-border);
 .table-row-variant(warning; @state-warning-bg; @state-warning-border);
 
-
 // Responsive tables
 //
 // Wrap your tables in `.table-responsive` and we'll make them mobile friendly
@@ -240,7 +233,6 @@ table {
 		  }
 		}
 	  }
-
 	}
   }
 }

public/less/theme.less

@@ -1,13 +1,9 @@
-
 //
 // Load core variables and mixins
 // --------------------------------------------------
-
 @import "variables.less";
 @import "mixins.less";
 
-
-
 //
 // Buttons
 // --------------------------------------------------
@@ -59,14 +55,31 @@
 }
 
 // Apply the mixin to the buttons
-.btn-default { .btn-styles(@btn-default-bg); text-shadow: 0 1px 0 #fff; border-color: #ccc; }
-.btn-primary { .btn-styles(@btn-primary-bg); }
-.btn-success { .btn-styles(@btn-success-bg); }
-.btn-warning { .btn-styles(@btn-warning-bg); }
-.btn-danger  { .btn-styles(@btn-danger-bg); }
-.btn-info    { .btn-styles(@btn-info-bg); }
+.btn-default {
+  .btn-styles(@btn-default-bg);
+  text-shadow: 0 1px 0 #fff;
+  border-color: #ccc;
+}
 
+.btn-primary {
+  .btn-styles(@btn-primary-bg);
+}
 
+.btn-success {
+  .btn-styles(@btn-success-bg);
+}
+
+.btn-warning {
+  .btn-styles(@btn-warning-bg);
+}
+
+.btn-danger {
+  .btn-styles(@btn-danger-bg);
+}
+
+.btn-info {
+  .btn-styles(@btn-info-bg);
+}
 
 //
 // Images
@@ -77,8 +90,6 @@
   .box-shadow(0 1px 2px rgba(0, 0, 0, .075));
 }
 
-
-
 //
 // Dropdowns
 // --------------------------------------------------
@@ -88,6 +99,7 @@
   #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
   background-color: darken(@dropdown-link-hover-bg, 5%);
 }
+
 .dropdown-menu > .active > a,
 .dropdown-menu > .active > a:hover,
 .dropdown-menu > .active > a:focus {
@@ -95,8 +107,6 @@
   background-color: darken(@dropdown-link-active-bg, 5%);
 }
 
-
-
 //
 // Navbar
 // --------------------------------------------------
@@ -113,6 +123,7 @@
 	.box-shadow(inset 0 3px 9px rgba(0, 0, 0, .075));
   }
 }
+
 .navbar-brand,
 .navbar-nav > li > a {
   text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
@@ -140,8 +151,6 @@
   border-radius: 0;
 }
 
-
-
 //
 // Alerts
 // --------------------------------------------------
@@ -160,12 +169,21 @@
 }
 
 // Apply the mixin to the alerts
-.alert-success    { .alert-styles(@alert-success-bg); }
-.alert-info       { .alert-styles(@alert-info-bg); }
-.alert-warning    { .alert-styles(@alert-warning-bg); }
-.alert-danger     { .alert-styles(@alert-danger-bg); }
+.alert-success {
+  .alert-styles(@alert-success-bg);
+}
 
+.alert-info {
+  .alert-styles(@alert-info-bg);
+}
 
+.alert-warning {
+  .alert-styles(@alert-warning-bg);
+}
+
+.alert-danger {
+  .alert-styles(@alert-danger-bg);
+}
 
 //
 // Progress bars
@@ -182,13 +200,25 @@
 }
 
 // Apply the mixin to the progress bars
-.progress-bar            { .progress-bar-styles(@progress-bar-bg); }
-.progress-bar-success    { .progress-bar-styles(@progress-bar-success-bg); }
-.progress-bar-info       { .progress-bar-styles(@progress-bar-info-bg); }
-.progress-bar-warning    { .progress-bar-styles(@progress-bar-warning-bg); }
-.progress-bar-danger     { .progress-bar-styles(@progress-bar-danger-bg); }
+.progress-bar {
+  .progress-bar-styles(@progress-bar-bg);
+}
 
+.progress-bar-success {
+  .progress-bar-styles(@progress-bar-success-bg);
+}
 
+.progress-bar-info {
+  .progress-bar-styles(@progress-bar-info-bg);
+}
+
+.progress-bar-warning {
+  .progress-bar-styles(@progress-bar-warning-bg);
+}
+
+.progress-bar-danger {
+  .progress-bar-styles(@progress-bar-danger-bg);
+}
 
 //
 // List groups
@@ -198,6 +228,7 @@
   border-radius: @border-radius-base;
   .box-shadow(0 1px 2px rgba(0, 0, 0, .075));
 }
+
 .list-group-item.active,
 .list-group-item.active:hover,
 .list-group-item.active:focus {
@@ -206,8 +237,6 @@
   border-color: darken(@list-group-active-border, 7.5%);
 }
 
-
-
 //
 // Panels
 // --------------------------------------------------
@@ -223,14 +252,29 @@
 }
 
 // Apply the mixin to the panel headings only
-.panel-default > .panel-heading   { .panel-heading-styles(@panel-default-heading-bg); }
-.panel-primary > .panel-heading   { .panel-heading-styles(@panel-primary-heading-bg); }
-.panel-success > .panel-heading   { .panel-heading-styles(@panel-success-heading-bg); }
-.panel-info > .panel-heading      { .panel-heading-styles(@panel-info-heading-bg); }
-.panel-warning > .panel-heading   { .panel-heading-styles(@panel-warning-heading-bg); }
-.panel-danger > .panel-heading    { .panel-heading-styles(@panel-danger-heading-bg); }
+.panel-default > .panel-heading {
+  .panel-heading-styles(@panel-default-heading-bg);
+}
 
+.panel-primary > .panel-heading {
+  .panel-heading-styles(@panel-primary-heading-bg);
+}
 
+.panel-success > .panel-heading {
+  .panel-heading-styles(@panel-success-heading-bg);
+}
+
+.panel-info > .panel-heading {
+  .panel-heading-styles(@panel-info-heading-bg);
+}
+
+.panel-warning > .panel-heading {
+  .panel-heading-styles(@panel-warning-heading-bg);
+}
+
+.panel-danger > .panel-heading {
+  .panel-heading-styles(@panel-danger-heading-bg);
+}
 
 //
 // Wells

public/less/thumbnails.less

@@ -2,7 +2,6 @@
 // Thumbnails
 // --------------------------------------------------
 
-
 // Mixin and adjust the regular image class
 .thumbnail {
   .img-thumbnail();
@@ -14,7 +13,6 @@
   }
 }
 
-
 // Add a hover state for linked versions only
 a.thumbnail:hover,
 a.thumbnail:focus {
@@ -26,6 +24,7 @@ a.thumbnail:focus {
   margin-left: auto;
   margin-right: auto;
 }
+
 .thumbnail .caption {
   padding: @thumbnail-caption-padding;
   color: @thumbnail-caption-color;

public/less/tooltip.less

@@ -2,7 +2,6 @@
 // Tooltips
 // --------------------------------------------------
 
-
 // Base class
 .tooltip {
   position: absolute;
@@ -13,11 +12,25 @@
   line-height: 1.4;
   .opacity(0);
 
-  &.in     { .opacity(.9); }
-  &.top    { margin-top:  -3px; padding: @tooltip-arrow-width 0; }
-  &.right  { margin-left:  3px; padding: 0 @tooltip-arrow-width; }
-  &.bottom { margin-top:   3px; padding: @tooltip-arrow-width 0; }
-  &.left   { margin-left: -3px; padding: 0 @tooltip-arrow-width; }
+  &.in {
+	.opacity(.9);
+  }
+  &.top {
+	margin-top: -3px;
+	padding: @tooltip-arrow-width 0;
+  }
+  &.right {
+	margin-left: 3px;
+	padding: 0 @tooltip-arrow-width;
+  }
+  &.bottom {
+	margin-top: 3px;
+	padding: @tooltip-arrow-width 0;
+  }
+  &.left {
+	margin-left: -3px;
+	padding: 0 @tooltip-arrow-width;
+  }
 }
 
 // Wrapper for the tooltip content
@@ -39,6 +52,7 @@
   border-color: transparent;
   border-style: solid;
 }
+
 .tooltip {
   &.top .tooltip-arrow {
 	bottom: 0;

public/less/type.less

@@ -2,13 +2,13 @@
 // Typography
 // --------------------------------------------------
 
-
 // Body text
 // -------------------------
 
 p {
   margin: 0 0 (@line-height-computed / 2);
 }
+
 .lead {
   margin-bottom: @line-height-computed;
   font-size: (@font-size-base * 1.15);
@@ -20,45 +20,53 @@ p {
   }
 }
 
-
 // Emphasis & misc
 // -------------------------
 
 // Ex: 14px base font * 85% = about 12px
 small,
-.small  { font-size: 85%; }
+.small {
+  font-size: 85%;
+}
 
 // Undo browser default styling
-cite    { font-style: normal; }
+cite {
+  font-style: normal;
+}
 
 // Contextual emphasis
 .text-muted {
   color: @text-muted;
 }
+
 .text-primary {
   color: @brand-primary;
   &:hover {
 	color: darken(@brand-primary, 10%);
   }
 }
+
 .text-warning {
   color: @state-warning-text;
   &:hover {
 	color: darken(@state-warning-text, 10%);
   }
 }
+
 .text-danger {
   color: @state-danger-text;
   &:hover {
 	color: darken(@state-danger-text, 10%);
   }
 }
+
 .text-success {
   color: @state-success-text;
   &:hover {
 	color: darken(@state-success-text, 10%);
   }
 }
+
 .text-info {
   color: @state-info-text;
   &:hover {
@@ -67,10 +75,17 @@ cite    { font-style: normal; }
 }
 
 // Alignment
-.text-left           { text-align: left; }
-.text-right          { text-align: right; }
-.text-center         { text-align: center; }
+.text-left {
+  text-align: left;
+}
 
+.text-right {
+  text-align: right;
+}
+
+.text-center {
+  text-align: center;
+}
 
 // Headings
 // -------------------------
@@ -99,6 +114,7 @@ h3 {
 	font-size: 65%;
   }
 }
+
 h4,
 h5,
 h6 {
@@ -110,13 +126,29 @@ h6 {
   }
 }
 
-h1, .h1 { font-size: @font-size-h1; }
-h2, .h2 { font-size: @font-size-h2; }
-h3, .h3 { font-size: @font-size-h3; }
-h4, .h4 { font-size: @font-size-h4; }
-h5, .h5 { font-size: @font-size-h5; }
-h6, .h6 { font-size: @font-size-h6; }
+h1, .h1 {
+  font-size: @font-size-h1;
+}
 
+h2, .h2 {
+  font-size: @font-size-h2;
+}
+
+h3, .h3 {
+  font-size: @font-size-h3;
+}
+
+h4, .h4 {
+  font-size: @font-size-h4;
+}
+
+h5, .h5 {
+  font-size: @font-size-h5;
+}
+
+h6, .h6 {
+  font-size: @font-size-h6;
+}
 
 // Page header
 // -------------------------
@@ -127,8 +159,6 @@ h6, .h6 { font-size: @font-size-h6; }
   border-bottom: 1px solid @page-header-border-color;
 }
 
-
-
 // Lists
 // --------------------------------------------------
 
@@ -150,6 +180,7 @@ ol {
   padding-left: 0;
   list-style: none;
 }
+
 // Inline turns list items into inline-block
 .list-inline {
   .list-unstyled();
@@ -164,13 +195,16 @@ ol {
 dl {
   margin-bottom: @line-height-computed;
 }
+
 dt,
 dd {
   line-height: @line-height-base;
 }
+
 dt {
   font-weight: bold;
 }
+
 dd {
   margin-left: 0; // Undo browser default
 }
@@ -206,6 +240,7 @@ abbr[data-original-title] {
   cursor: help;
   border-bottom: 1px dotted @abbr-border-color;
 }
+
 abbr.initialism {
   font-size: 90%;
   text-transform: uppercase;

public/less/utilities.less

@@ -2,44 +2,54 @@
 // Utility classes
 // --------------------------------------------------
 
-
 // Floats
 // -------------------------
 
 .clearfix {
   .clearfix();
 }
+
 .center-block {
   .center-block();
 }
+
 .pull-right {
   float: right !important;
 }
+
 .pull-left {
   float: left !important;
 }
 
-
 // Toggling content
 // -------------------------
 
 .hide {
   display: none !important;
 }
+
 .show {
   display: block !important;
 }
+
 .invisible {
   visibility: hidden;
 }
+
 .text-hide {
   .text-hide();
 }
 
-
 // For Affix plugin
 // -------------------------
 
 .affix {
   position: fixed;
 }
+
+// Cursors
+// -------------------------
+
+.pointer {
+  cursor: pointer;
+}

public/less/variables-flatly.less

@@ -2,7 +2,6 @@
 // Variables
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -61,7 +60,6 @@
 @icon-font-path: "../fonts/";
 @icon-font-name: "glyphicons-halflings-regular";
 
-
 // Components
 // -------------------------
 // Based on 14px font-size and 1.428 line-height (~20px to start)
@@ -100,7 +98,6 @@
 
 @table-border-color: @gray-lighter; // table and cell border
 
-
 // Buttons
 // -------------------------
 
@@ -132,7 +129,6 @@
 
 @btn-link-disabled-color: @gray-light;
 
-
 // Forms
 // -------------------------
 
@@ -156,7 +152,6 @@
 @input-group-addon-bg: @gray-lighter;
 @input-group-addon-border-color: @input-border;
 
-
 // Dropdowns
 // -------------------------
 
@@ -178,11 +173,9 @@
 
 @dropdown-caret-color: #000;
 
-
 // COMPONENT VARIABLES
 // --------------------------------------------------
 
-
 // Z-index master list
 // -------------------------
 // Used for a bird's eye view of components dependent on the z-axis
@@ -220,7 +213,6 @@
 @screen-sm-max: (@screen-md - 1);
 @screen-md-max: (@screen-lg - 1);
 
-
 // Grid system
 // --------------------------------------------------
 
@@ -231,7 +223,6 @@
 // Point at which the navbar stops collapsing
 @grid-float-breakpoint: @screen-tablet;
 
-
 // Navbar
 // -------------------------
 
@@ -264,7 +255,6 @@
 @navbar-default-toggle-icon-bar-bg: #fff;
 @navbar-default-toggle-border-color: darken(@navbar-default-bg, 10%);
 
-
 // Inverted navbar
 //
 // Reset inverted navbar basics
@@ -298,7 +288,6 @@
 @navbar-inverse-toggle-icon-bar-bg: #fff;
 @navbar-inverse-toggle-border-color: darken(@navbar-inverse-bg, 10%);
 
-
 // Navs
 // -------------------------
 
@@ -327,7 +316,6 @@
 @nav-pills-active-link-hover-bg: @component-active-bg;
 @nav-pills-active-link-hover-color: #fff;
 
-
 // Pagination
 // -------------------------
 
@@ -341,14 +329,12 @@
 
 @pagination-disabled-color: @gray-lighter;
 
-
 // Pager
 // -------------------------
 
 @pager-border-radius: 15px;
 @pager-disabled-color: #fff;
 
-
 // Jumbotron
 // -------------------------
 
@@ -358,7 +344,6 @@
 
 @jumbotron-heading-color: inherit;
 
-
 // Form states and alerts
 // -------------------------
 
@@ -378,7 +363,6 @@
 @state-info-bg: @brand-info;
 @state-info-border: @brand-info;
 
-
 // Tooltips
 // -------------------------
 @tooltip-max-width: 200px;
@@ -388,7 +372,6 @@
 @tooltip-arrow-width: 5px;
 @tooltip-arrow-color: @tooltip-bg;
 
-
 // Popovers
 // -------------------------
 @popover-bg: #fff;
@@ -405,7 +388,6 @@
 @popover-arrow-outer-color: rgba(0, 0, 0, .25);
 @popover-arrow-outer-fallback-color: #999;
 
-
 // Labels
 // -------------------------
 
@@ -419,7 +401,6 @@
 @label-color: #fff;
 @label-link-hover-color: #fff;
 
-
 // Modals
 // -------------------------
 @modal-inner-padding: 20px;
@@ -435,7 +416,6 @@
 @modal-header-border-color: #e5e5e5;
 @modal-footer-border-color: @modal-header-border-color;
 
-
 // Alerts
 // -------------------------
 @alert-padding: 15px;
@@ -458,7 +438,6 @@
 @alert-danger-text: @state-danger-text;
 @alert-danger-border: @state-danger-border;
 
-
 // Progress bars
 // -------------------------
 @progress-bg: @gray-lighter;
@@ -470,7 +449,6 @@
 @progress-bar-danger-bg: @brand-danger;
 @progress-bar-info-bg: @brand-info;
 
-
 // List group
 // -------------------------
 @list-group-bg: #fff;
@@ -485,7 +463,6 @@
 @list-group-link-color: #555;
 @list-group-link-heading-color: #333;
 
-
 // Panels
 // -------------------------
 @panel-bg: #fff;
@@ -517,7 +494,6 @@
 @panel-info-border: @state-info-border;
 @panel-info-heading-bg: @state-info-bg;
 
-
 // Thumbnails
 // -------------------------
 @thumbnail-padding: 4px;
@@ -528,12 +504,10 @@
 @thumbnail-caption-color: @text-color;
 @thumbnail-caption-padding: 9px;
 
-
 // Wells
 // -------------------------
 @well-bg: @gray-lighter;
 
-
 // Badges
 // -------------------------
 @badge-color: #fff;
@@ -547,14 +521,12 @@
 @badge-line-height: 1;
 @badge-border-radius: 10px;
 
-
 // Breadcrumbs
 // -------------------------
 @breadcrumb-bg: lighten(@gray-lighter, 4%);
 @breadcrumb-color: @gray-dark;
 @breadcrumb-active-color: @breadcrumb-color;
 
-
 // Carousel
 // ------------------------
 
@@ -570,14 +542,12 @@
 
 @carousel-caption-color: #fff;
 
-
 // Close
 // ------------------------
 @close-color: #000;
 @close-font-weight: bold;
 @close-text-shadow: 0 1px 0 #fff;
 
-
 // Code
 // ------------------------
 @code-color: #c7254e;
@@ -606,7 +576,6 @@
 // Horizontal forms & lists
 @component-offset-horizontal: 180px;
 
-
 // Container sizes
 // --------------------------------------------------
 

public/less/variables.less

@@ -2,7 +2,6 @@
 // Variables
 // --------------------------------------------------
 
-
 // Global values
 // --------------------------------------------------
 
@@ -63,14 +62,12 @@
 @headings-line-height: 1.1;
 @headings-color: inherit;
 
-
 // Iconography
 // -------------------------
 
 @icon-font-path: "../fonts/";
 @icon-font-name: "glyphicons-halflings-regular";
 
-
 // Components
 // -------------------------
 // Based on 14px font-size and 1.428 line-height (~20px to start)
@@ -110,7 +107,6 @@
 
 @table-border-color: #ddd; // table and cell border
 
-
 // Buttons
 // -------------------------
 
@@ -142,7 +138,6 @@
 
 @btn-link-disabled-color: @gray-light;
 
-
 // Forms
 // -------------------------
 
@@ -166,7 +161,6 @@
 @input-group-addon-bg: @gray-lighter;
 @input-group-addon-border-color: @input-border;
 
-
 // Dropdowns
 // -------------------------
 
@@ -188,11 +182,9 @@
 
 @dropdown-caret-color: #000;
 
-
 // COMPONENT VARIABLES
 // --------------------------------------------------
 
-
 // Z-index master list
 // -------------------------
 // Used for a bird's eye view of components dependent on the z-axis
@@ -238,7 +230,6 @@
 @screen-sm-max: (@screen-md-min - 1);
 @screen-md-max: (@screen-lg-min - 1);
 
-
 // Grid system
 // --------------------------------------------------
 
@@ -249,7 +240,6 @@
 // Point at which the navbar stops collapsing
 @grid-float-breakpoint: @screen-sm-min;
 
-
 // Navbar
 // -------------------------
 
@@ -283,7 +273,6 @@
 @navbar-default-toggle-icon-bar-bg: #ccc;
 @navbar-default-toggle-border-color: #ddd;
 
-
 // Inverted navbar
 //
 // Reset inverted navbar basics
@@ -310,7 +299,6 @@
 @navbar-inverse-toggle-icon-bar-bg: #fff;
 @navbar-inverse-toggle-border-color: #333;
 
-
 // Navs
 // -------------------------
 
@@ -340,7 +328,6 @@
 @nav-pills-active-link-hover-bg: @component-active-bg;
 @nav-pills-active-link-hover-color: @component-active-color;
 
-
 // Pagination
 // -------------------------
 
@@ -354,14 +341,12 @@
 
 @pagination-disabled-color: @gray-light;
 
-
 // Pager
 // -------------------------
 
 @pager-border-radius: 15px;
 @pager-disabled-color: @gray-light;
 
-
 // Jumbotron
 // -------------------------
 
@@ -371,7 +356,6 @@
 
 @jumbotron-heading-color: inherit;
 
-
 // Form states and alerts
 // -------------------------
 
@@ -391,7 +375,6 @@
 @state-danger-bg: #f2dede;
 @state-danger-border: darken(spin(@state-danger-bg, -10), 5%);
 
-
 // Tooltips
 // -------------------------
 @tooltip-max-width: 200px;
@@ -401,7 +384,6 @@
 @tooltip-arrow-width: 5px;
 @tooltip-arrow-color: @tooltip-bg;
 
-
 // Popovers
 // -------------------------
 @popover-bg: #fff;
@@ -418,7 +400,6 @@
 @popover-arrow-outer-color: rgba(0, 0, 0, .25);
 @popover-arrow-outer-fallback-color: #999;
 
-
 // Labels
 // -------------------------
 
@@ -432,7 +413,6 @@
 @label-color: #fff;
 @label-link-hover-color: #fff;
 
-
 // Modals
 // -------------------------
 @modal-inner-padding: 20px;
@@ -448,7 +428,6 @@
 @modal-header-border-color: #e5e5e5;
 @modal-footer-border-color: @modal-header-border-color;
 
-
 // Alerts
 // -------------------------
 @alert-padding: 15px;
@@ -471,7 +450,6 @@
 @alert-danger-text: @state-danger-text;
 @alert-danger-border: @state-danger-border;
 
-
 // Progress bars
 // -------------------------
 @progress-bg: #f5f5f5;
@@ -483,7 +461,6 @@
 @progress-bar-danger-bg: @brand-danger;
 @progress-bar-info-bg: @brand-info;
 
-
 // List group
 // -------------------------
 @list-group-bg: #fff;
@@ -498,7 +475,6 @@
 @list-group-link-color: #555;
 @list-group-link-heading-color: #333;
 
-
 // Panels
 // -------------------------
 @panel-bg: #fff;
@@ -530,7 +506,6 @@
 @panel-info-border: @state-info-border;
 @panel-info-heading-bg: @state-info-bg;
 
-
 // Thumbnails
 // -------------------------
 @thumbnail-padding: 4px;
@@ -541,11 +516,10 @@
 @thumbnail-caption-color: @text-color;
 @thumbnail-caption-padding: 9px;
 
-
 // Wells
 // -------------------------
 @well-bg: #f5f5f5;
-
+@well-bg-drk: #2c3e50;
 
 // Badges
 // -------------------------
@@ -560,7 +534,6 @@
 @badge-line-height: 1;
 @badge-border-radius: 10px;
 
-
 // Breadcrumbs
 // -------------------------
 @breadcrumb-bg: #f5f5f5;
@@ -568,7 +541,6 @@
 @breadcrumb-active-color: @gray-light;
 @breadcrumb-separator: "/";
 
-
 // Carousel
 // ------------------------
 
@@ -584,14 +556,12 @@
 
 @carousel-caption-color: #fff;
 
-
 // Close
 // ------------------------
 @close-font-weight: bold;
 @close-color: #000;
 @close-text-shadow: 0 1px 0 #fff;
 
-
 // Code
 // ------------------------
 @code-color: #c7254e;
@@ -620,7 +590,6 @@
 // Horizontal forms & lists
 @component-offset-horizontal: 180px;
 
-
 // Container sizes
 // --------------------------------------------------
 

public/less/wells.less

@@ -2,7 +2,6 @@
 // Wells
 // --------------------------------------------------
 
-
 // Base class
 .well {
   min-height: 20px;
@@ -12,6 +11,7 @@
   border: 1px solid darken(@well-bg, 7%);
   border-radius: @border-radius-base;
   .box-shadow(inset 0 1px 1px rgba(0, 0, 0, .05));
+
   blockquote {
 	border-color: #ddd;
 	border-color: rgba(0, 0, 0, .15);
@@ -23,7 +23,16 @@
   padding: 24px;
   border-radius: @border-radius-large;
 }
+
 .well-sm {
   padding: 9px;
   border-radius: @border-radius-small;
 }
+
+// Dark well
+
+.dark-well {
+  background-color: @well-bg-drk;
+  border-color: darken(@well-bg-drk, 7%);
+  color: #fff;
+}

route/index.js

@@ -1,19 +1,33 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var presentTask = require('../view/presenter/task');
+const presentTask = require('../view/presenter/task');
 
 module.exports = route;
 
 // Route definition
 function route(app) {
-	app.express.get('/', function (req, res, next) {
-		app.webservice.tasks.get({lastres: true}, function (err, tasks) {
-			if (err) {
-				return next(err);
+	app.express.get('/', (request, response, next) => {
+		app.webservice.tasks.get({lastres: true}, (error, tasks) => {
+			if (error) {
+				return next(error);
 			}
-			res.render('index', {
+			response.render('index', {
 				tasks: tasks.map(presentTask),
-				deleted: (typeof req.query.deleted !== 'undefined'),
+				deleted: (typeof request.query.deleted !== 'undefined'),
 				isHomePage: true
 			});
 		});

route/new.js

@@ -1,39 +1,79 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var getStandards = require('../data/standards');
+const getStandards = require('../data/standards');
+const httpHeaders = require('http-headers');
 
 module.exports = route;
 
 // Route definition
 function route(app) {
 
-	app.express.get('/new', function (req, res) {
-		var standards = getStandards().map(function (standard) {
+	app.express.get('/new', (request, response) => {
+		const standards = getStandards().map(standard => {
 			if (standard.title === 'WCAG2AA') {
 				standard.selected = true;
 			}
 			return standard;
 		});
-		res.render('new', {
+		response.render('new', {
 			standards: standards,
 			isNewTaskPage: true
 		});
 	});
 
-	app.express.post('/new', function (req, res) {
-		var newTask = {
-			name: req.body.name,
-			url: req.body.url,
-			standard: req.body.standard,
-			ignore: req.body.ignore || []
+	app.express.post('/new', (request, response) => {
+
+		let parsedActions;
+		if (request.body.actions) {
+			parsedActions = request.body.actions.split(/[\r\n]+/)
+				.map(action => {
+					return action.trim();
+				})
+				.filter(action => {
+					return Boolean(action);
+				});
+		}
+
+		let parsedHeaders;
+		if (request.body.headers) {
+			parsedHeaders = httpHeaders(request.body.headers, true);
+		}
+
+		const newTask = {
+			name: request.body.name,
+			url: request.body.url,
+			standard: request.body.standard,
+			ignore: request.body.ignore || [],
+			timeout: request.body.timeout || undefined,
+			wait: request.body.wait || undefined,
+			actions: parsedActions,
+			username: request.body.username || undefined,
+			password: request.body.password || undefined,
+			headers: parsedHeaders,
+			hideElements: request.body.hideElements || undefined
 		};
-		app.webservice.tasks.create(newTask, function (err, task) {
-			if (err) {
-				var standards = getStandards().map(function (standard) {
+
+		app.webservice.tasks.create(newTask, (error, task) => {
+			if (error) {
+				const standards = getStandards().map(standard => {
 					if (standard.title === newTask.standard) {
 						standard.selected = true;
 					}
-					standard.rules = standard.rules.map(function (rule) {
+					standard.rules = standard.rules.map(rule => {
 						if (newTask.ignore.indexOf(rule.name) !== -1) {
 							rule.ignored = true;
 						}
@@ -41,13 +81,15 @@ function route (app) {
 					});
 					return standard;
 				});
-				return res.render('new', {
-					error: err,
+				newTask.actions = request.body.actions;
+				newTask.headers = request.body.headers;
+				return response.render('new', {
+					error: error,
 					standards: standards,
 					task: newTask
 				});
 			}
-			res.redirect('/' + task.id + '?added');
+			response.redirect(`/${task.id}?added`);
 		});
 	});
 

route/result/download.js

@@ -1,26 +1,40 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var moment = require('moment');
+const moment = require('moment');
 
 module.exports = route;
 
 // Route definition
 function route(app) {
 
-    function getTaskAndResult (req, res, next) {
-        app.webservice.task(req.params.id).get({}, function (err, task) {
-            if (err) {
+	function getTaskAndResult(request, response, next) {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next('route');
 			}
 			app.webservice
-                .task(req.params.id)
-                .result(req.params.rid)
-                .get({full: true}, function (err, result) {
-                    if (err) {
+				.task(request.params.id)
+				.result(request.params.rid)
+				.get({full: true}, (error, result) => {
+					if (error) {
 						return next('route');
 					}
-                    res.locals.task = task;
-                    res.locals.result = result;
+					response.locals.task = task;
+					response.locals.result = result;
 					next();
 				});
 		});
@@ -33,7 +47,7 @@ function route (app) {
 			task.url
 				.replace(/^https?:\/\//i, '')
 				.replace(/\/$/, '')
-                .replace(/[^a-z0-9\.\-\_]+/gi, '-'),
+				.replace(/[^a-z0-9.\-_]+/gi, '-'),
 			'--',
 			task.standard.toLowerCase(),
 			'--',
@@ -43,29 +57,31 @@ function route (app) {
 		].join('');
 	}
 
-    app.express.get('/:id/:rid.csv', getTaskAndResult, function (req, res) {
-        var task = res.locals.task;
-        var result = res.locals.result;
-        var rows = ['"code", "message", "type"'];
-        result.results.forEach(function (msg) {
+	app.express.get('/:id/:rid.csv', getTaskAndResult, (request, response) => {
+		const task = response.locals.task;
+		const result = response.locals.result;
+		const rows = ['"code","message","type","context","selector"'];
+		result.results.forEach(msg => {
 			rows.push([
 				JSON.stringify(msg.code),
 				JSON.stringify(msg.message),
-                JSON.stringify(msg.type)
+				JSON.stringify(msg.type),
+				JSON.stringify(msg.context),
+				JSON.stringify(msg.selector)
 			].join(','));
 		});
-        res.attachment(getDownloadFileName(task, result, 'csv'));
-        res.send(rows.join('\n'));
+		response.attachment(getDownloadFileName(task, result, 'csv'));
+		response.send(rows.join('\n'));
 	});
 
-    app.express.get('/:id/:rid.json', getTaskAndResult, function (req, res) {
-        var task = res.locals.task;
-        var result = res.locals.result;
-        res.attachment(getDownloadFileName(task, result, 'json'));
+	app.express.get('/:id/:rid.json', getTaskAndResult, (request, response) => {
+		const task = response.locals.task;
+		const result = response.locals.result;
+		response.attachment(getDownloadFileName(task, result, 'json'));
 		delete task.id;
 		delete result.id;
 		result.task = task;
-        res.send(result);
+		response.send(result);
 	});
 
 }

route/result/index.js

@@ -1,26 +1,40 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var presentTask = require('../../view/presenter/task');
-var presentResult = require('../../view/presenter/result');
+const presentTask = require('../../view/presenter/task');
+const presentResult = require('../../view/presenter/result');
 
 module.exports = route;
 
 // Route definition
 function route(app) {
 
-    app.express.get('/:id/:rid', function (req, res, next) {
-        app.webservice.task(req.params.id).get({}, function (err, task) {
-            if (err) {
+	app.express.get('/:id/:rid', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
 			app.webservice
-                .task(req.params.id)
-                .result(req.params.rid)
-                .get({full: true}, function (err, result) {
-                    if (err) {
+				.task(request.params.id)
+				.result(request.params.rid)
+				.get({full: true}, (error, result) => {
+					if (error) {
 						return next();
 					}
-                    res.render('result', {
+					response.render('result', {
 						task: presentTask(task),
 						mainResult: presentResult(result),
 						isResultPage: true

route/task/delete.js

@@ -1,31 +1,44 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var _ = require('underscore');
-var presentTask = require('../../view/presenter/task');
+const presentTask = require('../../view/presenter/task');
 
 module.exports = route;
 
 // Route definition
 function route(app) {
 
-	app.express.get('/:id/delete', function (req, res, next) {
-		app.webservice.task(req.params.id).get({}, function (err, task) {
-			if (err) {
+	app.express.get('/:id/delete', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			res.render('task/delete', {
+			response.render('task/delete', {
 				task: presentTask(task),
 				isTaskSubPage: true
 			});
 		});
 	});
 
-	app.express.post('/:id/delete', function (req, res, next) {
-		app.webservice.task(req.params.id).remove(function (err) {
-			if (err) {
+	app.express.post('/:id/delete', (request, response, next) => {
+		app.webservice.task(request.params.id).remove(error => {
+			if (error) {
 				return next();
 			}
-			res.redirect('/?deleted');
+			response.redirect('/?deleted');
 		});
 	});
 

route/task/edit.js

@@ -1,24 +1,38 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var _ = require('underscore');
-var presentTask = require('../../view/presenter/task');
-var getStandards = require('../../data/standards');
+const presentTask = require('../../view/presenter/task');
+const getStandards = require('../../data/standards');
+const httpHeaders = require('http-headers');
 
 module.exports = route;
 
 // Route definition
 function route(app) {
 
-	app.express.get('/:id/edit', function (req, res, next) {
-		app.webservice.task(req.params.id).get({}, function (err, task) {
-			if (err) {
+	app.express.get('/:id/edit', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			var standards = getStandards().map(function (standard) {
+			const standards = getStandards().map(standard => {
 				if (standard.title === task.standard) {
 					standard.selected = true;
 				}
-				standard.rules = standard.rules.map(function (rule) {
+				standard.rules = standard.rules.map(rule => {
 					if (task.ignore.indexOf(rule.name) !== -1) {
 						rule.ignored = true;
 					}
@@ -26,8 +40,9 @@ function route (app) {
 				});
 				return standard;
 			});
-			res.render('task/edit', {
-				edited: (typeof req.query.edited !== 'undefined'),
+			task.actions = (task.actions ? task.actions.join('\n') : '');
+			response.render('task/edit', {
+				edited: (typeof request.query.edited !== 'undefined'),
 				standards: standards,
 				task: presentTask(task),
 				isTaskSubPage: true
@@ -35,21 +50,48 @@ function route (app) {
 		});
 	});
 
-	app.express.post('/:id/edit', function (req, res, next) {
-		app.webservice.task(req.params.id).get({}, function (err, task) {
-			if (err) {
+	app.express.post('/:id/edit', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			req.body.ignore = req.body.ignore || [];
-			app.webservice.task(req.params.id).edit(req.body, function (err) {
-				if (err) {
-					task.name = req.body.name;
-					task.ignore = req.body.ignore;
-					var standards = getStandards().map(function (standard) {
+			const originalActions = request.body.actions;
+			const originalHeaders = request.body.headers;
+			request.body.ignore = request.body.ignore || [];
+			request.body.timeout = request.body.timeout || undefined;
+			request.body.wait = request.body.wait || undefined;
+			if (request.body.actions) {
+				request.body.actions = request.body.actions.split(/[\r\n]+/)
+					.map(action => {
+						return action.trim();
+					})
+					.filter(action => {
+						return Boolean(action);
+					});
+			}
+			if (!request.body.actions) {
+				request.body.actions = [];
+			}
+			request.body.username = request.body.username || undefined;
+			request.body.password = request.body.password || undefined;
+			request.body.hideElements = request.body.hideElements || undefined;
+			request.body.headers = httpHeaders(request.body.headers || '', true);
+			app.webservice.task(request.params.id).edit(request.body, error => {
+				if (error) {
+					task.name = request.body.name;
+					task.ignore = request.body.ignore;
+					task.timeout = request.body.timeout;
+					task.wait = request.body.wait;
+					task.actions = originalActions;
+					task.username = request.body.username;
+					task.password = request.body.password;
+					task.headers = originalHeaders;
+					task.hideElements = request.body.hideElements;
+					const standards = getStandards().map(standard => {
 						if (standard.title === task.standard) {
 							standard.selected = true;
 						}
-						standard.rules = standard.rules.map(function (rule) {
+						standard.rules = standard.rules.map(rule => {
 							if (task.ignore.indexOf(rule.name) !== -1) {
 								rule.ignored = true;
 							}
@@ -57,14 +99,14 @@ function route (app) {
 						});
 						return standard;
 					});
-					return res.render('task/edit', {
-						error: err,
+					return response.render('task/edit', {
+						error: error,
 						standards: standards,
 						task: task,
 						isTaskSubPage: true
 					});
 				}
-				res.redirect('/' + req.params.id + '/edit?edited');
+				response.redirect(`/${request.params.id}/edit?edited`);
 			});
 		});
 	});

route/task/ignore.js

@@ -0,0 +1,26 @@
+'use strict';
+
+module.exports = route;
+
+// Route definition
+function route(app) {
+
+	app.express.post('/:id/ignore', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
+				return next();
+			}
+			const edit = {
+				name: task.name,
+				ignore: task.ignore
+			};
+			if (typeof request.body.rule === 'string') {
+				edit.ignore.push(request.body.rule);
+			}
+			app.webservice.task(request.params.id).edit(edit, () => {
+				response.redirect(`/${request.params.id}?rule-ignored`);
+			});
+		});
+	});
+
+}

route/task/index.js

@@ -1,30 +1,46 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
-var presentTask = require('../../view/presenter/task');
-var presentResult = require('../../view/presenter/result');
-var presentResultList = require('../../view/presenter/result-list');
+const presentTask = require('../../view/presenter/task');
+const presentResult = require('../../view/presenter/result');
+const presentResultList = require('../../view/presenter/result-list');
 
 module.exports = route;
 
 // Route definition
 function route(app) {
 
-	app.express.get('/:id', function (req, res, next) {
-		app.webservice.task(req.params.id).get({lastres: true}, function (err, task) {
-			if (err) {
+	app.express.get('/:id', (request, response, next) => {
+		app.webservice.task(request.params.id).get({lastres: true}, (error, task) => {
+			if (error) {
 				return next();
 			}
-			app.webservice.task(req.params.id).results({}, function (err, results) {
-				if (err) {
-					return next(err);
+			app.webservice.task(request.params.id).results({}, (error, results) => {
+				if (error) {
+					return next(error);
 				}
-				var presentedResults = presentResultList(results.map(presentResult));
-				res.render('task', {
+				const presentedResults = presentResultList(results.map(presentResult));
+				response.render('task', {
 					task: presentTask(task),
 					results: presentedResults,
 					mainResult: task.lastResult || null,
-					added: (typeof req.query.added !== 'undefined'),
-					running: (typeof req.query.running !== 'undefined'),
+					added: (typeof request.query.added !== 'undefined'),
+					running: (typeof request.query.running !== 'undefined'),
+					ruleIgnored: (typeof request.query['rule-ignored'] !== 'undefined'),
+					ruleUnignored: (typeof request.query['rule-unignored'] !== 'undefined'),
 					hasOneResult: (presentedResults.length < 2),
 					isTaskPage: true
 				});

route/task/run.js

@@ -1,3 +1,17 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
 'use strict';
 
 module.exports = route;
@@ -5,12 +19,12 @@ module.exports = route;
 // Route definition
 function route(app) {
 
-	app.express.get('/:id/run', function (req, res, next) {
-		app.webservice.task(req.params.id).run(function (err, task) {
-			if (err) {
+	app.express.get('/:id/run', (request, response, next) => {
+		app.webservice.task(request.params.id).run(error => {
+			if (error) {
 				return next();
 			}
-			res.redirect('/' + req.params.id + '?running');
+			response.redirect(`/${request.params.id}?running`);
 		});
 	});
 

route/task/unignore.js

@@ -0,0 +1,27 @@
+'use strict';
+
+module.exports = route;
+
+// Route definition
+function route(app) {
+
+	app.express.post('/:id/unignore', (request, response, next) => {
+		app.webservice.task(request.params.id).get({}, (error, task) => {
+			if (error) {
+				return next();
+			}
+			const edit = {
+				name: task.name,
+				ignore: task.ignore
+			};
+			const indexOfRule = edit.ignore.indexOf(request.body.rule);
+			if (typeof request.body.rule === 'string' && indexOfRule !== -1) {
+				edit.ignore.splice(indexOfRule, 1);
+			}
+			app.webservice.task(request.params.id).edit(edit, () => {
+				response.redirect(`/${request.params.id}?rule-unignored`);
+			});
+		});
+	});
+
+}

test/.eslintrc.js

@@ -0,0 +1,15 @@
+'use strict';
+
+// Clone the main config
+var config = module.exports = JSON.parse(JSON.stringify(require('../.eslintrc')));
+
+// We use `this` all over the integration tests
+config.rules['no-invalid-this'] = 'off';
+
+// Because of our use of `this`, arrow functions
+// aren't really gonna work in the integration tests
+config.rules['prefer-arrow-callback'] = 'off';
+
+// Disable max line length/statements
+config.rules['max-len'] = 'off';
+config.rules['max-statements'] = 'off';

test/functional/helper/navigate.js

@@ -1,51 +0,0 @@
-'use strict';
-
-var jsdom = require('jsdom');
-var request = require('request');
-
-module.exports = createNavigator;
-
-// Create a navigate function
-function createNavigator (baseUrl, store) {
-	return function (opts, callback) {
-
-		store.body = null;
-		store.dom = null;
-		store.request = null;
-		store.response = null;
-		store.status = null;
-		store.window = null;
-
-		request({
-			url: baseUrl + opts.endpoint,
-			method: opts.method || 'GET',
-			body: opts.body,
-			json: true,
-			qs: opts.query,
-			followAllRedirects: true
-		}, function (err, res, body) {
-
-			store.body = body;
-			store.request = res.request;
-			store.response = res;
-			store.status = res.statusCode;
-
-			if (opts.nonDom) {
-				store.window = null;
-				store.dom = null;
-				callback();
-			} else {
-				jsdom.env(
-					store.body,
-					function (err, window) {
-						store.window = window;
-						store.dom = window.document;
-						callback();
-					}
-				);
-			}
-
-		});
-
-	};
-}

test/functional/helper/webservice.js

@@ -1,14 +0,0 @@
-'use strict';
-
-var createClient = require('pa11y-webservice-client-node');
-
-module.exports = createWebserviceClient;
-
-// Create a webservice client
-function createWebserviceClient (config) {
-	var webserviceUrl = config.webservice;
-	if (typeof webserviceUrl == 'object') {
-		webserviceUrl = 'http://' + webserviceUrl.host + ':' + webserviceUrl.port + '/';
-	}
-	return createClient(webserviceUrl);
-}

test/functional/route/index.js

@@ -1,79 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should display an "Add new URL" button', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=add-task]');
-		assert.strictEqual(elem.length, 1);
-		assert.strictEqual(elem[0].getAttribute('href'), '/new');
-	});
-
-	it('should display all of the expected tasks', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks.length, 3);
-		assert.match(tasks[0].textContent, /npg home\s+\(wcag2aa\)/i);
-		assert.match(tasks[1].textContent, /npg home\s+\(wcag2aaa\)/i);
-		assert.match(tasks[2].textContent, /nature news\s+\(section508\)/i);
-	});
-
-	it('should have links to each task', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001"]').length, 1);
-		assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002"]').length, 1);
-		assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003"]').length, 1);
-	});
-
-	it('should display an "Edit" button for each task', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001/edit"]').length, 1);
-		assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002/edit"]').length, 1);
-		assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003/edit"]').length, 1);
-	});
-
-	it('should display a "Delete" button for each task', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001/delete"]').length, 1);
-		assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002/delete"]').length, 1);
-		assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003/delete"]').length, 1);
-	});
-
-	it('should display a "Run" button for each task', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.strictEqual(tasks[0].querySelectorAll('[href="/abc000000000000000000001/run"]').length, 1);
-		assert.strictEqual(tasks[1].querySelectorAll('[href="/abc000000000000000000002/run"]').length, 1);
-		assert.strictEqual(tasks[2].querySelectorAll('[href="/abc000000000000000000003/run"]').length, 1);
-	});
-
-	it('should display the task result counts if the task has been run', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.match(tasks[0].textContent, /1\s*errors/i);
-		assert.match(tasks[0].textContent, /2\s*warnings/i);
-		assert.match(tasks[0].textContent, /3\s*notices/i);
-	});
-
-	it('should display a message indicating that there are no results if the task has not been run', function () {
-		var tasks = this.last.dom.querySelectorAll('[data-test=task]');
-		assert.match(tasks[2].textContent, /no results/i);
-	});
-
-	it('should not display an alert message', function () {
-		assert.strictEqual(this.last.dom.querySelectorAll('[data-test=alert]').length, 0);
-	});
-
-});

test/functional/route/new.js

@@ -1,136 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /new', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/new'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should not display an error message', function () {
-		assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 0);
-	});
-
-	it('should have an "Add new URL" form', function () {
-		var form = this.last.dom.querySelectorAll('[data-test=new-url-form]')[0];
-		assert.isDefined(form);
-		assert.strictEqual(form.getAttribute('action'), '/new');
-		assert.strictEqual(form.getAttribute('method'), 'post');
-	});
-
-	describe('"Add New URL" form', function () {
-
-		beforeEach(function () {
-			this.form = this.last.dom.querySelectorAll('[data-test=new-url-form]')[0];
-		});
-
-		it('should have a "name" field', function () {
-			var field = this.form.querySelectorAll('input[name=name]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.getAttribute('type'), 'text');
-			assert.strictEqual(field.getAttribute('value'), '');
-		});
-
-		it('should have a "url" field', function () {
-			var field = this.form.querySelectorAll('input[name=url]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.getAttribute('type'), 'url');
-			assert.strictEqual(field.getAttribute('value'), '');
-		});
-
-		it('should have a "standard" field', function () {
-			var field = this.form.querySelectorAll('select[name=standard]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.querySelectorAll('option').length, 4);
-		});
-
-		it('should have "ignore" fields', function () {
-			var fields = this.form.querySelectorAll('input[name="ignore[]"]');
-			assert.isDefined(fields);
-			assert.notStrictEqual(fields.length, 0);
-		});
-
-	});
-
-});
-
-describe('POST /new', function () {
-
-	describe('with invalid query', function () {
-
-		beforeEach(function (done) {
-			var req = {
-				method: 'POST',
-				endpoint: '/new',
-				body: {
-					name: '',
-					url: ''
-				}
-			};
-			this.navigate(req, done);
-		});
-
-		it('should send a 200 status', function () {
-			assert.strictEqual(this.last.status, 200);
-		});
-
-		it('should display an error message', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 1);
-		});
-
-	});
-
-	describe('with valid query', function () {
-
-		beforeEach(function (done) {
-			var req = {
-				method: 'POST',
-				endpoint: '/new',
-				body: {
-					name: 'Example',
-					url: 'http://example.com/',
-					standard: 'WCAG2AA'
-				}
-			};
-			this.navigate(req, done);
-		});
-
-		it('should send a 200 status', function () {
-			assert.strictEqual(this.last.status, 200);
-		});
-
-		it('should create the task', function (done) {
-			this.webservice.tasks.get({}, function (err, tasks) {
-				assert.strictEqual(tasks.length, 4);
-				done();
-			});
-		});
-
-		it('should redirect me to the new URL page', function () {
-			assert.match(this.last.request.uri.pathname, /^\/[a-z0-9]{24}$/i);
-		});
-
-		it('should not display an error message', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[data-test=error]').length, 0);
-		});
-
-		it('should display a success message', function () {
-			var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-			assert.isDefined(alert);
-			assert.match(alert.textContent, /url has been added/i);
-		});
-
-	});
-
-});

test/functional/route/result/download.js

@@ -1,53 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/<result-id>.csv', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/def000000000000000000001.csv',
-			nonDom: true
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should output CSV results', function () {
-		assert.match(this.last.body, /^"code", "message", "type"/);
-	});
-
-});
-
-describe('GET /<task-id>/<result-id>.json', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/def000000000000000000001.json',
-			nonDom: true
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should output JSON results', function () {
-		var json = this.last.body;
-		assert.strictEqual(json.task.name, 'NPG Home');
-		assert.strictEqual(json.task.url, 'nature.com');
-		assert.strictEqual(json.count.error, 1);
-		assert.strictEqual(json.count.warning, 2);
-		assert.strictEqual(json.count.notice, 3);
-		assert.isArray(json.results);
-	});
-
-});

test/functional/route/result/index.js

@@ -1,55 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/<result-id>', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/def000000000000000000001'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should display a "Download CSV" button', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=download-csv]');
-		assert.strictEqual(elem.length, 1);
-		assert.strictEqual(elem[0].getAttribute('href'), '/abc000000000000000000001/def000000000000000000001.csv');
-	});
-
-	it('should display a "Download JSON" button', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=download-json]');
-		assert.strictEqual(elem.length, 1);
-		assert.strictEqual(elem[0].getAttribute('href'), '/abc000000000000000000001/def000000000000000000001.json');
-	});
-
-	it('should display a link back to the task', function () {
-		assert.isDefined(this.last.dom.querySelectorAll('[href="/abc000000000000000000001"]')[0]);
-	});
-
-	it('should display errors', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=task-errors]')[0];
-		assert.isDefined(elem);
-		assert.match(elem.textContent, /errors \( 1 \)/i);
-	});
-
-	it('should display warnings', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=task-warnings]')[0];
-		assert.isDefined(elem);
-		assert.match(elem.textContent, /warnings \( 2 \)/i);
-	});
-
-	it('should display notices', function () {
-		var elem = this.last.dom.querySelectorAll('[data-test=task-notices]')[0];
-		assert.isDefined(elem);
-		assert.match(elem.textContent, /notices \( 3 \)/i);
-	});
-
-});

test/functional/route/task/delete.js

@@ -1,65 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/delete', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/delete'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should have a "Delete URL" form', function () {
-		var form = this.last.dom.querySelectorAll('[data-test=delete-url-form]')[0];
-		assert.isDefined(form);
-		assert.strictEqual(form.getAttribute('action'), '/abc000000000000000000001/delete');
-		assert.strictEqual(form.getAttribute('method'), 'post');
-	});
-
-	it('should display a link back to the task page', function () {
-		assert.greaterThan(this.last.dom.querySelectorAll('[href="/abc000000000000000000001"]').length, 0);
-	});
-
-});
-
-describe('POST /<task-id>/delete', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'POST',
-			endpoint: '/abc000000000000000000001/delete'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should delete the task', function (done) {
-		this.webservice.task('abc000000000000000000001').get({}, function (err) {
-			assert.strictEqual(err.message, 'Error 404');
-			done();
-		});
-	});
-
-	it('should redirect me to the home page', function () {
-		assert.strictEqual(this.last.request.uri.pathname, '/');
-	});
-
-	it('should display a success message', function () {
-		var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-		assert.isDefined(alert);
-		assert.match(alert.textContent, /been deleted/i);
-	});
-
-});

test/functional/route/task/edit.js

@@ -1,102 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/edit', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/edit'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should have an "Edit URL" form', function () {
-		var form = this.last.dom.querySelectorAll('[data-test=edit-url-form]')[0];
-		assert.isDefined(form);
-		assert.strictEqual(form.getAttribute('action'), '/abc000000000000000000001/edit');
-		assert.strictEqual(form.getAttribute('method'), 'post');
-	});
-
-	it('should display a link back to the task page', function () {
-		assert.greaterThan(this.last.dom.querySelectorAll('[href="/abc000000000000000000001"]').length, 0);
-	});
-
-	describe('"Edit URL" form', function () {
-
-		beforeEach(function () {
-			this.form = this.last.dom.querySelectorAll('[data-test=edit-url-form]')[0];
-		});
-
-		it('should have a "name" field', function () {
-			var field = this.form.querySelectorAll('input[name=name]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.getAttribute('type'), 'text');
-			assert.strictEqual(field.getAttribute('value'), 'NPG Home');
-		});
-
-		it('should have a disabled "url" field', function () {
-			var field = this.form.querySelectorAll('input[name=url]')[0];
-			assert.isDefined(field);
-			assert.strictEqual(field.getAttribute('type'), 'url');
-			assert.strictEqual(field.getAttribute('value'), 'nature.com');
-			assert.isDefined(field.getAttribute('disabled'));
-		});
-
-		it('should have a disabled "standard" field', function () {
-			var field = this.form.querySelectorAll('select[name=standard]')[0];
-			assert.isDefined(field);
-			assert.isDefined(field.getAttribute('disabled'));
-		});
-
-		it('should have "ignore" fields', function () {
-			var fields = this.form.querySelectorAll('input[name="ignore[]"]');
-			assert.isDefined(fields);
-			assert.notStrictEqual(fields.length, 0);
-		});
-
-	});
-
-});
-
-describe('POST /<task-id>/edit', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'POST',
-			endpoint: '/abc000000000000000000001/edit',
-			body: {
-				name: 'foo',
-				ignore: ['bar', 'baz']
-			}
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should edit the task', function (done) {
-		this.webservice.task('abc000000000000000000001').get({}, function (err, task) {
-			assert.strictEqual(task.name, 'foo');
-			assert.deepEqual(task.ignore, ['bar', 'baz']);
-			done();
-		});
-	});
-
-	it('should display a success message', function () {
-		var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-		assert.isDefined(alert);
-		assert.match(alert.textContent, /been saved/i);
-	});
-
-});
-

test/functional/route/task/index.js

@@ -1,96 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>', function () {
-
-	describe('when task has results', function () {
-
-		beforeEach(function (done) {
-			var req = {
-				method: 'GET',
-				endpoint: '/abc000000000000000000001'
-			};
-			this.navigate(req, done);
-		});
-
-		it('should send a 200 status', function () {
-			assert.strictEqual(this.last.status, 200);
-		});
-
-		it('should display an "Edit" button', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/edit"]').length, 1);
-		});
-
-		it('should display a "Delete" button', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/delete"]').length, 1);
-		});
-
-		it('should display a "Run" button', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/run"]').length, 1);
-		});
-
-		it('should display a "Download CSV" button for the latest result', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/def000000000000000000001.csv"]').length, 1);
-		});
-
-		it('should display a "Download JSON" button for the latest result', function () {
-			assert.strictEqual(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/def000000000000000000001.json"]').length, 1);
-		});
-
-		it('should display links to all results', function () {
-			assert.isDefined(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/def000000000000000000001"]')[0]);
-			assert.isDefined(this.last.dom.querySelectorAll('[href="/abc000000000000000000001/def000000000000000000003"]')[0]);
-		});
-
-		it('should display errors', function () {
-			var elem = this.last.dom.querySelectorAll('[data-test=task-errors]')[0];
-			assert.isDefined(elem);
-			assert.match(elem.textContent, /errors \( 1 \)/i);
-		});
-
-		it('should display warnings', function () {
-			var elem = this.last.dom.querySelectorAll('[data-test=task-warnings]')[0];
-			assert.isDefined(elem);
-			assert.match(elem.textContent, /warnings \( 2 \)/i);
-		});
-
-		it('should display notices', function () {
-			var elem = this.last.dom.querySelectorAll('[data-test=task-notices]')[0];
-			assert.isDefined(elem);
-			assert.match(elem.textContent, /notices \( 3 \)/i);
-		});
-
-	});
-
-	describe('when task has no results', function () {
-
-		beforeEach(function (done) {
-			var req = {
-				method: 'GET',
-				endpoint: '/abc000000000000000000003'
-			};
-			this.navigate(req, done);
-		});
-
-		it('should send a 200 status', function () {
-			assert.strictEqual(this.last.status, 200);
-		});
-
-		it('should display a "Run" button', function () {
-			var elem = this.last.dom.querySelectorAll('[data-test=run-task]');
-			assert.strictEqual(elem.length, 1);
-			assert.strictEqual(elem[0].getAttribute('href'), '/abc000000000000000000003/run');
-		});
-
-		it('should display a message indicating that there are no results', function () {
-			var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-			assert.isDefined(alert);
-			assert.match(alert.textContent, /there are no results to show/i);
-		});
-
-	});
-
-});

test/functional/route/task/run.js

@@ -1,31 +0,0 @@
-/* global beforeEach, describe, it */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var assert = require('proclaim');
-
-describe('GET /<task-id>/run', function () {
-
-	beforeEach(function (done) {
-		var req = {
-			method: 'GET',
-			endpoint: '/abc000000000000000000001/run'
-		};
-		this.navigate(req, done);
-	});
-
-	it('should send a 200 status', function () {
-		assert.strictEqual(this.last.status, 200);
-	});
-
-	it('should redirect me to the task page', function () {
-		assert.strictEqual(this.last.request.uri.pathname, '/abc000000000000000000001');
-	});
-
-	it('should display a success message', function () {
-		var alert = this.last.dom.querySelectorAll('[data-test=alert]')[0];
-		assert.isDefined(alert);
-		assert.match(alert.textContent, /new results are being generated/i);
-	});
-
-});

test/functional/setup.js

@@ -1,36 +0,0 @@
-/* global afterEach, before */
-/* jshint maxlen: false, maxstatements: false */
-'use strict';
-
-var config = require('../../config/test.json');
-var createNavigator = require('./helper/navigate');
-var createWebserviceClient = require('./helper/webservice');
-var loadFixtures = require('pa11y-webservice/data/fixture/load');
-var request = require('request');
-
-// Run before all tests
-before(function (done) {
-	this.baseUrl = 'http://localhost:' + config.port;
-	this.last = {};
-	this.navigate = createNavigator(this.baseUrl, this.last);
-	this.webservice = createWebserviceClient(config);
-	assertTestAppIsRunning(this.baseUrl, function () {
-		loadFixtures('test', config.webservice, done);
-	});
-});
-
-// Run after each test
-afterEach(function (done) {
-	loadFixtures('test', config.webservice, done);
-});
-
-// Check that the test application is running, and exit if not
-function assertTestAppIsRunning (url, done) {
-	request(url, function (err) {
-		if (err) {
-			console.error('Error: Test app not started; run with `grunt start-test`');
-			process.exit(1);
-		}
-		done();
-	});
-}

test/integration/helper/navigate.js

@@ -0,0 +1,61 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable requireArrowFunctions
+'use strict';
+
+const cheerio = require('cheerio');
+const request = require('request');
+
+module.exports = createNavigator;
+
+// Create a navigate function
+function createNavigator(baseUrl, store) {
+	return function(opts, callback) {
+
+		store.body = null;
+		store.dom = null;
+		store.request = null;
+		store.response = null;
+		store.status = null;
+
+		request({
+			url: baseUrl + opts.endpoint,
+			method: opts.method || 'GET',
+			form: opts.form,
+			json: opts.json || false,
+			qs: opts.query,
+			followAllRedirects: true
+		}, function(error, response, body) {
+			if (error) {
+				return callback(error);
+			}
+
+			store.body = body;
+			store.request = response.request;
+			store.response = response;
+			store.status = response.statusCode;
+
+			if (opts.nonDom) {
+				store.dom = null;
+			} else {
+				store.dom = cheerio.load(store.body);
+			}
+			callback();
+
+		});
+
+	};
+}

test/integration/helper/webservice.js

@@ -0,0 +1,30 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable requireArrowFunctions
+'use strict';
+
+const createClient = require('pa11y-webservice-client-node');
+
+module.exports = createWebserviceClient;
+
+// Create a webservice client
+function createWebserviceClient(config) {
+	let webserviceUrl = config.webservice;
+	if (typeof webserviceUrl === 'object') {
+		webserviceUrl = `http://${webserviceUrl.host}:${webserviceUrl.port}/`;
+	}
+	return createClient(webserviceUrl);
+}

test/integration/route/index.js

@@ -0,0 +1,93 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe.only('GET /', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'GET',
+			endpoint: '/'
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should display an "Add new URL" button', function() {
+		const elem = this.last.dom('[data-test=add-task]');
+		assert.strictEqual(elem.length, 1);
+		assert.strictEqual(elem.eq(0).attr('href'), '/new');
+	});
+
+	it('should display all of the expected tasks', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.length, 3);
+		assert.match(tasks.eq(0).text(), /npg home\s+\(wcag2aa\)/i);
+		assert.match(tasks.eq(1).text(), /npg home\s+\(wcag2aaa\)/i);
+		assert.match(tasks.eq(2).text(), /nature news\s+\(section508\)/i);
+	});
+
+	it('should have links to each task', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001"]').length, 1);
+		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002"]').length, 1);
+		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003"]').length, 1);
+	});
+
+	it('should display an "Edit" button for each task', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/edit"]').length, 1);
+		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/edit"]').length, 1);
+		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/edit"]').length, 1);
+	});
+
+	it('should display a "Delete" button for each task', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/delete"]').length, 1);
+		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/delete"]').length, 1);
+		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/delete"]').length, 1);
+	});
+
+	it('should display a "Run" button for each task', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.strictEqual(tasks.eq(0).find('[href="/abc000000000000000000001/run"]').length, 1);
+		assert.strictEqual(tasks.eq(1).find('[href="/abc000000000000000000002/run"]').length, 1);
+		assert.strictEqual(tasks.eq(2).find('[href="/abc000000000000000000003/run"]').length, 1);
+	});
+
+	it('should display the task result counts if the task has been run', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.match(tasks.eq(0).text(), /1\s*errors/i);
+		assert.match(tasks.eq(0).text(), /2\s*warnings/i);
+		assert.match(tasks.eq(0).text(), /3\s*notices/i);
+	});
+
+	it('should display a message indicating that there are no results if the task has not been run', function() {
+		const tasks = this.last.dom('[data-test=task]');
+		assert.match(tasks.eq(2).text(), /no results/i);
+	});
+
+	it('should not display an alert message', function() {
+		assert.strictEqual(this.last.dom('[data-test=alert]').length, 0);
+	});
+
+});

test/integration/route/new.js

@@ -0,0 +1,188 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /new', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'GET',
+			endpoint: '/new'
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should not display an error message', function() {
+		assert.strictEqual(this.last.dom('[data-test=error]').length, 0);
+	});
+
+	it('should have an "Add new URL" form', function() {
+		const form = this.last.dom('[data-test=new-url-form]').eq(0);
+		assert.isDefined(form);
+		assert.strictEqual(form.attr('action'), '/new');
+		assert.strictEqual(form.attr('method'), 'post');
+	});
+
+	describe('"Add New URL" form', function() {
+
+		beforeEach(function() {
+			this.form = this.last.dom('[data-test=new-url-form]').eq(0);
+		});
+
+		it('should have a "name" field', function() {
+			const field = this.form.find('input[name=name]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "url" field', function() {
+			const field = this.form.find('input[name=url]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'url');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "wait" field', function() {
+			const field = this.form.find('input[name=wait]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have an "actions" field', function() {
+			const field = this.form.find('textarea[name=actions]').eq(0);
+			assert.isDefined(field);
+		});
+
+		it('should have a "username" field', function() {
+			const field = this.form.find('input[name=username]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "password" field', function() {
+			const field = this.form.find('input[name=password]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "standard" field', function() {
+			const field = this.form.find('select[name=standard]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.find('option').length, 4);
+		});
+
+		it('should have "ignore" fields', function() {
+			const fields = this.form.find('input[name="ignore[]"]');
+			assert.isDefined(fields);
+			assert.notStrictEqual(fields.length, 0);
+		});
+
+		it('should have a "hideElements" field', function() {
+			const field = this.form.find('input[name=hideElements]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "headers" field', function() {
+			const field = this.form.find('textarea[name=headers]').eq(0);
+			assert.isDefined(field);
+		});
+
+	});
+
+});
+
+describe('POST /new', function() {
+
+	describe('with invalid query', function() {
+
+		beforeEach(function(done) {
+			const request = {
+				method: 'POST',
+				endpoint: '/new',
+				form: {
+					name: '',
+					url: ''
+				}
+			};
+			this.navigate(request, done);
+		});
+
+		it('should send a 200 status', function() {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should display an error message', function() {
+			assert.strictEqual(this.last.dom('[data-test=error]').length, 1);
+		});
+
+	});
+
+	describe('with valid query', function() {
+
+		beforeEach(function(done) {
+			const request = {
+				method: 'POST',
+				endpoint: '/new',
+				form: {
+					name: 'Example',
+					url: 'http://example.com/',
+					standard: 'WCAG2AA'
+				}
+			};
+			this.navigate(request, done);
+		});
+
+		it('should send a 200 status', function() {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should create the task', function(done) {
+			this.webservice.tasks.get({}, function(error, tasks) {
+				assert.strictEqual(tasks.length, 4);
+				done(error);
+			});
+		});
+
+		it('should redirect me to the new URL page', function() {
+			assert.match(this.last.request.uri.pathname, /^\/[a-z0-9]{24}$/i);
+		});
+
+		it('should not display an error message', function() {
+			assert.strictEqual(this.last.dom('[data-test=error]').length, 0);
+		});
+
+		it('should display a success message', function() {
+			const alert = this.last.dom('[data-test=alert]').eq(0);
+			assert.isDefined(alert);
+			assert.match(alert.textContent, /url has been added/i);
+		});
+
+	});
+
+});

test/integration/route/result/download.js

@@ -0,0 +1,68 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/<result-id>.csv', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/def000000000000000000001.csv',
+			nonDom: true
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should output CSV results', function() {
+		assert.match(this.last.body, /^"code","message","type"/);
+	});
+
+});
+
+describe('GET /<task-id>/<result-id>.json', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/def000000000000000000001.json',
+			nonDom: true,
+			json: true
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should output JSON results', function() {
+		const json = this.last.body;
+		assert.strictEqual(json.task.name, 'NPG Home');
+		assert.strictEqual(json.task.url, 'nature.com');
+		assert.strictEqual(json.count.error, 1);
+		assert.strictEqual(json.count.warning, 2);
+		assert.strictEqual(json.count.notice, 3);
+		assert.isArray(json.results);
+	});
+
+});

test/integration/route/result/index.js

@@ -0,0 +1,69 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/<result-id>', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/def000000000000000000001'
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should display a "Download CSV" button', function() {
+		const elem = this.last.dom('[data-test=download-csv]');
+		assert.strictEqual(elem.length, 1);
+		assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000001/def000000000000000000001.csv');
+	});
+
+	it('should display a "Download JSON" button', function() {
+		const elem = this.last.dom('[data-test=download-json]');
+		assert.strictEqual(elem.length, 1);
+		assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000001/def000000000000000000001.json');
+	});
+
+	it('should display a link back to the task', function() {
+		assert.isDefined(this.last.dom('[href="/abc000000000000000000001"]').eq(0));
+	});
+
+	it('should display errors', function() {
+		const elem = this.last.dom('[data-test=task-errors]').eq(0);
+		assert.isDefined(elem);
+		assert.match(elem.text(), /errors \( 1 \)/i);
+	});
+
+	it('should display warnings', function() {
+		const elem = this.last.dom('[data-test=task-warnings]').eq(0);
+		assert.isDefined(elem);
+		assert.match(elem.text(), /warnings \( 2 \)/i);
+	});
+
+	it('should display notices', function() {
+		const elem = this.last.dom('[data-test=task-notices]').eq(0);
+		assert.isDefined(elem);
+		assert.match(elem.text(), /notices \( 3 \)/i);
+	});
+
+});

test/integration/route/task/delete.js

@@ -0,0 +1,79 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/delete', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/delete'
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should have a "Delete URL" form', function() {
+		const form = this.last.dom('[data-test=delete-url-form]').eq(0);
+		assert.isDefined(form);
+		assert.strictEqual(form.attr('action'), '/abc000000000000000000001/delete');
+		assert.strictEqual(form.attr('method'), 'post');
+	});
+
+	it('should display a link back to the task page', function() {
+		assert.greaterThan(this.last.dom('[href="/abc000000000000000000001"]').length, 0);
+	});
+
+});
+
+describe('POST /<task-id>/delete', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'POST',
+			endpoint: '/abc000000000000000000001/delete'
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should delete the task', function(done) {
+		this.webservice.task('abc000000000000000000001').get({}, function(error) {
+			assert.strictEqual(error.message, 'Error 404');
+			done();
+		});
+	});
+
+	it('should redirect me to the home page', function() {
+		assert.strictEqual(this.last.request.uri.pathname, '/');
+	});
+
+	it('should display a success message', function() {
+		const alert = this.last.dom('[data-test=alert]').eq(0);
+		assert.isDefined(alert);
+		assert.match(alert.text(), /been deleted/i);
+	});
+
+});

test/integration/route/task/edit.js

@@ -0,0 +1,157 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>/edit', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'GET',
+			endpoint: '/abc000000000000000000001/edit'
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should have an "Edit URL" form', function() {
+		const form = this.last.dom('[data-test=edit-url-form]').eq(0);
+		assert.isDefined(form);
+		assert.strictEqual(form.attr('action'), '/abc000000000000000000001/edit');
+		assert.strictEqual(form.attr('method'), 'post');
+	});
+
+	it('should display a link back to the task page', function() {
+		assert.greaterThan(this.last.dom('[href="/abc000000000000000000001"]').length, 0);
+	});
+
+	describe('"Edit URL" form', function() {
+
+		beforeEach(function() {
+			this.form = this.last.dom('[data-test=edit-url-form]').eq(0);
+		});
+
+		it('should have a "name" field', function() {
+			const field = this.form.find('input[name=name]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), 'NPG Home');
+		});
+
+		it('should have a disabled "url" field', function() {
+			const field = this.form.find('input[name=url]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'url');
+			assert.strictEqual(field.attr('value'), 'nature.com');
+			assert.isDefined(field.attr('disabled'));
+		});
+
+		it('should have a "wait" field', function() {
+			const field = this.form.find('input[name=wait]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '0');
+		});
+
+		it('should have an "actions" field', function() {
+			const field = this.form.find('textarea[name=actions]').eq(0);
+			assert.isDefined(field);
+		});
+
+		it('should have a disabled "standard" field', function() {
+			const field = this.form.find('select[name=standard]').eq(0);
+			assert.isDefined(field);
+			assert.isDefined(field.attr('disabled'));
+		});
+
+		it('should have a "username" field', function() {
+			const field = this.form.find('input[name=username]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), 'user');
+		});
+
+		it('should have a "password" field', function() {
+			const field = this.form.find('input[name=password]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), 'access');
+		});
+
+		it('should have a "hideElements" field', function() {
+			const field = this.form.find('input[name=hideElements]').eq(0);
+			assert.isDefined(field);
+			assert.strictEqual(field.attr('type'), 'text');
+			assert.strictEqual(field.attr('value'), '');
+		});
+
+		it('should have a "headers" field', function() {
+			const field = this.form.find('textarea[name=headers]').eq(0);
+			assert.isDefined(field);
+		});
+
+		it('should have "ignore" fields', function() {
+			const fields = this.form.find('input[name="ignore[]"]');
+			assert.isDefined(fields);
+			assert.notStrictEqual(fields.length, 0);
+		});
+
+	});
+
+});
+
+describe('POST /<task-id>/edit', function() {
+
+	beforeEach(function(done) {
+		const request = {
+			method: 'POST',
+			endpoint: '/abc000000000000000000001/edit',
+			form: {
+				name: 'foo',
+				username: 'newuser',
+				password: 'secure',
+				ignore: ['bar', 'baz']
+			}
+		};
+		this.navigate(request, done);
+	});
+
+	it('should send a 200 status', function() {
+		assert.strictEqual(this.last.status, 200);
+	});
+
+	it('should edit the task', function(done) {
+		this.webservice.task('abc000000000000000000001').get({}, function(error, task) {
+			assert.strictEqual(task.name, 'foo');
+			assert.strictEqual(task.username, 'newuser');
+			assert.strictEqual(task.password, 'secure');
+			assert.deepEqual(task.ignore, ['bar', 'baz']);
+			done(error);
+		});
+	});
+
+	it('should display a success message', function() {
+		const alert = this.last.dom('[data-test=alert]').eq(0);
+		assert.isDefined(alert);
+		assert.match(alert.text(), /been saved/i);
+	});
+
+});

test/integration/route/task/index.js

@@ -0,0 +1,110 @@
+// This file is part of Pa11y Dashboard.
+//
+// Pa11y Dashboard is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Pa11y Dashboard is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Pa11y Dashboard.  If not, see <http://www.gnu.org/licenses/>.
+
+// jscs:disable maximumLineLength, requireArrowFunctions
+'use strict';
+
+const assert = require('proclaim');
+
+describe('GET /<task-id>', function() {
+
+	describe('when task has results', function() {
+
+		beforeEach(function(done) {
+			const request = {
+				method: 'GET',
+				endpoint: '/abc000000000000000000001'
+			};
+			this.navigate(request, done);
+		});
+
+		it('should send a 200 status', function() {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should display an "Edit" button', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/edit"]').length, 1);
+		});
+
+		it('should display a "Delete" button', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/delete"]').length, 1);
+		});
+
+		it('should display a "Run" button', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/run"]').length, 1);
+		});
+
+		it('should display a "Download CSV" button for the latest result', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001.csv"]').length, 1);
+		});
+
+		it('should display a "Download JSON" button for the latest result', function() {
+			assert.strictEqual(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001.json"]').length, 1);
+		});
+
+		it('should display links to all results', function() {
+			assert.isDefined(this.last.dom('[href="/abc000000000000000000001/def000000000000000000001"]').eq(0));
+			assert.isDefined(this.last.dom('[href="/abc000000000000000000001/def000000000000000000003"]').eq(0));
+		});
+
+		it('should display errors', function() {
+			const elem = this.last.dom('[data-test=task-errors]').eq(0);
+			assert.isDefined(elem);
+			assert.match(elem.text(), /errors \( 1 \)/i);
+		});
+
+		it('should display warnings', function() {
+			const elem = this.last.dom('[data-test=task-warnings]').eq(0);
+			assert.isDefined(elem);
+			assert.match(elem.text(), /warnings \( 2 \)/i);
+		});
+
+		it('should display notices', function() {
+			const elem = this.last.dom('[data-test=task-notices]').eq(0);
+			assert.isDefined(elem);
+			assert.match(elem.text(), /notices \( 3 \)/i);
+		});
+
+	});
+
+	describe('when task has no results', function() {
+
+		beforeEach(function(done) {
+			const request = {
+				method: 'GET',
+				endpoint: '/abc000000000000000000003'
+			};
+			this.navigate(request, done);
+		});
+
+		it('should send a 200 status', function() {
+			assert.strictEqual(this.last.status, 200);
+		});
+
+		it('should display a "Run" button', function() {
+			const elem = this.last.dom('[data-test=run-task]');
+			assert.strictEqual(elem.length, 1);
+			assert.strictEqual(elem.eq(0).attr('href'), '/abc000000000000000000003/run');
+		});
+
+		it('should display a message indicating that there are no results', function() {
+			const alert = this.last.dom('[data-test=alert]').eq(0);
+			assert.isDefined(alert);
+			assert.match(alert.text(), /there are no results to show/i);
+		});
+
+	});
+
+});