updated css for all html files

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

@@ -9,9 +9,9 @@
 <form method="post">
     {% csrf_token %}
     {{ form.as_p }}
-    <input type="submit" value="Add Announcement">
+    <p class="centerB">
+        <input class="submitB" type="submit" value="Add Announcement">
+    </p>
 </form>
-<a href="/announcements/">
-    <button class="btn">Back to Announcement Board</button>
-</a>
+
 {% endblock %}

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

@@ -18,10 +18,9 @@
     Love: {{ object.getLove }}<br>
     Angry: {{ object.getAngry }}
 </p>
-<a href="/announcements/{{object.pk}}/edit">
-    <button class="btn">Edit Announcement</button>
-</a><br>
-<a href="/announcements/">
-    <button class="btn">Back to Announcement Board</button>
-</a>
+<p class="centerB">
+    <a href="/announcements/{{object.pk}}/edit">
+        <button class="btn">Edit Announcement</button>
+    </a>
+</p>
 {% endblock %}

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

@@ -9,9 +9,8 @@
 <form method="post">
     {% csrf_token %}
     {{ form.as_p }}
-    <input type="submit" value="Save Changes to Announcement">
+    <p class="centerB">
+        <input class="submitB" type="submit" value="Save Changes to Announcement">
+    </p>
 </form>
-<a href="/announcements/">
-    <button class="btn">Back to Announcement Board</button>
-</a>
 {% endblock %}

widget_OhMyBash/announcements/templates/announcements/announcements.html

@@ -17,14 +17,16 @@
 {% endblock %}
 
 {% block footing %}
-<p>
+<p class="centerB">
     <a href="/announcements/add">
         <button class="btn add">New Announcement</button>
     </a>
 </p>
-<a href="/dashboard/" class="link">Dashboard</a><br>
-<a href="/forum/" class="link">Forum</a><br>
-<a href="/assignments/" class="link">Assignments</a><br>
-<a href="/calendar/" class="link">Calendar</a>
+<p>
+    <a href="/dashboard/" class="link">Dashboard</a><br>
+    <a href="/forum/" class="link">Forum</a><br>
+    <a href="/assignments/" class="link">Assignments</a><br>
+    <a href="/calendar/" class="link">Calendar</a>
+</p>
 
 {% endblock %}

widget_OhMyBash/assignments/templates/assignments/assignment-add.html

@@ -5,6 +5,9 @@
     <form method="POST">
         {% csrf_token %}
         {{ form.as_p }}
-        <input type="SUBMIT" value="Save New Assignment">
+        <p class="centerB">
+            <input class="submitB" type="SUBMIT" value="Save New Assignment">
+        </p>
+        
     </form>
 {% endblock %}

widget_OhMyBash/assignments/templates/assignments/assignment-details.html

@@ -8,7 +8,9 @@
             Perfert Score: {{ assignment.perfect_score }}<br>
             Passing Score: {{ assignment.passing_score }}
         </p>
+        <p>
             <a href="{% url 'assignments:assignment-edit' assignment.id %}">
                 <button>Edit Assignment</button>
-            </a><br>
+            </a>
+        </p>
 {% endblock %}

widget_OhMyBash/assignments/templates/assignments/assignment-edit.html

@@ -5,6 +5,8 @@
     <form method="POST">
         {% csrf_token %}
         {{ form.as_p }}
-        <input type="SUBMIT" value="Save Changes to Assignment">
+        <p class="centerB">
+            <input class="submitB" type="SUBMIT" value="Save Changes to Assignment">
+        </p>
     </form>
 {% endblock %}

widget_OhMyBash/assignments/templates/assignments/assignments.html

@@ -5,24 +5,24 @@
 {% block heading %} <h1> Welcome to Widget's Assignments! </h1>{% endblock %} 
 
 {% block content %}
-<div class="main">
-    <div class="list">
+    <p class="list">
             {% for assignment in assignments %}
             <a href="{{ assignment.get_absolute_url }}">
                 {{assignment.name}} <br>
             </a>
             {% endfor %}
-            <br>
     </div>
-    <button type="button">
-        <a href="{% url 'assignments:assignment-add' %}">New Assignment</a>
-    </button>
+    <p class="centerB">
+        <button class="btn add">
+            <a href="{% url 'assignments:assignment-add' %}">New Assignment</a>
+        </button>
+    </p>
 {% endblock %}
 {% block footing %}
-<div class="links">
+<p class="links">
     <a href="/dashboard/" class="btn-primary">Dashboard </a><br>
     <a href="/announcements/" class="btn-primary"> Announcements</a><br>
     <a href="/forum/" class="btn-primary"> Forum </a><br>
     <a href="/calendar/" class="btn-primary"> Calendar </a>
-</div>
+</p>
 {% endblock %}

widget_OhMyBash/dashboard/templates/dashboard/dashboard.html

@@ -17,13 +17,13 @@
 {% endblock %}
 
 {% block footing %}
-<p>
+<p class="centerB">
     <a href="{% url 'dashboard:widgetuser-create' %}">
         <button class="btn add">Add Widget User</button>
