From 41947024423173c79fe14c40298883915aac2115 Mon Sep 17 00:00:00 2001
From: Jose Diaz-Gonzalez <josegonzalez@users.noreply.github.com>
Date: Sat, 22 Apr 2017 15:42:06 -0600
Subject: [PATCH] Update 404-error.html

Base it more closely on the rails application error page
---
 plugins/nginx-vhosts/templates/404-error.html | 40 +++++++++++++++----
 1 file changed, 32 insertions(+), 8 deletions(-)

diff --git a/plugins/nginx-vhosts/templates/404-error.html b/plugins/nginx-vhosts/templates/404-error.html
index 65b300366..b2e65ccda 100644
--- a/plugins/nginx-vhosts/templates/404-error.html
+++ b/plugins/nginx-vhosts/templates/404-error.html
@@ -1,9 +1,33 @@
+<!DOCTYPE html>
 <html>
-  <body style="padding:0; margin: 0;">
-    <div style="width:100%; height: 100%; text-align:center; font-family: arial; font-weight: bold; color: #ffffff; background: rgba(33, 129, 243, 0.66);">
-      <div style="position:absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%);">
-        <h1>THERE HAS BEEN A 404 ERROR.</h1>
-      </div>
-    </div>
-  </body>
-</html>';
+<head>
+  <title>The page you were looking for doesn't exist (404)</title>
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <style>
+  body {
+    background-color: #6CABF7;
+    color: #fff;
+    text-align: center;
+    font-family: arial, sans-serif;
+    margin: 0;
+  }
+  div {
+    position:absolute;
+    top: 50%;
+    left: 50%;
+    transform: translateX(-50%) translateY(-50%);
+  }
+  p {
+    color: #eee;
+  }
+  </style>
+</head>
+
+<body>
+  <div>
+    <h2>The page you were looking for doesn't exist.</h2>
+    <p>You may have mistyped the address or the page may have moved.</p>
+    <p>If you are the application owner check the logs for more information.</p>
+  </div>
+</body>
+</html>