From e75cfd86ad15f899888850111b61bb434a7f2005 Mon Sep 17 00:00:00 2001
From: Joe Bartlett <joe@redopop.com>
Date: Mon, 27 Nov 2017 22:49:36 -0600
Subject: [PATCH] Add status error message; #11

---
 src/styles/global.css    | 18 ++++++++++++++++++
 src/templates/status.hbs |  6 ++++++
 2 files changed, 24 insertions(+)

diff --git a/src/styles/global.css b/src/styles/global.css
index cf00d51..66cc206 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -92,6 +92,24 @@ li {
   vertical-align: middle;
 }
 
+.Error {
+  background: #FAFAFA;
+  border: 1px solid #EEE;
+  font-size: 90%;
+  padding: 0.8rem;
+  position: relative;
+  left: -1px;
+  margin: 0.8rem -0.8rem;
+}
+.Error,
+.Error a {
+  color: #777;
+  text-decoration: none;
+}
+.Error a:after {
+  display: none;
+}
+
 .Notice {
   margin: 0 auto;
   padding: 0 2rem 1rem;
diff --git a/src/templates/status.hbs b/src/templates/status.hbs
index 4bc48c8..e925048 100644
--- a/src/templates/status.hbs
+++ b/src/templates/status.hbs
@@ -24,6 +24,12 @@
         </form>
       {{/if}}
 
+      <div class="Error">
+        <a href="https://en.wikipedia.org/wiki/List_of_HTTP_status_codes#{{code}}">HTTP Error {{code}}</a>{{#if error}}:
+          {{{error}}}
+        {{/if}}
+      </div>
+
       <h2>What's next?</h2>
       <ul>
         <script>if (window.history && window.history.length > 1 && document.referrer && document.referrer.match(/^https?:\/\//)) document.write('<li><a href="#" onclick="history.back();return false" role="button">Go to the previous page</a></li>')</script>