Issue 44 - Added more info to the footer

app.js

@@ -6,6 +6,7 @@ var express = require('express');
 var hbs = require('express-hbs');
 var http = require('http');
 var lessMiddleware = require('less-middleware');
+var pkg = require('./package.json');
 
 module.exports = initApp;
 
@@ -52,7 +53,11 @@ function initApp (config, callback) {
 	// Populate view locals
 	app.express.locals({
 		lang: 'en',
-		year: (new Date()).getFullYear()
+		year: (new Date()).getFullYear(),
+		version : pkg.version,
+		repo : pkg.homepage,
+		bugtracker : pkg.bugs,
+		rules : pkg.snifferules
 	});
 	app.express.use(function (req, res, next) {
 		res.locals.host = req.host;

package.json

@@ -16,6 +16,7 @@
 	},
 	"homepage": "https://github.com/nature/pa11y-dashboard",
 	"bugs": "https://github.com/nature/pa11y-dashboard/issues",
+	"snifferules": "https://github.com/nature/pa11y/wiki/HTML-CodeSniffer-Rules",
 
 	"engines": {
 		"node": ">=0.10"

public/less/site-responsive.less

@@ -51,6 +51,17 @@
 	.graph-spacer {
 		padding-bottom:80px;
 	}
+	.footer {
+		text-align:center;
+
+		.nav {
+			float:none;
+
+			li {
+				width:33%;
+			}
+		}
+	}
 }
 @media (max-width:767px) {
 	.date-selector {
@@ -137,4 +148,11 @@
 			}
 		}
 	}
+	.footer {
+		.nav {
+			a {
+				padding:10px 5px;
+			}
+		}
+	}
 }

public/less/site.less

@@ -34,6 +34,18 @@
 	padding:40px 0 20px 0;
 	margin-top:40px;
 }
+.nav {
+	list-style-type:none;
+	padding:0;
+}
+.footer .nav {
+	float:right;
+
+	a {
+		transition: background 0.3s;
+		-webkit-transition: background 0.3s;
+	}
+}
 .supersize-me {
 	text-align:center;
 	font-size:112px;
@@ -153,6 +165,8 @@
 		color:@gray-dark;
 		min-height:200px;
 		display:block;
+		transition: background 0.5s;
+		-webkit-transition: background 0.5s;
 	}
 	.delete-button {
 		display:none;

view/partial/page-footer.html

@@ -1,15 +1,22 @@
 <footer>
 	<div class="footer" role="contentinfo">
 		<div class="container">
-			<ul class="pull-right crunch-bottom">
-				<li>
-					<a href="https://github.com/nature/pa11y">github repo</a>
-				</li>
-				<li>
-					<a href="https://github.com/nature/pa11y/wiki/HTML-CodeSniffer-Rules">list of rules</a>
-				</li>
-			</ul>
-			<p>Copyright {{year}} Nature Publishing Group.<br/>pa11y is licensed under the GNU General Public License 3.0.</p>
+			<div class="col-md-7">
+				<p>&copy; {{year}} Nature Publishing Group.<br/>pa11y dashboard is licensed under the GNU General Public License 3.0.<br/>Version {{version}}</p>
+			</div>
+			<div class="col-md-5 clearfix">
+				<ul class="crunch-bottom floated-list nav">
+					<li>
+						<a href="{{repo}}">github repo</a>
+					</li>
+					<li>
+						<a href="{{bugtracker}}">bug tracker</a>
+					</li>
+					<li>
+						<a href="{{rules}}">list of rules</a>
+					</li>
+				</ul>
+			</div>
 		</div>
 	</div>
 </footer>