update styling and presentation of error messages

Author: geoffp

lib/engine_underscore.js

@@ -22,6 +22,24 @@
 
 var _ = require('underscore');
 var partialRegistry = {};
+var errorStyling = `
+<style>
+  body {
+    background: linear-gradient(to bottom, #f1f1f1 0%,#ffffff 60%);
+    color: #444;
+    padding: 30px;
+  }
+  h1 {
+    font-size: 16pt;
+    color: #733;
+    background: #fcfcfc;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
+    padding: 17px 30px;
+    margin: -30px -30px 0 -30px;
+  }
+  dt { font-weight: bold; }
+</style>
+`;
 
 // extend underscore with partial-ing methods and other necessary tooling
 // HANDLESCORE! UNDERBARS!
@@ -100,9 +118,16 @@ var engine_underscore = {
         _partials: partials
       }));
     } catch (e) {
-      var errorMessage = `Error in underscore template ${pattern.patternName} (${pattern.relPath}): [${e.toString()}]`;
+      var errorMessage = `Error rendering underscore pattern "${pattern.patternName}" (${pattern.relPath}): [${e.toString()}]`;
       console.log(errorMessage);
-      renderedHTML = `<h1>Error in underscore template ${pattern.patternName} (${pattern.relPath})</h1><p>${e.toString()}</p>`;
+      renderedHTML = `${errorStyling}
+<h1>Error rendering underscore pattern "${pattern.patternName}"</h1>
+<dl>
+<dt>Message</dt><dd>${e.toString()}</dd>
+<dt>Partial name</dt><dd>${pattern.patternName}</dd>
+<dt>Template path</dt><dd>${pattern.relPath}</dd>
+</dl>
+`;
     }
 
     return renderedHTML;