diff --git a/UniManage/settings.py b/UniManage/settings.py index 6366b0d..8d4c80a 100644 --- a/UniManage/settings.py +++ b/UniManage/settings.py @@ -139,3 +139,8 @@ MEDIA_URL = '/media/' MEDIA_ROOT = os.path.join(BASE_DIR, 'media/') AUTHENTICATION_BACKENDS = ['user.backends.EmailBackend'] + +STATICFILES_DIRS = [ + os.path.join(BASE_DIR, "project/static"), + os.path.join(BASE_DIR, "user/static") +] diff --git a/db.sqlite3 b/db.sqlite3 index ef5f966..8e627e4 100644 Binary files a/db.sqlite3 and b/db.sqlite3 differ diff --git a/project/static/css/create_project.css b/project/static/css/create_project.css new file mode 100644 index 0000000..c844e41 --- /dev/null +++ b/project/static/css/create_project.css @@ -0,0 +1,66 @@ +body { + font-family: 'Arial', sans-serif; + background-color: #f4f4f8; + display: flex; + flex-direction: column; + align-items: center; + padding: 40px 0; + color: #333; +} + +h2 { + text-align: center; + margin-bottom: 30px; + color: #444; +} + +form { + background-color: #fff; + padding: 30px; + border-radius: 8px; + box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); + width: 80%; + max-width: 600px; +} + +div { + margin-bottom: 20px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; +} + +input[type="text"], +input[type="date"], +textarea, +select { + width: 100%; + padding: 10px; + border: 1px solid #ccc; + border-radius: 4px; + font-size: 14px; + font-family: 'Arial', sans-serif; +} + +textarea { + resize: vertical; + min-height: 100px; +} + +button { + background-color: #2c3e50; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 5px; + font-weight: bold; + cursor: pointer; + transition: background-color 0.2s; +} + +button:hover { + background-color: #34495e; +} diff --git a/project/static/css/projects_list.css b/project/static/css/projects_list.css new file mode 100644 index 0000000..c8ac0d5 --- /dev/null +++ b/project/static/css/projects_list.css @@ -0,0 +1,91 @@ +body { + font-family: 'Arial', sans-serif; + background-color: #f4f4f8; + margin: 0; + padding: 0; + color: #333; + display: flex; + flex-direction: column; + align-items: center; +} + +h2 { + text-align: center; + margin-top: 50px; + margin-bottom: 50px; + font-size: 28px; + color: #444; +} + +p a { + background-color: #2c3e50; + color: #fff; + padding: 8px 15px; + text-decoration: none; + border-radius: 5px; + font-weight: bold; + margin: 20px; + display: inline-block; +} + +p a:hover { + background-color: #34495e; + text-decoration: none; +} + +ul { + list-style-type: none; + padding: 0; + max-width: 800px; + width: 90%; + margin-top: 20px; + margin-bottom: 50px; +} + +li { + background-color: #f7f7f9; + margin: 20px 0; + padding: 30px; + border-radius: 8px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + display: flex; + flex-direction: column; + align-items: center; + gap: 20px; + border: 1px solid #d4d4d6; +} + +h3 { + font-size: 24px; + margin: 0 0 15px 0; + color: #2c3e50; + border-bottom: 3px solid #2c3e50; + padding-bottom: 10px; + text-align: center; + width: 100%; +} + +p { + margin: 8px 0; + line-height: 1.5; + color: #555; + text-align: center; + font-weight: 500; + width: 100%; +} + +a { + text-decoration: none; + color: #2980b9; + padding: 8px 12px; + border: 1px solid #2980b9; + border-radius: 4px; + font-size: 14px; + align-self: center; + transition: background-color 0.2s, color 0.2s; +} + +a:hover { + background-color: #2980b9; + color: #fff; +} diff --git a/project/static/css/supervisor_login.css b/project/static/css/supervisor_login.css new file mode 100644 index 0000000..7f8f504 --- /dev/null +++ b/project/static/css/supervisor_login.css @@ -0,0 +1,66 @@ +body { + font-family: 'Arial', sans-serif; + background: linear-gradient(45deg, #83a4d4, #b6fbff); + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + flex-direction: column; +} + +h2 { + text-align: center; + margin-bottom: 30px; + color: #333; +} + +form { + background-color: #ffffff; + padding: 40px; + border-radius: 8px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + max-width: 500px; + width: 90%; +} + +div { + margin-bottom: 20px; +} + +label { + display: block; + margin-bottom: 5px; + color: #555; + font-weight: 500; +} + +input[type="email"], +input[type="password"] { + width: 100%; + padding: 12px 15px; + border: 1px solid #ccc; + border-radius: 6px; + font-size: 14px; +} + +button { + color: #ffffff; /* White text color */ + background-color: #000000; /* Black background */ + padding: 10px 20px; + border-radius: 20px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + cursor: pointer; + border: none; + font-size: 16px; + transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s; + width: 100%; + text-align: center; +} + +button:hover { + background-color: #333333; /* Slightly lighter black on hover */ + box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); + transform: translateY(-5px); +} diff --git a/project/static/css/view_comments.css b/project/static/css/view_comments.css new file mode 100644 index 0000000..6a52af3 --- /dev/null +++ b/project/static/css/view_comments.css @@ -0,0 +1,88 @@ +body { + font-family: 'Arial', sans-serif; + background-color: #f4f4f8; + padding: 40px; + color: #333; + line-height: 1.6; +} + +h2 { + text-align: center; + margin-bottom: 30px; + color: #2c3e50; +} + +form { + background-color: #fff; + padding: 20px; + border-radius: 8px; + box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); + margin-bottom: 40px; +} + +div { + margin-bottom: 20px; +} + +label { + display: block; + margin-bottom: 8px; + font-weight: bold; + color: #34495e; +} + +textarea { + width: 100%; + padding: 10px; + border: 1px solid #bdc3c7; + border-radius: 4px; + font-size: 14px; + font-family: 'Arial', sans-serif; + resize: vertical; + min-height: 100px; +} + +button { + background-color: #2c3e50; + color: #fff; + padding: 10px 20px; + border: none; + border-radius: 5px; + font-weight: bold; + cursor: pointer; + transition: background-color 0.2s; +} + +button:hover { + background-color: #34495e; +} + +hr { + margin: 40px 0; + border-color: #bdc3c7; + border-style: solid; + border-width: 1px 0 0 0; +} + +ul { + list-style: none; + padding-left: 0; +} + +li { + background-color: #fff; + padding: 15px; + border-radius: 5px; + box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.1); + margin-bottom: 20px; +} + +a { + color: #3498db; + text-decoration: none; + font-weight: bold; +} + +a:hover { + text-decoration: underline; +} diff --git a/project/templates/project/create_project.html b/project/templates/project/create_project.html index 524771c..2d8246e 100644 --- a/project/templates/project/create_project.html +++ b/project/templates/project/create_project.html @@ -1,3 +1,5 @@ +{% load static %} + diff --git a/project/templates/project/projects_list.html b/project/templates/project/projects_list.html index c44f85b..f235c24 100644 --- a/project/templates/project/projects_list.html +++ b/project/templates/project/projects_list.html @@ -1,3 +1,5 @@ +{% load static %} +

Your Projects

Create New Project diff --git a/project/templates/project/supervisor_login.html b/project/templates/project/supervisor_login.html index 13fc670..f212665 100644 --- a/project/templates/project/supervisor_login.html +++ b/project/templates/project/supervisor_login.html @@ -1,6 +1,8 @@ - {% block content %} +{% load static %} + +

Supervisor Login

{% csrf_token %} diff --git a/project/templates/project/view_comments.html b/project/templates/project/view_comments.html index 58a76f0..ef28d15 100644 --- a/project/templates/project/view_comments.html +++ b/project/templates/project/view_comments.html @@ -1,3 +1,5 @@ +{% load static %} +

Add a Comment for Project: {{ project.name }}

diff --git a/user/static/css/change_password.css b/user/static/css/change_password.css new file mode 100644 index 0000000..fed2525 --- /dev/null +++ b/user/static/css/change_password.css @@ -0,0 +1,78 @@ +body { + font-family: 'Arial', sans-serif; + background: linear-gradient(45deg, #83a4d4, #b6fbff); + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; +} + +h2 { + text-align: center; + margin-bottom: 30px; + color: #333; +} + +form { + background-color: #ffffff; + padding: 40px; + border-radius: 8px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + max-width: 500px; + width: 100%; + transition: transform 0.2s, box-shadow 0.2s; +} + +form:hover { + transform: translateY(-10px); + box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); +} + +label { + display: block; + margin-bottom: 5px; + color: #555; + font-weight: 500; +} + +input[type="text"], +input[type="password"], +input[type="email"], +textarea, +select { + width: 100%; + padding: 12px 15px; + margin-bottom: 20px; + border: 1px solid #ccc; + border-radius: 6px; + font-size: 14px; + transition: border 0.2s; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +textarea:focus, +select:focus { + border-color: #007BFF; + outline: none; +} + +button { + width: 100%; + padding: 12px 15px; + background-color: #007BFF; + color: #fff; + border: none; + border-radius: 6px; + cursor: pointer; + font-size: 16px; + transition: background-color 0.2s; +} + +button:hover { + background-color: #0056b3; +} diff --git a/user/static/css/edit_profile.css b/user/static/css/edit_profile.css new file mode 100644 index 0000000..d83f5f7 --- /dev/null +++ b/user/static/css/edit_profile.css @@ -0,0 +1,85 @@ +body { + font-family: 'Arial', sans-serif; + background: linear-gradient(45deg, #83a4d4, #b6fbff); + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + flex-direction: column; +} + +h2 { + text-align: center; + margin-bottom: 30px; + color: #333; +} + +form { + background-color: #ffffff; + padding: 40px; + border-radius: 8px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + max-width: 500px; + width: 90%; + transition: transform 0.2s, box-shadow 0.2s; +} + +form:hover { + transform: translateY(-10px); + box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); +} + +label { + display: block; + margin-bottom: 5px; + color: #555; + font-weight: 500; +} + +input[type="text"], +input[type="password"], +input[type="email"], +textarea, +select { + width: 100%; + padding: 12px 15px; + margin-bottom: 20px; + border: 1px solid #ccc; + border-radius: 6px; + font-size: 14px; + transition: border 0.2s; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +textarea:focus, +select:focus { + border-color: #007BFF; + outline: none; +} + + +button { + color: #ffffff; /* White text color */ + background-color: #000000; /* Black background */ + padding: 10px 20px; + border-radius: 20px; + margin: 20px 0; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + cursor: pointer; + border: none; + font-size: 16px; + transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s; + display: block; + width: 100%; + text-align: center; +} + +button:hover { + background-color: #333333; /* Slightly lighter black on hover for a subtle effect */ + box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); + transform: translateY(-5px); +} diff --git a/user/static/css/home.css b/user/static/css/home.css new file mode 100644 index 0000000..9c42da1 --- /dev/null +++ b/user/static/css/home.css @@ -0,0 +1,50 @@ +body { + font-family: 'Arial', sans-serif; + background: linear-gradient(45deg, #83a4d4, #b6fbff); + margin: 0; + padding: 0; + display: flex; + justify-content: center; + align-items: center; + height: 100vh; + flex-direction: column; +} + +h2 { + color: #333; + margin-bottom: 20px; +} + +p { + background-color: #ffffff; + padding: 15px; + border-radius: 8px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + width: 80%; + max-width: 500px; + margin: 10px 0; + transition: transform 0.2s, box-shadow 0.2s; +} + +p:hover { + transform: translateY(-5px); + box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); +} + +a { + color: #007BFF; + text-decoration: none; + background-color: #ffffff; + padding: 10px 20px; + border-radius: 20px; + margin: 10px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + transition: background-color 0.2s, color 0.2s, box-shadow 0.2s, transform 0.2s; +} + +a:hover { + background-color: #0056b3; + color: #fff; + box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); + transform: translateY(-5px); +} diff --git a/user/static/css/login.css b/user/static/css/login.css new file mode 100644 index 0000000..8e220b3 --- /dev/null +++ b/user/static/css/login.css @@ -0,0 +1,88 @@ +body { + font-family: 'Arial', sans-serif; + background: linear-gradient(45deg, #83a4d4, #b6fbff); + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 100vh; +} + +h2 { + text-align: center; + margin-bottom: 20px; + color: #333; +} + +form { + background-color: #ffffff; + padding: 40px; + border-radius: 8px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + max-width: 400px; + width: 100%; + transition: transform 0.2s, box-shadow 0.2s; +} + +form:hover { + transform: translateY(-10px); + box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); +} + +label { + display: block; + margin-bottom: 10px; + color: #555; + font-weight: 500; +} + +input[type="email_or_username"], +input[type="password"] { + width: 100%; + padding: 12px 15px; + margin-bottom: 20px; + border: 1px solid #ccc; + border-radius: 6px; + font-size: 14px; + transition: border 0.2s; +} + +input[type="email_or_username"]:focus, +input[type="password"]:focus { + border-color: #007BFF; + outline: none; +} + +button { + width: 100%; + padding: 12px 15px; + background-color: #007BFF; + color: #fff; + border: none; + border-radius: 6px; + cursor: pointer; + font-size: 16px; + transition: background-color 0.2s; +} + +button:hover { + background-color: #0056b3; +} + +p { + text-align: center; + margin-top: 20px; + color: #555; +} + +a { + color: #007BFF; + text-decoration: none; + transition: color 0.2s; +} + +a:hover { + color: #0056b3; +} diff --git a/user/static/css/signup.css b/user/static/css/signup.css new file mode 100644 index 0000000..9d0145c --- /dev/null +++ b/user/static/css/signup.css @@ -0,0 +1,94 @@ +body { + font-family: 'Arial', sans-serif; + background: linear-gradient(45deg, #83a4d4, #b6fbff); + margin: 0; + padding: 0; + display: flex; + flex-direction: column; + justify-content: center; + align-items: center; + height: 160vh; +} + +h2 { + text-align: center; + margin-bottom: 20px; + color: #333; +} + +form { + background-color: #ffffff; + padding: 40px; + border-radius: 8px; + box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); + max-width: 450px; + width: 100%; + transition: transform 0.2s, box-shadow 0.2s; +} + +form:hover { + transform: translateY(-10px); + box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.2); +} + +label { + display: block; + margin-bottom: 10px; + color: #555; + font-weight: 500; +} + +input[type="text"], +input[type="password"], +input[type="email"], +textarea, +select { + width: 100%; + padding: 12px 15px; + margin-bottom: 15px; + border: 1px solid #ccc; + border-radius: 6px; + font-size: 14px; + transition: border 0.2s; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +textarea:focus, +select:focus { + border-color: #007BFF; + outline: none; +} + +button { + width: 100%; + padding: 12px 15px; + background-color: #007BFF; + color: #fff; + border: none; + border-radius: 6px; + cursor: pointer; + font-size: 16px; + transition: background-color 0.2s; +} + +button:hover { + background-color: #0056b3; +} + +p { + text-align: center; + margin-top: 20px; + color: #555; +} + +a { + color: #007BFF; + text-decoration: none; + transition: color 0.2s; +} + +a:hover { + color: #0056b3; +} diff --git a/user/templates/user/change_password.html b/user/templates/user/change_password.html index fe9037f..cbbd8a2 100644 --- a/user/templates/user/change_password.html +++ b/user/templates/user/change_password.html @@ -1,3 +1,5 @@ +{% load static %} + diff --git a/user/templates/user/edit_profile.html b/user/templates/user/edit_profile.html index 17ed455..1e3eb09 100644 --- a/user/templates/user/edit_profile.html +++ b/user/templates/user/edit_profile.html @@ -1,3 +1,5 @@ +{% load static %} + diff --git a/user/templates/user/home.html b/user/templates/user/home.html index 4b8cb8a..5be10b8 100644 --- a/user/templates/user/home.html +++ b/user/templates/user/home.html @@ -1,3 +1,5 @@ +{% load static %} + diff --git a/user/templates/user/login.html b/user/templates/user/login.html index 8575fdc..8289fa2 100644 --- a/user/templates/user/login.html +++ b/user/templates/user/login.html @@ -1,3 +1,5 @@ +{% load static %} + diff --git a/user/templates/user/signup.html b/user/templates/user/signup.html index 6246e1b..2679fa4 100644 --- a/user/templates/user/signup.html +++ b/user/templates/user/signup.html @@ -1,3 +1,5 @@ +{% load static %} +