BUG: favicon does not display

[JaqiKal]

Problem: favicon does not dispay

Encountered: During early testing (ET), while building a base.html.

Can it be Reproduced: Yes it is reproducable.

Impact:

• Favicon acts as a visual identifier for the website in browser tabs, bookmarks, and history lists. Without it, your site might appear less professional or memorable to users.
• Users might find it harder to quickly locate your site in a sea of browser tabs if the favicon isn’t displayed, as they won't have the visual cue. This can be slightly inconvenient and can detract from the smoothness of the user experience.
• In some cases, missing elements like favicons can make a website seem unfinished or less credible, which might affect user trust, especially if the target audience expects a polished, professional appearance.
• A missing favicon might also signal to technically inclined users that there might be other underlying issues with the website, possibly related to how resources are managed or served.

Possible solution:

• Ensure the tag for the favicon is correctly formatted and placed within the section of your HTML document. Check for any typos or errors in the path or file name.
• Make sure that the STATICFILES_DIRS does not interfere with STATIC_ROOT. Your STATIC_ROOT should be a folder different from any in STATICFILES_DIRS to avoid any conflicts during the collectstatic process.
• Double-check that the path specified in the tag is correct and that the favicon file is accessible in the specified location. Ensure that the server permissions allow the favicon file to be read.
• Confirm that the favicon file is in a proper format.
• Run the collectstatic command to gather all static files, including favicons, into the STATIC_ROOT. In the project directory, activate the virtual environment and run: python manage.py collectstatic
• Clear your browser's cache and refresh the page.

[JaqiKal]

Solution:

• Acquired a new set of favicons and added to favicon folder.
• Corrected an incorrect path from {% static './favicon-32x32.png' %} to {% static 'favicon/favicon-32x32.png' %}.
• Neglected to execute the collectstatic command with python manage.py collectstatic after updating base.html.