Tweaked and polished the design of the login and logout pages further, and hid...

Tweaked and polished the design of the login and logout pages further, and hid the header navigation on them.

src/static/login.css

+/* Hide header on login page */
+header {
+	display: none;
+}
+
+/* Login form */
 #login-form-container {
 	width: 350px;
 }
+    #login-form-container .logo {
+        display: block;
+        width: 150px; height: 150px;
+        margin: 10px auto;
+
+        background-image: url("ucc-logo-white.png");
+        background-repeat: no-repeat;
+        background-position: center;
+        background-size: cover;
+    }
+
+	#login-form-container > h1 {
+		text-align: center;
+	}

src/static/shared.css

@@ -499,6 +499,11 @@ header > nav li > a.logo::before {
         animation-iteration-count: infinite;
     }
 
+/* Main section (content) */
+main > h1, main > h2, main > h3, main > h4 {
+    text-align: center;
+}
+
 /* Footer */
 footer {
 	display: block;

src/templates/login.html

@@ -13,31 +13,25 @@
 
 {% block content %}
   <div class="form-container" id="login-form-container">
-    <h1>UCCPortal</h1>
+    <div class="logo"></div>
+    <h1>UCC Member Login</h1>
     <div class="form-header">
       {% if form.errors and not form.non_field_errors %}
-        <p class="errornote">
+        <p class="error-note">
           {% if form.errors.items|length == 1 %}Please correct the error below.{% else %}Please correct the errors below.{% endif %}
         </p>
       {% endif %}
 
       {% if form.non_field_errors %}{% for error in form.non_field_errors %}
-          <p class="errornote">{{ error }}</p>
+          <p class="error-note">{{ error }}</p>
       {% endfor %}{% endif %}
 
+      {% if user.is_authenticated %}
       <p class="tips">
-        {% if user.is_authenticated %}
-            You are already logged in as {{ user.username }}.
-            Would you like to login to a different account?
-        {% else %}
-            <b>Please enter your UCC username and password below.</b> <br><br>
-            {% if not request.member %}
-              If you do not have a UCC account yet, please apply for a membership by going to the <a href="{% url 'memberdb:register' %}">registration page</a>.
-            {% else %}
-              It appears you have already registered. If you have not yet received your UCC login details, please <a href="https://www.ucc.asn.au/aboutucc/contact.ucc">contact us</a>.
-            {% endif %}
-        {% endif %}
+        You are already logged in as {{ user.username }}.
+        Would you like to login to a different account?
       </p>
+      {% endif %}
     </div>
 
     <form action="{% url 'memberdb:login' %}" method="post" id="login-form">

src/templates/logout.html

@@ -9,18 +9,22 @@
 {{ form.media }}
 {% endblock %}
 
-{% block content_title %}<h1>Logout</h1>{% endblock %}
+{% block content_title %}{% endblock %}
 
 {% block content %}
 
-<div class="form-container">
+<div class="form-container" id="login-form-container">
+    <div class="logo"></div>
+    <h1>Logout</h1>
+    <div class="form-header">
+        <p class="tips">
+            You have now been logged out of MemberDB.<br/>
+            Click the button below to log back in again.
+        </p>
+    </div>
+    <div class="submit-row">
+        <a class="button -default" href="{% url 'memberdb:login' %}">Login</a>
+    </div>
+</div>
 
-<p>
-    <b>You are now logged out of MemberDB.</b>
-</p>
-
-<p>
-    <a href="{% url 'memberdb:login' %}">Click here</a> to log back in again.
-</p>
-
-{% endblock %}
+{% endblock %}
\ No newline at end of file