feat: finalized ss (TODO: do for assignments page)

widget_casanatics/announcement_board/templates/announcement_board/announcement-details.html

@@ -17,7 +17,7 @@
     <p> {{ object.body }} </p> <br>
 
     {# iterate through reactions, show name: tally #}
-    Reactions:
+    <p>Reactions:</p>
     <ul>
         {% for reaction in object.reactlist.all %}
             <li> <b>{{ reaction.name}}:</b> {{ reaction.tally }} </li>

widget_casanatics/calendar_app/templates/calendar_app/event-details.html

@@ -4,11 +4,11 @@
 {% block title %}{{ object.title }}{% endblock %}
 {% block content %}
 <h1>{{ object.activity }}</h1>
-<b>Date and Time: </b> {{ object.target_datetime|date:"m/d/Y, h:i A" }} <br>
-<b>Estimated Hours: </b>{{ object.estimated_hours }} <br>
-<b>Course: </b>{{ object.course }} <br>
-<b>Mode: </b>{{ object.location.mode }} <br>
-<b>Venue: </b>{{ object.location.getvenue|urlize }} <br>
+<b>Date and Time: </b> <p>{{ object.target_datetime|date:"m/d/Y, h:i A" }}</p> <br/>
+<b>Estimated Hours: </b><p>{{ object.estimated_hours }}</p> <br/>
+<b>Course: </b><p>{{ object.course }}</p> <br/>
+<b>Mode: </b><p>{{ object.location.mode }}</p> <br/>
+<b>Venue: </b><p>{{ object.location.getvenue|urlize }}</p> <br/>
 
 <form action="../edit">
     <button type="Submit">Edit Activity</button>

widget_casanatics/forum/templates/forum/forumpost-details.html

@@ -8,7 +8,7 @@
     <h2> {{ object.author.first_name }} {{ object.author.last_name }}</h2>
     <h3> {{ object.pub_datetime|date:"m/d/Y, h:i A" }} </h3>
     <p> {{ object.body }} </p> <br>
-    Post Replies:
+    <p>Post Replies:</p>
     <ul>
         {% for reply in object.replies.all %}
             <li> 

widget_casanatics/static/css/style.css

-@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;500&family=Roboto:wght@700&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Poppins:ital,wght@0,200;0,500;1,200&family=Roboto:wght@700&display=swap');
 
 :root {
   --fg: #b7bdf8;
@@ -39,6 +39,7 @@ ul {
 
 li {
   padding: 0.15rem;
+  font-family: 'Roboto';
 }
 
 h1 {
@@ -50,6 +51,20 @@ h2 {
   font-weight: 200;
 }
 
+h3 {
+  font-family: 'Poppins', sans-serif;
+  font-style: italic;
+}
+
+p {
+  font-family: 'Poppins', sans-serif;
+  font-weight: 200;
+}
+
+b {
+  font-family: 'Poppins', sans-serif;
+}
+
 button {
   border-radius: 0.15rem;
   padding: 0.5rem;