-    </a>
+     </a>
 </p>
 <p>
-    <a href="{% url 'announcements:index' %}">Announcement Board</a><br>
+    <a href="{% url 'announcements:index' %}">Announcements</a><br>
     <a href="{% url 'forum:forum' %}">Forum</a><br>
     <a href="{% url 'assignments:assignments' %}">Assignments</a><br>
     <a href="{% url 'calendar:calendar' %}">Calendar</a><br>

widget_OhMyBash/dashboard/templates/dashboard/widgetuser-add.html

@@ -9,6 +9,8 @@
 <form method="post">
     {% csrf_token %}
     {{ form.as_p }}
-    <input type="submit" value="Add Widget User">
+    <p class="centerB">
+        <input class="submitB" type="submit" value="Add Widget User">
+    </p> 
 </form>
 {% endblock %}
\ No newline at end of file

widget_OhMyBash/dashboard/templates/dashboard/widgetuser-details.html

@@ -17,7 +17,12 @@
 {% endblock %}
 
 {% block footing %}
-<a href="{% url 'dashboard:widgetuser-update' object.pk %}">
-    <button class="btn edit">Edit Widget User</button>
-</a>
+<p class="centerB">
+    <a href="{% url 'dashboard:widgetuser-update' object.pk %}">
+        <button class="btn edit">
+            Edit Widget User
+        </button>
+    </a>
+</p>
+
 {% endblock %}
\ No newline at end of file

widget_OhMyBash/dashboard/templates/dashboard/widgetuser-edit.html

@@ -9,6 +9,8 @@
 <form method="post">
     {% csrf_token %}
     {{ form.as_p }}
-    <input type="submit" value="Save Changes to Widget User">
+    <p class="centerB">
+        <input class="submitB" type="submit" value="Save Changes to Widget User">
+    </p>
 </form>
 {% endblock %}
\ No newline at end of file

widget_OhMyBash/forum/templates/forum/forum.html

@@ -18,12 +18,15 @@
 {% endblock %}
 
 {% block footing %}
-<a href="{% url 'forum:forumpost-create' %}">
-    <button class="btn add">New Post</button>
-</a><br><br>
+<p class="centerB">
+    <a href="{% url 'forum:forumpost-create' %}">
+        <button class="btn add">New Post</button>
+    </a>
+</p>
+<p><a href="/dashboard/" class="link">Dashboard</a><br>
+    <a href="/announcements/" class="link">Announcements</a><br>
+    <a href="/assignments/" class="link">Assignments</a><br>
+    <a href="/calendar/" class="link">Calendar</a>
+</p>
 
-<a href="/dashboard/" class="link">Dashboard</a><br>
-<a href="/announcements/" class="link">Announcements</a><br>
-<a href="/assignments/" class="link">Assignments</a><br>
-<a href="/calendar/" class="link">Calendar</a>
 {% endblock %}
\ No newline at end of file

widget_OhMyBash/forum/templates/forum/forumpost-add.html

@@ -9,6 +9,8 @@
 <form method="post">
     {% csrf_token %}
     {{ form.as_p }}
-    <input type="submit" value="Save New Post">
+    <p class="centerB">
+        <input class="submitB" type="submit" value="Save New Post">
+    </p>
 </form>
 {% endblock %}
\ No newline at end of file

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

@@ -20,13 +20,15 @@ POST REPLIES:<br>
 {% if reply.forumpost == object %}
     by {{ reply.author.first_name }} {{ reply.author.last_name }}<br>
     {{ reply.pub_datetime|date:"m/d/Y" }}, {{ reply.pub_datetime|time:"g:iA" }}<br>
-    {{ reply.body }}<br><br>
+    {{ reply.body }}<br>
 {% endif %}
 {% endfor %}
 {% endblock %}
 
 {% block footing %}
-<a href="{% url 'forum:forumpost-update' object.pk %}">
-    <button class="btn edit">Edit Post</button>
-</a>
+<p class="centerB">
+    <a href="{% url 'forum:forumpost-update' object.pk %}">
+        <button class="btn edit">Edit Post</button>
+    </a>
+</p>
 {% endblock %}
\ No newline at end of file

widget_OhMyBash/forum/templates/forum/forumpost-edit.html

@@ -9,6 +9,8 @@
 <form method="post">
     {% csrf_token %}
     {{ form.as_p }}
-    <input type="submit" value="Save Changes to Post">
+    <p class="centerB">
+        <input class="submitB "type="submit" value="Save Changes to Post">
+    </p>
 </form>
 {% endblock %}
\ No newline at end of file

widget_OhMyBash/static/style.css

