Refactored CSS and HTML templates and polished UI (#10), changed JavaScript variable names to camelCase, adjusted filenames and some url parameter names in urlpatterns, and more.

2022-11-04 20:35:28 +01:00 · 2022-11-04 20:35:28 +01:00 · 8599f49857
commit 8599f49857
parent 1e32e2b5dd
30 changed files with 401 additions and 403 deletions
--- a/application/app/templates/baselayout.html
+++ b/application/app/templates/baselayout.html
@ -0,0 +1,56 @@
+<!DOCTYPE html>
+
+{% load i18n %}
+
+<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=0.95">
+    <link rel="stylesheet" href="/static/css/main.css">
+    <link rel="shortcut icon" href="/static/favicon.png" sizes="480x480" />
+    <title>{% block title %}{% endblock %}</title>
+    {% block headAdditional %}{% endblock %}
+</head>
+
+<body>
+
+    <div class="baselayout">
+
+        {% include "globalmessage.html" %}
+
+        {% if user.is_authenticated %}
+
+            {% include "userpanel.html" %}
+
+        {% endif %}
+
+        <main>
+
+            {% if user.is_authenticated or "accounts/login/" in request.path or "accounts/logout/" in request.path or "admin/logout/" in request.path %}
+
+                <div class="content">
+                    {% block content %}{% endblock %}
+                </div>
+
+            {% else %}
+
+                <div class="centeringflex">
+                    {% translate "An error occured. Please log out and log in again." %}
+                    <br>
+                    <a href="/accounts/logout">log out</a>
+                </div>
+
+            {% endif %}
+
+        </main>
+
+        {% include "footer.html" %}
+
+    </div>
+
+    <script src="/static/js/main.js"></script>
+
+</body>
+</html>