CSS Files and Styles added

widget_gitgud/Announcement_Board/templates/announcements/announcements.html

@@ -2,6 +2,20 @@
 {% load static %}
 
 {% block title %} Widget's Announcement Board {% endblock %} 
+{% block styles %}
+    <style>
+        body {
+            background-color: rgb(170, 168, 180);
+            font-family: Georgia, serif;
+            font-size: 16px;
+            color: black;
+        }
+        h1{
+            text-align: center;
+        }
+
+    </style>
+{% endblock %}
 {% block content %} 
 <h1>Welcome to Widget's Announcement Board!</h1>
 <h2>Announcements:</h2>

widget_gitgud/Assignments/templates/Assignments/assignments.html

@@ -2,6 +2,20 @@
 {% load static %} 
 
 {% block title %} Widget's Assignments {% endblock %} 
+{% block styles %}
+    <style>
+        body {
+            background-color: rgb(154, 176, 147);
+            font-family: Georgia, serif;
+            font-size: 16px;
+            color: rgb(18, 6, 1);
+        }
+        h1{
+            text-align: center;
+        }
+
+    </style>
+{% endblock %}
 {% block content %} 
 <h1>Welcome to Widget's Assignments </h1>
 <ul>

widget_gitgud/Dashboard/templates/Dashboard/dashboard.html

@@ -4,6 +4,7 @@
 {% block title %}Widget V2{% endblock %}
 
 {% block content %}
+<link rel="stylesheet" href="{% static 'main_style.css' %}">
 <h1> Welcome to Widget! </h1>
 <ul>
     {% for user in users %}
@@ -17,8 +18,8 @@
 
 <p> 
     <a href="/Announcement/announcements">Announcements</a><br>
-    <a href="/Forum/forum">Forum</a><br>
-    <a href="/Assignments/assignments">Assignments</a><br>
-    <a href="/Calendar">Calendar</a>
+    <a href="/Forum/forum"> Forum </a><br>
+    <a href="/Assignments/assignments"> Assignments </a><br>
+    <a href="/Calendar">Calendar </a><br>
 </p>
 {% endblock %}
\ No newline at end of file

widget_gitgud/static/main_style.css

+h1{
+    text-align: center;
+    color:darkcyan;
+}
+ul{
+    text-align: center;
+    font-family: Georgia, serif;
+    font-size: 16px;
+    list-style-type: none;
+    line-height: 2;
+    text-decoration: none;
+}
+button{
+    background-color: #40E0D0;
+    font: Georgia, serif;
+    border: none;
+    color: black;
+    padding: 10px 30px;
+    text-align: center;
+    text-decoration: none;
+    position: relative;
+    left: 44%;
+    cursor: pointer;
+}
+p{
+    font-family: Georgia, serif;
+    text-align: center;
+}
\ No newline at end of file

widget_gitgud/widget_gitgud/settings.py

@@ -125,6 +125,7 @@ USE_TZ = True
 # https://docs.djangoproject.com/en/3.2/howto/static-files/
 
 STATIC_URL = '/static/'
+STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
 
 # Default primary key field type
 # https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field

widget_gitgud/widgetcalendar/templates/widgetcalendar/calendar.html

@@ -2,6 +2,19 @@
 {% load static %} 
 
 {% block title %} Widget's Calendar of Activities {% endblock %} 
+{% block styles %}
+    <style>
+        body {
+            background-color: beige;
+            font-family: Georgia, serif;
+            font-size: 16px;
+            color: black;
+        }
+        h1{
+            text-align: center;
+        }
+    </style>
+{% endblock %}
 {% block content %} 
 <h1>Widget's Calendar of Activities</h1>
 <ul>