new 403 page that's nicer on bandwidth

layouts/404.html

@@ -3,6 +3,7 @@
   <head>
     <meta charset="utf-8">
     {{ hugo.Generator }}
+    <meta name="robots" content="noindex">
     <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>Page Not Found &ndash; {{ .Site.Title }}</title>
     <style>
@@ -21,20 +22,20 @@
         border-radius: 4px;
         box-shadow: 0 1px 3px #e0e0e0, 0 1px 2px #888888;
       }
-      div#message h1 {
+      h1 {
         margin: 16px 0;
         font-size: 24px;
         font-weight: 300;
       }
-      div#message p {
+      p {
         margin: 16px 0;
         font-size: 15px;
         line-height: 140%;
       }
-      div#message a {
+      a {
         color: #0e6dc2;
       }
-      div#message a:hover {
+      a:hover {
         text-decoration: underline;
       }
       @media (max-width: 600px) {
@@ -46,7 +47,7 @@
       }
     </style>
   </head>
-  <body id="error">
+  <body>
     <div id="message">
       <h1>Welp, this is awkward... &#x1F633;</h1>
       <p>The file you asked for wasn't found in this neck of the woods. Please check the URL for mistakes and try again, or take your ball and <a href="{{ .Site.BaseURL }}">go home</a>.</p>

layouts/robots.txt

@@ -1,5 +1,8 @@
 User-Agent: *
 {{- if eq hugo.Environment "production" }}
+Disallow: /403.html
+Disallow: /404.html
+
 Disallow: /y2k/
 Disallow: /scrabble/
 Disallow: /comp20/