Logout page

app/templates/auth/logout.jinja2

@@ -1,8 +1,43 @@
-
 {% extends 'base.jinja2' %}
 
-{% set navbar_shadow = True %}
 {% block title %}Logout{% endblock %}
+{% block header %}{% endblock %}
 
-{% block content %}
+{% block css %}
+  {{ super() }}
+  {# override the body and html css to force center #}
+  <style>
+    html, body {
+      height: 100%;
+      background-color: #777777;
+    }
+  </style>
+{% endblock %}
+
+{% block content_before %}
+  <div class="container-fluid h-100">
+    <div class="row h-100 justify-content-center align-items-center">
+      <div class="mx-auto" style="max-width: 30em;">
+
+        {# Splash card #}
+        <div class="card shadow rounded border-0 h-100">
+          <div class="card-header bg-primary pt-4 text-center text-white mb-4">
+            <img class="img-fluid mb-3" src="http://lib.msstate.edu/_assets/img/2015-header-logo-msstate.png"
+                 alt=""/>
+            <h5>Electronic Thesis and Dissertation System</h5>
+          </div>
+
+          <div class="card-body d-flex flex-column text-center mb-2">
+            <h3>
+              You are now logged out
+            </h3>
+            <p class="mb-5">
+              Please close your browser.
+            </p>
+          </div>
+        </div>
+
+      </div>
+    </div>
+  </div>
 {% endblock %}