Display active JSHint version on front page

Author: jugglinmike

pages/index.html

@@ -94,6 +94,9 @@ <h4>Metrics</h4>
 
     <div class="sidebar">
       <h1><img src="/res/jshint-dark.png" alt="JSHint"></h1>
+      <span class="version">
+        <a href="{{ urls.latestRelease }}">version {{ version }}</a>
+      </span>
 
       <ul class="links">
         <li><a href="/about">About</a></li>

plugins/variables.js

@@ -7,7 +7,7 @@ var path = require("path");
 var fs = require("fs");
 
 var pkg = require(path.join(
-  __dirname, "..", "node_modules", "jshint", "package.json")
+  __dirname, "..", "res", "jshint", "package.json")
 );
 var contributing = fs.readFileSync(
   "res/jshint/CONTRIBUTING.md", { encoding: "utf-8" }
@@ -18,7 +18,8 @@ var context = {
   urls: {
     repo: "https://github.com/jshint/jshint",
     newIssue: "https://github.com/jshint/jshint/issues/new",
-    newPullRequest: "https://github.com/jshint/jshint/compare"
+    newPullRequest: "https://github.com/jshint/jshint/compare",
+    latestRelease: "https://github.com/jshint/jshint/releases/tag/" + pkg.version
   }
 };
 

res/styles.css

@@ -44,7 +44,7 @@ button:hover {
 }
 
 .sidebar ul {
-  margin: 20px 0 0 0;
+  margin: 15px 0 0 0;
   padding: 0;
   font-size: 90%;
   font-family: Sans-Serif;
@@ -55,6 +55,12 @@ button:hover {
   list-style-type: none;
 }
 
+.sidebar .version {
+  display: block;
+  text-align: right;
+}
+
+.sidebar .version a,
 .sidebar li a {
   color: #aaa;
 }