improve look and feel of factory docs

data/web/factories/factory.hbs

@@ -0,0 +1,13 @@
+{{#each classes}}
+  <div class="documentation-item">
+    <div class="row">
+      <div class="col-lg-12">
+        <p>
+          <a href="#{{urlify this}}" name="{{urlify this}}">
+            <span class="documentation-key">{{this}}</span>
+          </a>
+        </p>
+      </div>
+    </div>
+  </div>
+{{/each}}

data/web/factories/main.hbs

@@ -0,0 +1,35 @@
+<div id="wrapper">
+  <div id="sidebar-wrapper">
+    <ul class="sidebar-nav">
+      <li class="sidebar-brand">
+        <a href="#">
+          OpenSpace Factories
+        </a>
+      </li>
+      {{#each factories}}
+        <li>
+          <a href="#{{name}}">{{name}}</a>
+        </li>
+      {{/each}}
+    </ul>
+  </div>
+
+  <div id="page-content-wrapper">
+    <div class="container-fluid documentation-container">
+      <h1>OpenSpace Factories</h1>
+      <p>Version: {{version.[0]}}.{{version.[1]}}.{{version.[2]}}</p>
+      {{#each factories}}
+        <div class="row">
+          <div class="col-lg-12">
+            <h2>
+              <a class="documentation-name" href="#{{name}}" name="{{name}}">
+                {{name}}
+              </a>
+            </h2>
+            {{> factory}}
+          </div>
+        </div>
+      {{/each}}
+    </div>
+  </div>
+</div>

data/web/factories/script.js

@@ -0,0 +1,28 @@
+window.onload = function () {
+  var mainTemplateElement = document.getElementById('mainTemplate');
+  var mainTemplate = Handlebars.compile(mainTemplateElement.innerHTML);
+
+  var factoryTemplateElement = document.getElementById('factoryTemplate');
+  Handlebars.registerPartial('factory', factoryTemplateElement.innerHTML);
+
+  Handlebars.registerHelper('urlify', function(options, context) {  
+    var data = context.data;
+    var identifier = options.replace(" ", "-").toLowerCase();
+
+    while (data = data._parent) {
+      if (data.key !== undefined) {
+        identifier = data.key + "-" + identifier;
+      }
+    }
+
+    return identifier;
+  });
+
+  var data = {
+    factories: factories,
+    version: version
+  }
+
+  var contents = mainTemplate(data);
+  document.body.innerHTML = contents;
+}