Add status error message; #11

tedconf · Nov 28, 2017 · e75cfd8 · e75cfd8
1 parent d6c3afc
commit e75cfd8
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git 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
@@ -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>