Added stylings to each app. Fixed naming convention

announcement_board/static/announcement_board/announcement_detail.css

+p {
+    margin: 5px 0;
+    font-size: 25px;
+    font-family: Khula;
+}
+
+img {
+    border: 1px solid black;
+}
\ No newline at end of file

announcement_board/static/announcement_board/announcement_index.css

+.announcement-link {
+    text-decoration: none;
+    color: black;
+    transition: .2s ease-in-out;
+    font-family: Khula;
+    font-size: 24px;
+    margin: 10px 0;
+}
+
+.announcement-link:hover {
+    font-weight: 700;
+    font-size: 24px;
+    margin-left: 20px;
+}
+
+.banner-text {
+    font-family: Khula;
+    font-size: 30px;
+    margin: 0
+}
\ No newline at end of file

announcement_board/templates/announcement_board/announcement_detail.html

@@ -5,15 +5,15 @@
 {% block title %}Homepage{% endblock %}
 
 {% block styles %}
-    <link rel="stylesheet" href="{% static 'announcement_board/widgetuser_details.css' %}">
+    <link rel="stylesheet" href="{% static 'announcement_board/announcement_detail.css' %}">
 {% endblock %}
 
 {% block header %}
-    <img width="50" height="50" src=""/> 
     {{object.announcement_title}}
 {% endblock %}
 
 {% block content %}
+    <img width=1000 height=200 src="{% static 'announcement_board/default_announcementpic.png' %}"/>
     <p> by {{object.author.first_name}} {{object.author.last_name}}, {{object.pub_date | date:"d/m/o"}}</p>
     <p> Likes: {{reaction_likes}} </p>
     <p> Love: {{reaction_love}} </p>

announcement_board/templates/announcement_board/index.html

@@ -5,7 +5,7 @@
 {% block title %}Announcements{% endblock %}
 
 {% block styles %}
-<link rel="stylesheet" href="{% static 'announcements/announcement_index.css' %}">
+<link rel="stylesheet" href="{% static 'announcement_board/announcement_index.css' %}">
 {% endblock %}
 
 {% block header %}
@@ -13,11 +13,11 @@ Announcement Board
 {% endblock %}
 
 {% block content %}
-    <p>Important announcements:</p>
+    <p class="banner-text">Important announcements:</p>
     <ul>
     {% for announcement in all_announcements %}
         <li>
-            <a class="details" href="{{announcement.id}}/details">
+            <a class="announcement-link" href="{{announcement.id}}/details">
                 {{announcement.announcement_title}} by
                 {{announcement.author.first_name}}, 
                 {{announcement.author.last_name}} dated

homepage/templates/homepage/index.html

@@ -5,7 +5,7 @@
 {% block title %}Homepage{% endblock %}
 
 {% block styles %}
-<link rel="stylesheet" href="{% static 'homepage/homepage.css' %}">
+<link rel="stylesheet" href="{% static 'homepage/homepage_index.css' %}">
 {% endblock %}
 
 {% block header %}

homepage/templates/homepage/widgetuser_detail.html

@@ -5,11 +5,12 @@
 {% block title %}Homepage{% endblock %}
 
 {% block styles %}
-    <link rel="stylesheet" href="{% static 'homepage/widgetuser_details.css' %}">
+    <link rel="stylesheet" href="{% static 'homepage/widgetuser_detail.css' %}">
 {% endblock %}
 
 {% block header %}
-    <img width=60 height=60 src="{% static 'homepage/default_profilepic.png' %}"/>    
+    <img width=60 height=60 src="{% static 'homepage/default_profilepic.png' %}"/> 
+    
     {{object.last_name}}, {{object.first_name}} {{object.middle_name}}
 {% endblock %}