Add html error pages

assets/css/pages/error.less

@@ -1,4 +1,9 @@
 main.error {
+  text-align: center;
+
+  .alert {
+    margin: 1rem auto;
+  }
 
   a {
     &:extend(.link);

assets/html/error.html

@@ -10,7 +10,7 @@
     <main class="error">
     <div class="container">
       <h1><%= error.status || 500 %> - Error</h1>
-      <p><%= error.message || error.body.message %></p>
+      <p class="alert warning" role="alert"><%= error.message || error.body.message %></p>
       <p>Lost? <a href="/support">Contact Support</a></p>
     </div>
     </main>

index.js

@@ -179,7 +179,7 @@ module.exports = function (config) {
   // =
 
   app.use((err, req, res, next) => {
-    var contentType = req.accepts('json')
+    var contentType = req.accepts(['json', 'html'])
     if (!contentType) {
       return next()
     }
@@ -204,7 +204,11 @@ module.exports = function (config) {
     // common errors
     if ('status' in err) {
       res.status(err.status)
-      res.json(err.body)
+      if (contentType === 'json') {
+        res.json(err.body)
+      } else {
+        res.render('error', { error: err })
+      }
       return
     }
 
@@ -215,7 +219,11 @@ module.exports = function (config) {
       message: 'Internal server error',
       internalError: true
     }
-    res.json(error)
+    if (contentType === 'json') {
+      res.json(error)
+    } else {
+      res.render('error', { error })
+    }
   })
 
   // error handling