Log out page non-ugly

users/templates/users/logged_out.html

@@ -0,0 +1,21 @@
+{% extends "barest_base.html" %}
+{% load static %}
+
+{% block title %}Logged out · {{ site_title }}{% endblock %}
+
+{% block content %}
+
+<div class="bg-cyan-100 h-screen overflow-y-scroll flex items-center justify-center"> {# the cyan background #}
+    <div class="bg-white lg:w-5/12 md:6/12 w-10/12">  {# the centered box #}
+        <div class="bg-slate-200 absolute left-1/2 transform -translate-x-1/2 -translate-y-1/2 rounded-full p-4 md:p-8">  {# the logo #}
+                <a href="/"><img src="{% static 'images/bugsink-logo.png' %}" class="h-8 w-8 md:h-16 md:w-16" alt="Bugsink"></a>
+        </div>
+
+        <div class="p-12 md:pt-24 md:pl-24 md:pr-24 md:pb-16">
+        You have been logged out. <a href="{% url 'login' %}" class="text-cyan-500">Log in again</a>.
+        </div>
+
+    </div>
+</div>
+
+{% endblock %}