added css formatting

widget_princessgabi/assignments/static/assignments/assignments.css

+body {
+    height: 100vh;
+    background-color: #E9E3FE;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.event-content {
+    margin-top: auto;
+    padding: 2rem;
+    border-radius: 0.5rem;
+    background-color: white
+}

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

 {% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
+{% endblock %}
 {% block title %}Add Assignment{% endblock %}
-{% block header %}Add a new assignment:{% endblock %}
+{% block header %}<h1>Add a new assignment:</h1>{% endblock %}
+{% block body %} 
 {% block content %} 
+    <div class="form">
         <form method="POST">
             {% csrf_token %}
-        {{ form.as_p }}
+            {{ form }}
             <input type="SUBMIT" value="Save New Assignment">
         </form>
+    </div>
+{% endblock %}
 {% endblock %}
\ No newline at end of file

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

 {% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'assignments/assignments.css' %}">
+<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
+{% endblock %}
 {% block title %}{{ assignment.name }}{% endblock %}
-{% block heading %}{{ assignment.name }}{% endblock %}
-{% block content %}
-        <p>
+{% block heading %}<h1>{{ assignment.name }}</h1>{% endblock %}
+{% block body %}
+<div class="assignments-content">
+    {% block content %}
+    <div class="details">
+        <h4>
             {{ assignment.course.code }} {{ assignment.course.title }} - {{ assignment.course.section }}<br>
             Description: {{ assignment.description }}<br>
             Perfert Score: {{ assignment.perfect_score }}<br>
             Passing Score: {{ assignment.passing_score }}
-        </p>
-            <a href="{% url 'assignments:assignment-edit' assignment.id %}">
-                <button>Edit Assignment</button>
-            </a><br>
+        </h4>
+        <a href="{% url 'assignments:assignment-edit' assignment.id %}" class="edit-btn"><i class="fa fa-edit"></i>Edit Assignment</a>
+    </div>
+    {% endblock %}
+</div>
 {% endblock %}
\ No newline at end of file

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

 {% extends 'base.html' %}
+{% load static %}
+{% block stylesheets %}
+<link rel="stylesheet" type="text/css" href="{% static 'stylesheets/forms.css' %}">
+{% endblock %}
 {% block title %}Edit Assignment{% endblock %}
-{% block header %}Edit Assignment:{% endblock %}
+{% block header %}<h1>Edit Assignment:</h1>{% endblock %}
+{% block body %} 
 {% block content %} 
-    <form method="POST">
+    <div class="form">
+        <form method="POST" action="">
             {% csrf_token %}
-        {{ form.as_p }}
+            {{ form }}
             <input type="SUBMIT" value="Save Changes to Assignment">
         </form> 
+    </div>
+{% endblock %}
 {% endblock %}
\ No newline at end of file

widget_princessgabi/assignments/templates/assignments/assingments.html

-{% extends 'base.html' %}
-{% block title %}Widget's Assignments{% endblock %}
-{% block heading %}Welcome to Widget's Assignments{% endblock %}
-{% block content %}
-    <ul>
-        {% for assignment in assignments %}
-        <li>
-            <a href="{ assignment.get_absolute_url }"></a>
-        </li>
-        {% endfor %}
-        <a href="{% url 'add-assignment' assignment.id %}">
-            <button>{{ assignment.title }}</button>
-        </a><br>
-    </ul>
-        <a href="{% url 'dashboard:dashboard' %}">Dashboard</a><br>
-        <a href="{% url 'announcements:announcements' %}">Announcements</a><br>
-        <a href="{% url 'forum:forum' %}">Forum</a><br>
-        <a href="{% url 'calendar:calendar' %}">Calendar</a>
-{% endblock %}
\ No newline at end of file

widget_princessgabi/widget_princessgabi/settings.py

@@ -35,14 +35,17 @@ ALLOWED_HOSTS = []
 # Application definition
 
 INSTALLED_APPS = [
+    'widget_calendar.apps.WidgetCalendarConfig',
     'assignments.apps.AssignmentsConfig',
+    'forum.apps.ForumConfig',
+    'announcementboard.apps.AnnouncementboardConfig',
+    'dashboard.apps.DashboardConfig',
     'django.contrib.admin',
     'django.contrib.auth',
     'django.contrib.contenttypes',
     'django.contrib.sessions',
     'django.contrib.messages',
     'django.contrib.staticfiles',
-    'django_rename_app',
 ]
 
 MIDDLEWARE = [
@@ -60,7 +63,7 @@ ROOT_URLCONF = 'widget_princessgabi.urls'
 TEMPLATES = [
     {
         'BACKEND': 'django.template.backends.django.DjangoTemplates',
-        'DIRS': [],
+        'DIRS': [os.path.join(BASE_DIR), 'templates'],
         'APP_DIRS': True,
         'OPTIONS': {
             'context_processors': [
@@ -124,7 +127,10 @@ USE_TZ = True
 # https://docs.djangoproject.com/en/3.2/howto/static-files/
 
 STATIC_URL = '/static/'
-
+STATICFILES_DIRS = [
+    BASE_DIR / "static",
+    'widget_calendar/static/widget_calendar',
+]
 # Default primary key field type
 # https://docs.djangoproject.com/en/3.2/ref/settings/#default-auto-field