added navbar to 404 and 500 pages so that users can far more easily navigate...

added navbar to 404 and 500 pages so that users can far more easily navigate back to where they're trying to go

added navbar to 404 and 500 pages so that users can far more easily navigate...
added navbar to 404 and 500 pages so that users can far more easily navigate back to where they're trying to go
d37b2eeb · Daniel W Bond · 43ecbe3d · d37b2eeb · d37b2eeb
Commit d37b2eeb authored Oct 26, 2016 by Daniel W Bond
--- a/roomlist/templates/404.html
+++ b/roomlist/templates/404.html
 <!DOCTYPE html>
 <html>
+<head>
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>404 - Page Not Found</title>
+  <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
+  <link href="/static/css/style.css" rel="stylesheet" media="screen">
+  <link href="/static/css/font-awesome.min.css" rel="stylesheet">
  <style>
    body {
      text-align: center;
@@ -30,10 +36,15 @@
  </style>
 </head>
 <body>
+<div id="wrap" style="display: flex;">
+{% include 'layouts/navbar.html' %}
  <div class="container">
-    <h1>404 Error - Page Not Found</h1>
+    <h1><strong>404 Error</strong> - Page Not Found</h1>
    <img id="squirrels" src="/static/img/squirrels.png">
  </div>
  <a href="{% url 'homepage' %}"><img id="acorn" src="/static/img/acorn.png"></a>
+</div>
+<script type="text/javascript" src="/static/js/jquery-2.1.1.min.js"></script>
+<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
 </body>
 </html>
--- a/roomlist/templates/500.html
+++ b/roomlist/templates/500.html
 <!DOCTYPE html>
-<html>
+<html lang="en">
+<head>
+  <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <link rel="icon" href="/static/img/favicon.ico">
  <title>500 - Internal Server Error</title>
+  <meta name="theme-color" content="#006633">
+  <link href="/static/css/bootstrap.min.css" rel="stylesheet" media="screen">
+  <link href="/static/css/style.css" rel="stylesheet" media="screen">
+  <link href="/static/css/font-awesome.min.css" rel="stylesheet">
  <style>
    body {
      text-align: center;
@@ -30,10 +39,15 @@
  </style>
 </head>
 <body>
+<div id="wrap" style="display: flex;">
+{% include 'layouts/navbar.html' %}
  <div class="container">
-    <h1>500 Error - Internal Server Error</h1>
+    <h1><strong>500 - Internal Server Error</strong> - Page Not Found</h1>
    <img id="squirrels" src="/static/img/squirrels.png">
  </div>
  <a href="{% url 'homepage' %}"><img id="acorn" src="/static/img/acorn.png"></a>
+</div>
+<script type="text/javascript" src="/static/js/jquery-2.1.1.min.js"></script>
+<script type="text/javascript" src="/static/js/bootstrap.min.js"></script>
 </body>
 </html>