Modify /about page a bit

* Add hardcoded bookmarks
* Add Mission header with tba
* Add Getting Started header
* Show node version for admins only

Author: Martii

controllers/document.js

@@ -1,5 +1,7 @@
 'use strict';
 
+var pkg = require('../package.json');
+
 var fs = require('fs');
 var async = require('async');
 var renderMd = require('../libs/markdown').renderMd;
@@ -97,10 +99,24 @@ exports.view = function (aReq, aRes, aNext) {
     });
   }
   else {
+    var then = null;
+
     // Page metadata
     pageMetadata(options, ['About', 'About']);
 
     options.isAbout = true;
+
+    options.process = {};
+    if (options.isAdmin) {
+      options.process.version = process.version;
+    }
+
+    then = new Date(Date.now() - parseInt(process.uptime() * 1000, 10));
+    options.lastRestart = then.toLocaleString();
+
+    options.pkg = {};
+    options.pkg.name = pkg.name;
+    options.pkg.version = pkg.version;
   }
 
   //---

views/pages/documentPage.html

@@ -16,8 +16,11 @@ <h2 class="page-heading">
         </h2>
         <div class="panel panel-default">
           <div class="panel-body">
-            <h3>Welcome</h3>
-            <p>Welcome to OpenUserJS.org <em>(OUJS)</em>!</p>
+            <h3><a name="welcome"></a>Welcome<a class="anchor" href="#welcome"><em class="fa fa-link"></em></a></h3>
+            <p>Welcome to {{#pkg.name}}{{pkg.name}} <em>(OUJS)</em>{{#pkg.version}} v{{pkg.version}}{{/pkg.version}}{{/pkg.name}}{{#process.version}} using Node {{process.version}}{{/process.version}}{{#lastRestart}} last restarted on {{lastRestart}}{{/lastRestart}}.</p>
+            <h3><a name="mission"></a>Mission<a class="anchor" href="#mission"><em class="fa fa-link"></em></a></h3>
+            <em>(To be announced)</em>
+            <h3><a name="getting-started"></a>Getting Started<a class="anchor" href="#getting-started"><em class="fa fa-link"></em></a></h3>
             <p>For getting started with Userscripts please check out the <a href="/about/Userscript-Beginners-HOWTO">Userscript Beginners HOWTO</a>.</p>
           </div>
         </div>