Update auth forms with Bulma CSS

Author: matacoder

Caddyfile

@@ -1,3 +1,7 @@
-example.com
+example.com {
+    reverse_proxy 127.0.0.1:1111
+}
 
-reverse_proxy 127.0.0.1:1111
+example2.com {
+    reverse_proxy 127.0.0.1:1122
+}

README.MD

@@ -1,9 +1,22 @@
 # Django + Docker Template
+
 <img src=https://raw.githubusercontent.com/matacoder/matacoder/main/django-docker-sea.png>
 
 This is a magic repository for everyone who wants to start developing and do not want to worry about initial django and docker setup.
 
-You can see deployed example here: [django-docker.matakov.com](https://django-docker.matakov.com)
+You can see deployed example here: [https://django-docker.matakov.com](https://django-docker.matakov.com)
+
+Github link: [https://github.com/matacoder/django-docker](https://github.com/matacoder/django-docker)
+
+## What's new in version 2.0
+
+* All styles now are implemented with Bulma CSS framework. 
+* Loguru logger
+* Dark mode (using OS toggle, supported in Safari/Chrome/Firefox)
+* Auto loading README to index page
+* More efficient Github workflow
+* Drop support of Bootstrap and Crispy Forms
+
 
 ## What is included
 
@@ -15,14 +28,14 @@ You can see deployed example here: [django-docker.matakov.com](https://django-do
 - Docker Compose for production
 - Caddy config for fast SSL + domain deploy
 - Poetry dependency manager
+- Loguru logger
 - Initial entrypoint to take care of django and postgres setup
 - Black code formatter
 - Basic Workflow for GitHub Actions
-- Accounts app with all authorisation forms implemented on Bootstrap 5
+- Accounts app with all authorization forms implemented with Bulma CSS
 - Basic template to test login/logout
 - Sign up form
 - Main app to immediately start writing your first business logic
-- Django Crisp Forms installed and used in accounts app
 - Django Debug Toolbar! Analyze SQL on-the-fly
 
 ## Why project is named _settings?

_settings/settings.py

@@ -49,6 +49,7 @@
     "django.contrib.staticfiles",
     "crispy_forms",
     "markdownify.apps.MarkdownifyConfig",
+    "bulma",
 ]
 
 MIDDLEWARE = [

accounts/templates/registration/logged_out.html

@@ -2,7 +2,7 @@
 {% block title %}Logged out{% endblock %}
 {% block header %}Logged out{% endblock %}
 {% block content %}
-    <div class="alert alert-success" role="alert">
+    <div class="notification is-info is-light">
         Logged out
     </div>
 

accounts/templates/registration/login.html

@@ -2,13 +2,13 @@
 {% block title %}Login{% endblock %}
 {% block header %}Login{% endblock %}
 {% block content %}
-    {% load crispy_forms_tags %}
-    <div class="bg-light p-5 rounded">
+    {% load bulma_tags %}
+    <div class="content">
         <form method="POST">
             {% csrf_token %}
-            {{ form|crispy }}
-            <p><a href="{% url "password_reset" %}">Reset password</a></p>
-            <button type="submit" class="btn btn-primary">
+            {{ form|bulma }}
+            <p class="block"><a href="{% url "password_reset" %}">Reset password</a></p>
+            <button type="submit" class="button">
                 Login
             </button>
         </form>

accounts/templates/registration/password_change_done.html

@@ -2,7 +2,7 @@
 {% block title %}Success{% endblock %}
 {% block header %}Success{% endblock %}
 {% block content %}
-    <div class="alert alert-success" role="alert">
+    <div class="notification is-info is-light">
         Success
     </div>
 

accounts/templates/registration/password_change_form.html

@@ -2,13 +2,13 @@
 {% block title %}Change password{% endblock %}
 {% block header %}Change password{% endblock %}
 {% block content %}
-    {% load crispy_forms_tags %}
-    <div class="bg-light p-5 rounded">
+    {% load bulma_tags %}
+    <div class="content">
         <form method="POST">
             {% csrf_token %}
-            {{ form|crispy }}
+            {{ form|bulma }}
             <br/>
-            <button type="submit" class="btn btn-primary">
+            <button type="submit" class="button">
                 Change password
             </button>
         </form>

accounts/templates/registration/password_reset_confirm.html

@@ -2,13 +2,13 @@
 {% block title %}Reset confirmation{% endblock %}
 {% block header %}Reset confirmation{% endblock %}
 {% block content %}
-    {% load crispy_forms_tags %}
-    <div class="bg-light p-5 rounded">
+    {% load bulma_tags %}
+    <div class="content">
         <form method="POST">
             {% csrf_token %}
-            {{ form|crispy }}
+            {{ form|bulma }}
             <br/>
-            <button type="submit" class="btn btn-primary">
+            <button type="submit" class="button">
                 Reset
             </button>
         </form>

accounts/templates/registration/password_reset_done.html

@@ -2,7 +2,7 @@
 {% block title %}Success{% endblock %}
 {% block header %}Success{% endblock %}
 {% block content %}
-    <div class="alert alert-success" role="alert">
+    <div class="notification is-info is-light">
         Success
     </div>
 

accounts/templates/registration/password_reset_form.html

@@ -2,13 +2,13 @@
 {% block title %}Reset password{% endblock %}
 {% block header %}Reset password{% endblock %}
 {% block content %}
-    {% load crispy_forms_tags %}
-    <div class="bg-light p-5 rounded">
+    {% load bulma_tags %}
+    <div class="content">
         <form method="POST">
             {% csrf_token %}
-            {{ form|crispy }}
+            {{ form|bulma }}
             <br/>
-            <button type="submit" class="btn btn-primary">
+            <button type="submit" class="button">
                 Reset
             </button>
         </form>