Currently, I am developing a login page application. The desired layout for the login page can be accessed via the link provided below. This particular login page includes two images and aligns them using CSS along with other resources within Django. When running the Django server, I encounter an issue where the login textboxes and static labels display properly, but the images are not visible, and the alignment seems off. The paths for these images are fetched from either STATIC_URL or STATIC_ROOT in the settings.py file.
Upon running the server, an error is displayed as follows:
[10/Mar/2020 20:18:41] "GET / HTTP/1.1" 302 0
[10/Mar/2020 20:18:41] "GET /login/?next=/ HTTP/1.1" 200 2607
... (more error logs)
This is how my login.html appears:
{% load i18n %}
{% load admin_static %}{% load firstof from future %}
<!DOCTYPE html>
<html lang="{{ LANGUAGE_CODE|default:"en-us" }}" {% if LANGUAGE_BIDI %}dir="rtl"{% endif %}>
... (html content continued)
The content of settings.py is as shown below:
BASE_DIR = os.path.dirname(os.path.dirname(__file__))
STATIC_URL = '/static/'
STATIC_ROOT = os.path.join(os.path.dirname(BASE_DIR), 'dau_gui_app/static')
Login Page Image view: https://i.sstatic.net/MKLTW.png
Page what is displayed when Django runs: https://i.sstatic.net/CI8gA.png
Having referenced this solution from Stack Overflow (enter link description here), which did not resolve the issue for me. Kindly assist in identifying any missing components causing images not to show on the login page.