Adding a 404 page

config.js

@@ -8,7 +8,8 @@ module.exports = {
   titles: {
     '_': 'Regexper',
     'changelog.html': 'Regexper - Changelog',
-    'documentation.html': 'Regexper - Documentation'
+    'documentation.html': 'Regexper - Documentation',
+    '404.html': 'Regexper - Page Not Found'
   },
   buildRoot: buildRoot,
   buildPath: buildPath,

src/404.html

@@ -0,0 +1,10 @@
+<div class="error copy">
+  <h1>404: Not Found</h1>
+
+  <blockquote>
+    Some people, when confronted with a problem, think<br/>
+    &ldquo;I know, I'll use regular expressions.&rdquo; Now they have two problems.
+  </blockquote>
+
+  <p>Apparently, you have three problems&hellip;because the page you requested cannot be found.</p>
+</div>

src/sass/main.scss

@@ -166,6 +166,47 @@ header {
     }
   }
 
+  .error {
+    overflow: hidden;
+
+    h1 {
+      @include adjust-font-size-to($base-font-size * 2);
+      font-weight: bold;
+      float: left;
+    }
+
+    blockquote {
+      background-color: $green;
+      position: relative;
+      padding: rhythm(1);
+      display: inline-block;
+      font-style: italic;
+      float: right;
+
+      &::before {
+        @include adjust-font-size-to($base-font-size * 4);
+        content: '\201c';
+        position: absolute;
+        left: 0;
+        top: 0;
+        font-style: normal;
+      }
+
+      &::after {
+        @include adjust-font-size-to($base-font-size * 4);
+        content: '\201d';
+        position: absolute;
+        right: 0;
+        bottom: -0.5em;
+        font-style: normal;
+      }
+    }
+
+    p {
+      clear: left;
+    }
+  }
+
   .documentation {
     h1 {
       @include adjust-font-size-to($base-font-size * 2);