+@import url("https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,300;0,400;1,300&display=swap");
+
+
+body {
+    background-color: rgb(13, 12, 29);
+}
+
+p, a ,h1 , button, form{
+    color: #F1DAC4;
+    font-family: Nunito;
+}
+
+h1 {
+    text-align: center;
+    border: 0px solid rgba(100, 100, 100, 1);
+    border-radius: 20px;
+    background: linear-gradient(
+      50deg,
+      rgba(255, 255, 255, 0.4) 12%,
+      rgba(255, 255, 255, 0.1) 77%
+    );
+    background-blend-mode: ;
+    box-shadow: 0px 4px 24px 1px rgba(0, 0, 0, 0.28);
+    transition: background-color 300ms ease-out;
+    backdrop-filter: blur(5px);
+    -webkit-backdrop-filter: blur(5px);
+    margin-top: 50px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin-left: 500px;
+    margin-right: 500px;
+    
+  }
+  
+h1:hover {
+    background-color: rgba(0, 0, 0, 1);
+  }
+
+p {
+    text-align: center;
+    border: 0px solid rgba(100, 100, 100, 1);
+    border-radius: 20px;
+    background: linear-gradient(
+      50deg,
+      rgba(255, 255, 255, 0.4) 12%,
+      rgba(255, 255, 255, 0.1) 77%
+    );
+    background-blend-mode: ;
+    box-shadow: 0px 4px 24px 1px rgba(0, 0, 0, 0.28);
+    transition: background-color 300ms ease-out;
+    backdrop-filter: blur(5px);
+    -webkit-backdrop-filter: blur(5px);
+    margin-top: 50px;
+    padding-top: 20px;
+    padding-bottom: 20px;
+    margin-left: 500px;
+    margin-right: 500px;
+}
+
+p:hover {
+    background-color: rgba(0, 0, 0, 1);
+  }
+
+.btn {
+  text-align: center;
+  background: #474973;
+  border-radius: 28px;
+  color:  #F1DAC4;
+  font-size: 30px;
+  padding: 10px 20px 10px 20px;
+  text-decoration: none;
+  align-content: center;
+}
+
+.btn:hover {
+    background-color: rgba(0, 0, 0, 1);
+}
+
+p.centerB {
+    text-align: center;
+    border: 0px solid rgba(100, 100, 100, 0);
+    border-radius: 45px;
+    background: linear-gradient(
+      50deg,
+      rgba(255, 255, 255, 0) 0%,
+      rgba(255, 255, 255, 0) 0%
+    );
+    background-blend-mode: ;
+    box-shadow: 0px 4px 24px 1px rgba(0, 0, 0, 0);
+    transition: background-color 300ms ease-out;
+    backdrop-filter: blur(0px);
+    -webkit-backdrop-filter: blur(0px);
+    margin-top: 50px;
+    padding-top: 10px;
+    padding-bottom: 10px;
+    margin-left: 400px;
+    margin-right: 400px;
+}
+
+input.submitB{
+  text-align: center;
+  background: #474973;
+  border-radius: 28px;
+  color:  #F1DAC4;
+  font-size: 30px;
+  padding: 10px 20px 10px 20px;
+  text-decoration: none;
+  align-content: center;
+}

widget_OhMyBash/widget_calendar/templates/widget_calendar/calendar.html

@@ -17,12 +17,17 @@
 {% endblock %}
 
 {% block footing %}
-<a href="{% url 'widget_calendar:event-add' %}">
-    <button class="btn add">New Activity</button><br>
-</a>
+<p class="centerB">
+    <a href="{% url 'widget_calendar:event-add' %}">
+        <button class="btn add">New Activity</button><br>
+    </a>
+</p>
+<p>
+    <a href="/dashboard/">Dashboard</a><br>
+    <a href="/announcements/">Announcements</a><br>
+    <a href="/forum/">Forum</a><br>
+    <a href="/assignments/">Assignments</a>
+</p>
+
 
-<a href="/dashboard/">Dashboard</a><br>
-<a href="/announcements/">Announcements</a><br>
-<a href="/forum/">Forum</a><br>
-<a href="/assignments/">Assignments</a>
 {% endblock %}

widget_OhMyBash/widget_calendar/templates/widget_calendar/event-add.html

@@ -10,6 +10,8 @@
 <form method="post">
     {% csrf_token %}
     {{ form.as_p }}
-    <input type="submit" value="Save New Activity">
+    <p class="centerB">
+        <input class="submitB" type="submit" value="Save New Activity">
+    </p>
 </form>
 {% endblock %}
\ No newline at end of file

widget_OhMyBash/widget_calendar/templates/widget_calendar/event-details.html

@@ -22,7 +22,9 @@
 {% endblock %}
 
 {% block footing %}
-<a href="{% url 'widget_calendar:event-edit' object.pk %}">
-    <button class="btn edit">Edit Activity</button>
-</a>
+<p class="centerB">
+    <a href="{% url 'widget_calendar:event-edit' object.pk %}">
+        <button class="btn edit">Edit Activity</button>
+    </a>
+</p>
 {% endblock %}

widget_OhMyBash/widget_calendar/templates/widget_calendar/event-edit.html

@@ -10,6 +10,8 @@
 <form method="post">
     {% csrf_token %}
     {{ form.as_p }}
-    <input type="submit" value="Save New Activity">
+    <p class="centerB">
+        <input class="submitB" type="submit" value="Save New Activity">
+    </p>
 </form>
 {% endblock %}