applied css styling to the pages

widget_vincentdjango/announcements/templates/announcements/announcement-add.html

@@ -3,13 +3,13 @@
 
 {% block title %} Add Announcement {% endblock %}
 {% block heading %}
-	<h1> Add a new announcement: </h1>
+	<h1 class="subheader"> Add a new announcement: </h1>
 {% endblock %}
 {% block content %}
     <form method="post">
         {% csrf_token %}
         {{ form.as_p }}
-        <div class="separator-bar"></div><br>
-		<input type="submit" value="Save New Post">
+        <div class="separator-bar"></div>
+		<input class="action-button" type="submit" value="Add Announcement">
     </form>
 {% endblock %}

widget_vincentdjango/announcements/templates/announcements/announcement-details.html

@@ -6,14 +6,16 @@
     <h1> {{ object.title }} </h1>
     <h2> by {{ object.author.first_name }} {{ object.author.last_name }} </h2>
     <h4> {{ object.format_pub_datetime }} </h4>
-    <p> {{ object.body }} </p>
+    <p class="detail-body"> {{ object.body }} </p>
 
+    <div class="separator-bar"></div>
     {% for reaction in object.reactions.all %}
-        <p>
+        <p class="detail-additionalinfo">
             {{ reaction.name }}: {{ reaction.tally }}
         </p>
     {% endfor %}
-    <button onclick="window.location.href='{% url 'announcements:announcements-edit' pk=object.pk %}'">
+    <div class="separator-bar"></div>
+    <button class="action-button" onclick="window.location.href='{% url 'announcements:announcements-edit' pk=object.pk %}'">
         Edit Announcement
     </button>
 {% endblock %}
\ No newline at end of file

widget_vincentdjango/announcements/templates/announcements/announcement-edit.html

@@ -3,13 +3,14 @@
 
 {% block title %} Edit Anouncement {% endblock %}
 {% block heading %}
-	<h1> Edit Announcement: </h1>
+	<h1 class="subheader"> Edit Announcement: </h1>
 {% endblock %}
 {% block content %}
 	<form method="post">
 		{% csrf_token %}
 		{{ form.as_p }}
 		<br>
-		<input type="submit" value="Save Changes to Announcement">
+        <div class="separator-bar"></div>
+		<input class="action-button" type="submit" value="Save Changes to Announcement">
 	</form>
 {% endblock %}

widget_vincentdjango/announcements/templates/announcements/announcements.html

@@ -3,21 +3,21 @@
 
 {% block title %} Widget's Announcement Board {% endblock %}
 {% block heading %}
-    <h1> Welcome to Widget's Announcement Board! </h1>
+    <h1 id="header"> Welcome to Widget's Announcement Board! </h1>
 {% endblock %}
 {% block content %}
-    <h2> Announcements: </h2>
+    <h2 class="subheader"> Announcements: </h2>
     <ul>
             {% for object in announcements|dictsortreversed:"pub_datetime" %}
-            <li>
-                <a href="{{ object.get_absolute_url }}"> {{ object.title }} by 
+            <li class="object-cell">
+                <a href="{{ object.get_absolute_url }}"> <span class="object-title">{{ object.title }}</span> by 
                     {{ object.author.first_name}} {{ object.author.last_name }}
                 </a>
             </li>
             {% endfor %}
     </ul>
 	<hr>
-	<button onclick="window.location.href='{% url 'announcements:announcements-add' %}'">
+	<button onclick="window.location.href='{% url 'announcements:announcements-add' %}'" class="action-button">
         New Announcement
     </button>
     <div id="footer">