2 files changed, 76 insertions, 0 deletions
diff --git a/html/app/views/error/404.php b/html/app/views/error/404.php
new file mode 100644
index 0000000..a7ea624
--- /dev/null
+++ b/html/app/views/error/404.php
@@ -0,0 +1,38 @@
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>404: Not Found</title>
+    <style>
+    html,body{ padding:0; margin:0;
+      font-size:1.25em; color: #037 /*#a05*/; font-family: 'Roboto Slab', Consolas, Monaco, "Ubuntu Mono", fixed;
+      line-height:1.2em; background: ##f3f4f5;
+    }
+    h3 { font-size: 5.2em; font-style: normal; color: #05a /*#a05*/;
+      margin: 0; padding: 0;
+      opacity: 0.27;
+    }
+    .container { display: flex; height: 100vh; align-items:center; }
+    .content { position: relative;
+        max-width:520px; width: 100%; margin: auto auto; padding: 1.5em;
+        /* text-align: center; justify-center: center; */
+        font-size: .75em; opacity: .33; font-style: italic;
+    }
+    @media screen and ( max-width: 720px) {
+      html, body { font-size: 1.24em; }
+      h3 { font-size: 4em; }
+    }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='content'>
+          <h3>4O4</h3>
+          NOT FOUND<br />
+          —
+          <br />
+          <span><?= $message ?? "and I still haven't found what I'm looking for." ?></span>
+      </div>
+    </div>
+  </body>
+</html>
diff --git a/html/app/views/error/general.php b/html/app/views/error/general.php
new file mode 100644
index 0000000..1c3c6ae
--- /dev/null
+++ b/html/app/views/error/general.php
@@ -0,0 +1,38 @@
+<html>
+  <head>
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+    <title>404: Not Found</title>
+    <style>
+    html,body{ padding:0; margin:0;
+      font-size:1.25em; color: #037 /*#a05*/; font-family: 'Roboto Slab', Consolas, Monaco, "Ubuntu Mono", fixed;
+      line-height:1.2em; background: ##f3f4f5;
+    }
+    h3 { font-size: 5.2em; font-style: normal; color: #05a /*#a05*/;
+      margin: 0; padding: 0;
+      opacity: 0.27;
+    }
+    .container { display: flex; height: 100vh; align-items:center; }
+    .content { position: relative;
+        max-width:720px; width: 100%; margin: auto auto; padding: 1.5em;
+        /* text-align: center; justify-center: center; */
+        font-size: .75em; opacity: .33; font-style: italic;
+    }
+    @media screen and ( max-width: 720px) {
+      html, body { font-size: 1.24em; }
+      h3 { font-size: 4em; }
+    }
+    </style>
+  </head>
+  <body>
+    <div class='container'>
+      <div class='content'>
+          <h3>Error</h3>
+          Oops!<br />
+          —
+          <br />
+          <span><?= $message ?? "" ?></span>
+      </div>
+    </div>
+  </body>
+</html>