Currently, I am working on a project involving a "is it newyear page" that should provide a simple yes or no answer. While the functionality of the page is not the issue, I am facing a problem with the link placement. I have included a link inside the <head> section as follows: <link href="{% static 'newyear/styles.css'%} rel="stylesheet">, but after running the server, none of my styles seem to be applied to the page. I am now attempting to troubleshoot and identify the root cause of this issue.
Here are some additional details:
The name of the app is 'newyear'. There is a folder named 'static/newyear' which contains the styles.css file.
I have not attempted any solutions yet as I believe the link is the only way to include the styles. I have even tried deleting the link and re-adding it multiple times, but the styles are still not being applied.
Below are the relevant code snippets:
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<title>Is it New Year?</title>
<link href="{% static 'newyear/styles.css' %}" rel="stylesheet">
</head>
<body>
{% if newyear %}
<h1>YES!</h1>
{% else %}
<h1> NO!!!</h1>
{% endif %}
</body>
</html>