6 |
8 |
21 |
9 | 
19 |
20 |
10 |
14 |
18 | Each Day, Achieve More!
11 |12 | A lovely and simple way to keep track of your tasks. 13 |
14 |
15 | Get Started
16 |
17 |
19 |
22 |
34 |
23 |
27 |
28 |
33 | Each Day, Achieve More!
24 |25 | A lovely and simple way to keep track of your tasks. 26 |
27 |
35 |
36 | Server Error
37 | 38 | 39 | 42 | 43 | 44 | 45 | -------------------------------------------------------------------------------- /templates/signup.html: -------------------------------------------------------------------------------- 1 | {% load crispy_forms_tags %} 2 | {% load static %} 3 | 4 | 5 | 6 | 7 | 8 | 9 |20 |
21 | 22 |
Sign up for Cheqqit
23 |
24 |
39 |
40 |
--------------------------------------------------------------------------------
/templates/sidebar.html:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/staticfiles/admin/js/collapse.js:
--------------------------------------------------------------------------------
1 | /*global gettext*/
2 | 'use strict';
3 | {
4 | window.addEventListener('load', function() {
5 | // Add anchor tag for Show/Hide link
6 | const fieldsets = document.querySelectorAll('fieldset.collapse');
7 | for (const [i, elem] of fieldsets.entries()) {
8 | // Don't hide if fields in this fieldset have errors
9 | if (elem.querySelectorAll('div.errors, ul.errorlist').length === 0) {
10 | elem.classList.add('collapsed');
11 | const h2 = elem.querySelector('h2');
12 | const link = document.createElement('a');
13 | link.id = 'fieldsetcollapser' + i;
14 | link.className = 'collapse-toggle';
15 | link.href = '#';
16 | link.textContent = gettext('Show');
17 | h2.appendChild(document.createTextNode(' ('));
18 | h2.appendChild(link);
19 | h2.appendChild(document.createTextNode(')'));
20 | }
21 | }
22 | // Add toggle to hide/show anchor tag
23 | const toggleFunc = function(ev) {
24 | if (ev.target.matches('.collapse-toggle')) {
25 | ev.preventDefault();
26 | ev.stopPropagation();
27 | const fieldset = ev.target.closest('fieldset');
28 | if (fieldset.classList.contains('collapsed')) {
29 | // Show
30 | ev.target.textContent = gettext('Hide');
31 | fieldset.classList.remove('collapsed');
32 | } else {
33 | // Hide
34 | ev.target.textContent = gettext('Show');
35 | fieldset.classList.add('collapsed');
36 | }
37 | }
38 | };
39 | document.querySelectorAll('fieldset.module').forEach(function(el) {
40 | el.addEventListener('click', toggleFunc);
41 | });
42 | });
43 | }
44 |
--------------------------------------------------------------------------------
/staticfiles/admin/css/responsive_rtl.css:
--------------------------------------------------------------------------------
1 | /* TABLETS */
2 |
3 | @media (max-width: 1024px) {
4 | [dir="rtl"] .colMS {
5 | margin-right: 0;
6 | }
7 |
8 | [dir="rtl"] #user-tools {
9 | text-align: right;
10 | }
11 |
12 | [dir="rtl"] #changelist .actions label {
13 | padding-left: 10px;
14 | padding-right: 0;
15 | }
16 |
17 | [dir="rtl"] #changelist .actions select {
18 | margin-left: 0;
19 | margin-right: 15px;
20 | }
21 |
22 | [dir="rtl"] .change-list .filtered .results,
23 | [dir="rtl"] .change-list .filtered .paginator,
24 | [dir="rtl"] .filtered #toolbar,
25 | [dir="rtl"] .filtered div.xfull,
26 | [dir="rtl"] .filtered .actions,
27 | [dir="rtl"] #changelist-filter {
28 | margin-left: 0;
29 | }
30 |
31 | [dir="rtl"] .inline-group ul.tools a.add,
32 | [dir="rtl"] .inline-group div.add-row a,
33 | [dir="rtl"] .inline-group .tabular tr.add-row td a {
34 | padding: 8px 26px 8px 10px;
35 | background-position: calc(100% - 8px) 9px;
36 | }
37 |
38 | [dir="rtl"] .related-widget-wrapper-link + .selector {
39 | margin-right: 0;
40 | margin-left: 15px;
41 | }
42 |
43 | [dir="rtl"] .selector .selector-filter label {
44 | margin-right: 0;
45 | margin-left: 8px;
46 | }
47 |
48 | [dir="rtl"] .object-tools li {
49 | float: right;
50 | }
51 |
52 | [dir="rtl"] .object-tools li + li {
53 | margin-left: 0;
54 | margin-right: 15px;
55 | }
56 |
57 | [dir="rtl"] .dashboard .module table td a {
58 | padding-left: 0;
59 | padding-right: 16px;
60 | }
61 | }
62 |
63 | /* MOBILE */
64 |
65 | @media (max-width: 767px) {
66 | [dir="rtl"] .aligned .related-lookup,
67 | [dir="rtl"] .aligned .datetimeshortcuts {
68 | margin-left: 0;
69 | margin-right: 15px;
70 | }
71 |
72 | [dir="rtl"] .aligned ul {
73 | margin-right: 0;
74 | }
75 |
76 | [dir="rtl"] #changelist-filter {
77 | margin-left: 0;
78 | margin-right: 0;
79 | }
80 | }
81 |
--------------------------------------------------------------------------------
/templates/404.html:
--------------------------------------------------------------------------------
1 | {% load static %}
2 |
3 |
4 |
5 |
6 |
7 |
8 |
10 |
25 |
38 |
26 |
37 |
27 |
36 |
28 |
33 |
35 | Already have an account? Sign In
34 |
39 | The page you are looking for couldn't be found
40 | 41 | 42 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # Byte-compiled / optimized / DLL files 2 | __pycache__/ 3 | *.py[cod] 4 | *$py.class 5 | 6 | # C extensions 7 | *.so 8 | 9 | # Distribution / packaging 10 | .Python 11 | build/ 12 | develop-eggs/ 13 | dist/ 14 | downloads/ 15 | eggs/ 16 | .eggs/ 17 | lib/ 18 | lib64/ 19 | parts/ 20 | sdist/ 21 | var/ 22 | wheels/ 23 | pip-wheel-metadata/ 24 | share/python-wheels/ 25 | *.egg-info/ 26 | .installed.cfg 27 | *.egg 28 | MANIFEST 29 | 30 | # PyInstaller 31 | # Usually these files are written by a python script from a template 32 | # before PyInstaller builds the exe, so as to inject date/other infos into it. 33 | *.manifest 34 | *.spec 35 | 36 | # Installer logs 37 | pip-log.txt 38 | pip-delete-this-directory.txt 39 | 40 | # Unit test / coverage reports 41 | htmlcov/ 42 | .tox/ 43 | .nox/ 44 | .coverage 45 | .coverage.* 46 | .cache 47 | nosetests.xml 48 | coverage.xml 49 | *.cover 50 | *.py,cover 51 | .hypothesis/ 52 | .pytest_cache/ 53 | 54 | # Translations 55 | *.mo 56 | *.pot 57 | 58 | # Django stuff: 59 | *.log 60 | local_settings.py 61 | db.sqlite3 62 | db.sqlite3-journal 63 | 64 | # Flask stuff: 65 | instance/ 66 | .webassets-cache 67 | 68 | # Scrapy stuff: 69 | .scrapy 70 | 71 | # Sphinx documentation 72 | docs/_build/ 73 | 74 | # PyBuilder 75 | target/ 76 | 77 | # Jupyter Notebook 78 | .ipynb_checkpoints 79 | 80 | # IPython 81 | profile_default/ 82 | ipython_config.py 83 | 84 | # pyenv 85 | .python-version 86 | 87 | # pipenv 88 | # According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control. 89 | # However, in case of collaboration, if having platform-specific dependencies or dependencies 90 | # having no cross-platform support, pipenv may install dependencies that don't work, or not 91 | # install all needed dependencies. 92 | #Pipfile.lock 93 | 94 | # PEP 582; used by e.g. github.com/David-OConnor/pyflow 95 | __pypackages__/ 96 | 97 | # Celery stuff 98 | celerybeat-schedule 99 | celerybeat.pid 100 | 101 | # SageMath parsed files 102 | *.sage.py 103 | 104 | # Environments 105 | .env 106 | .venv 107 | env/ 108 | venv/ 109 | ENV/ 110 | env.bak/ 111 | venv.bak/ 112 | 113 | # Spyder project settings 114 | .spyderproject 115 | .spyproject 116 | 117 | # Rope project settings 118 | .ropeproject 119 | 120 | # mkdocs documentation 121 | /site 122 | 123 | # mypy 124 | .mypy_cache/ 125 | .dmypy.json 126 | dmypy.json 127 | 128 | # Pyre type checker 129 | .pyre/ 130 | 131 | staticfile/ -------------------------------------------------------------------------------- /cheqqit/migrations/0001_initial.py: -------------------------------------------------------------------------------- 1 | # Generated by Django 3.2.6 on 2022-03-10 23:34 2 | 3 | import django.contrib.auth.models 4 | from django.db import migrations, models 5 | import django.utils.timezone 6 | 7 | 8 | class Migration(migrations.Migration): 9 | 10 | initial = True 11 | 12 | dependencies = [ 13 | ('auth', '0012_alter_user_first_name_max_length'), 14 | ] 15 | 16 | operations = [ 17 | migrations.CreateModel( 18 | name='CustomUser', 19 | fields=[ 20 | ('id', models.BigAutoField(auto_created=True, primary_key=True, serialize=False, verbose_name='ID')), 21 | ('password', models.CharField(max_length=128, verbose_name='password')), 22 | ('last_login', models.DateTimeField(blank=True, null=True, verbose_name='last login')), 23 | ('is_superuser', models.BooleanField(default=False, help_text='Designates that this user has all permissions without explicitly assigning them.', verbose_name='superuser status')), 24 | ('first_name', models.CharField(blank=True, max_length=150, verbose_name='first name')), 25 | ('last_name', models.CharField(blank=True, max_length=150, verbose_name='last name')), 26 | ('is_staff', models.BooleanField(default=False, help_text='Designates whether the user can log into this admin site.', verbose_name='staff status')), 27 | ('is_active', models.BooleanField(default=True, help_text='Designates whether this user should be treated as active. Unselect this instead of deleting accounts.', verbose_name='active')), 28 | ('date_joined', models.DateTimeField(default=django.utils.timezone.now, verbose_name='date joined')), 29 | ('username', models.CharField(max_length=20, unique=True)), 30 | ('email', models.EmailField(max_length=70, unique=True)), 31 | ('groups', models.ManyToManyField(blank=True, help_text='The groups this user belongs to. A user will get all permissions granted to each of their groups.', related_name='user_set', related_query_name='user', to='auth.Group', verbose_name='groups')), 32 | ('user_permissions', models.ManyToManyField(blank=True, help_text='Specific permissions for this user.', related_name='user_set', related_query_name='user', to='auth.Permission', verbose_name='user permissions')), 33 | ], 34 | options={ 35 | 'verbose_name': 'user', 36 | 'verbose_name_plural': 'users', 37 | 'abstract': False, 38 | }, 39 | managers=[ 40 | ('objects', django.contrib.auth.models.UserManager()), 41 | ], 42 | ), 43 | ] 44 | -------------------------------------------------------------------------------- /templates/create_task.html: -------------------------------------------------------------------------------- 1 | {% load crispy_forms_tags %} 2 | {% load static %} 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
25 |
27 |
29 |
39 |
30 |
37 |
38 | 20 |
22 | 23 |
Sign in to Cheqqit
24 |
25 |
63 |
66 |
69 |
72 |
73 |
74 |
--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
1 |
26 |
62 |
27 |
61 |
28 |
60 |
29 |
49 |
56 |
59 | New to Cheqqit? Create an 57 | account
58 |
2 | 
3 |
4 |
5 |
3 |
6 |
9 |
10 | # Preview ✨
11 |
12 | 
13 |
14 | Click on this [link](https://cheqqit.herokuapp.com/) to view Cheqqit.
15 |
16 | # Guidelines on how to run locally 💻
17 |
18 | ## Clone this repository
19 |
20 | ```
21 | git clone https://github.com/Mannuel25/Cheqqit.git
22 | ```
23 |
24 | ## Change directory
25 | Change your directory to where you cloned the repository
26 |
27 | ```
28 | cd Cheqqit
29 | ```
30 |
31 | ## Create a virtual environment in the cheqqit directory
32 | Ensure you are in the cheqqit directory, run this command to create a virtual environment:
33 | ```
34 | python -m venv .\venv
35 | ```
36 | ## Activate the virtual environment
37 | Activate the virtual environment using the following command:
38 | ```
39 | venv\scripts\activate
40 | ```
41 | Note: Upon running the command **venv\scripts\activate**, if this error shows up:
42 | ```
43 | venv\scripts\activate : File C:\Users\Training\Documents\New folder\venv\scripts\Activate.ps1 cannot be loaded because running scripts is
44 | disabled on this system. For more information, see about_Execution_Policies at http://go.microsoft.com/fwlink/?LinkID=135170.
45 | ```
46 | Run this command:
47 | ```
48 | Set-ExecutionPolicy -Scope CurrentUser -ExecutionPolicy Unrestricted
49 | ```
50 | Then run the command to activate the virtual environment
51 | ## Install all necessary packages
52 |
53 | ```
54 | pip install -r requirements.txt
55 | ```
56 | ## Update the database
57 | Copy this snippet and replace it with the database configuration settings, or if you are familiar with Postgres, create a new database and connect it to the app.
58 |
59 | ```
60 | DATABASES = {
61 | 'default': {
62 | 'ENGINE': 'django.db.backends.sqlite3',
63 | 'NAME': BASE_DIR / 'db.sqlite3',
64 | }
65 | }
66 | ```
67 | ## Generate a new secret key
68 | Make use of [Djecrety](https://djecrety.ir/) to generate your secret key.
69 |
70 | ## Make migrations
71 | Run the following commands separately to make migrations
72 | ```
73 | python manage.py makemigrations
74 | python manage.py migrate
75 | ```
76 | ## Create a new superuser
77 | Run the following command to create a new superuser
78 | ```
79 | python manage.py createsuperuser
80 | ```
81 | ## Update debug settings in the project folder
82 |
83 | ```
84 | if os.environ.get('DEBUG')=='TRUE':
85 | DEBUG = True
86 | elif os.environ.get('DEBUG') =='False':
87 | DEBUG = False
88 | ```
89 | Comment out the above snippet and add this below it **DEBUG = True**
90 |
91 | ## Run the project
92 |
93 | ```
94 | python manage.py runserver
95 | ```
96 | # Contribution 🌟
97 | Are you interested in making any contribution to the project?. Be sure to follow the [contribution guidelines](CONTRIBUTING.md) while making your contributions. If you love this project, kindly give it a star ⭐ and share it with others 🤗.
98 |
99 | # License 🔐
100 | Thsi project is under an [MIT LICENSE](LICENSE)
101 |
--------------------------------------------------------------------------------
/staticfiles/admin/css/nav_sidebar.css:
--------------------------------------------------------------------------------
1 | .sticky {
2 | position: sticky;
3 | top: 0;
4 | max-height: 100vh;
5 | }
6 |
7 | .toggle-nav-sidebar {
8 | z-index: 20;
9 | left: 0;
10 | display: flex;
11 | align-items: center;
12 | justify-content: center;
13 | flex: 0 0 23px;
14 | width: 23px;
15 | border: 0;
16 | border-right: 1px solid var(--hairline-color);
17 | background-color: var(--body-bg);
18 | cursor: pointer;
19 | font-size: 1.25rem;
20 | color: var(--link-fg);
21 | padding: 0;
22 | }
23 |
24 | [dir="rtl"] .toggle-nav-sidebar {
25 | border-left: 1px solid var(--hairline-color);
26 | border-right: 0;
27 | }
28 |
29 | .toggle-nav-sidebar:hover,
30 | .toggle-nav-sidebar:focus {
31 | background-color: var(--darkened-bg);
32 | }
33 |
34 | #nav-sidebar {
35 | z-index: 15;
36 | flex: 0 0 275px;
37 | left: -276px;
38 | margin-left: -276px;
39 | border-top: 1px solid transparent;
40 | border-right: 1px solid var(--hairline-color);
41 | background-color: var(--body-bg);
42 | overflow: auto;
43 | }
44 |
45 | [dir="rtl"] #nav-sidebar {
46 | border-left: 1px solid var(--hairline-color);
47 | border-right: 0;
48 | left: 0;
49 | margin-left: 0;
50 | right: -276px;
51 | margin-right: -276px;
52 | }
53 |
54 | .toggle-nav-sidebar::before {
55 | content: '\00BB';
56 | }
57 |
58 | .main.shifted .toggle-nav-sidebar::before {
59 | content: '\00AB';
60 | }
61 |
62 | .main.shifted > #nav-sidebar {
63 | margin-left: 0;
64 | }
65 |
66 | [dir="rtl"] .main.shifted > #nav-sidebar {
67 | margin-right: 0;
68 | }
69 |
70 | #nav-sidebar .module th {
71 | width: 100%;
72 | overflow-wrap: anywhere;
73 | }
74 |
75 | #nav-sidebar .module th,
76 | #nav-sidebar .module caption {
77 | padding-left: 16px;
78 | }
79 |
80 | #nav-sidebar .module td {
81 | white-space: nowrap;
82 | }
83 |
84 | [dir="rtl"] #nav-sidebar .module th,
85 | [dir="rtl"] #nav-sidebar .module caption {
86 | padding-left: 8px;
87 | padding-right: 16px;
88 | }
89 |
90 | #nav-sidebar .current-app .section:link,
91 | #nav-sidebar .current-app .section:visited {
92 | color: var(--header-color);
93 | font-weight: bold;
94 | }
95 |
96 | #nav-sidebar .current-model {
97 | background: var(--selected-row);
98 | }
99 |
100 | .main > #nav-sidebar + .content {
101 | max-width: calc(100% - 23px);
102 | }
103 |
104 | .main.shifted > #nav-sidebar + .content {
105 | max-width: calc(100% - 299px);
106 | }
107 |
108 | @media (max-width: 767px) {
109 | #nav-sidebar, #toggle-nav-sidebar {
110 | display: none;
111 | }
112 |
113 | .main > #nav-sidebar + .content,
114 | .main.shifted > #nav-sidebar + .content {
115 | max-width: 100%;
116 | }
117 | }
118 |
119 | #nav-filter {
120 | width: 100%;
121 | box-sizing: border-box;
122 | padding: 2px 5px;
123 | margin: 5px 0;
124 | border: 1px solid var(--border-color);
125 | background-color: var(--darkened-bg);
126 | color: var(--body-fg);
127 | }
128 |
129 | #nav-filter:focus {
130 | border-color: var(--body-quiet-color);
131 | }
132 |
133 | #nav-filter.no-results {
134 | background: var(--message-error-bg);
135 | }
136 |
137 | #nav-sidebar table {
138 | width: 100%;
139 | }
140 |
--------------------------------------------------------------------------------
/staticfiles/admin/img/selector-icons.svg:
--------------------------------------------------------------------------------
1 |
35 |
--------------------------------------------------------------------------------
/templates/update_task.html:
--------------------------------------------------------------------------------
1 | {% load crispy_forms_tags %}
2 | {% load static %}
3 |
4 |
5 |
6 |
7 |
8 |
9 |
10 | Cheqqit
7 |Cheqqit is a beautiful and easy-to-use online tool that helps you keep track of your tasks.
8 |
25 |
27 | Update Task
26 |
29 |
39 |
30 |
37 |
38 |
27 |
29 | Task Details
28 |
31 |
47 |
32 |
45 |
46 |
25 |
26 |
27 |
28 |
29 | {% csrf_token %}
30 | {% for task in all_completed_tasks %}
31 |
32 |
33 | {% if task.description != '' and task.task_due_time != None and task.task_due_date != None %} 34 |
61 | {% endfor %} 62 | 63 | 64 | 65 | 68 | 69 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /templates/today.html: -------------------------------------------------------------------------------- 1 | {% load crispy_forms_tags %} 2 | {% load static %} 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |{% block title %} Today - Cheqqit {% endblock title %}
11 |
12 |
13 |
14 |
15 |
16 |
17 |
18 |
19 |
20 |
21 |
22 | {% include 'sidebar.html' %}
23 |
24 |
33 | {% if task.description != '' and task.task_due_time != None and task.task_due_date != None %} 34 |
{{ task.description|truncatechars:50 }}
35 |
36 | {{task.task_due_date}} ||
37 | {{task.task_due_time}}
38 | {% elif task.description != '' and task.task_due_time == None and task.task_due_date == None %}
39 | {{ task.description|truncatechars:50 }}
40 | {% elif task.description == '' and task.task_due_time == None and task.task_due_date != None %}
41 |
42 | {{task.task_due_date}}
43 | {% elif task.description == '' and task.task_due_time != None and task.task_due_date == None %}
44 |
45 | {{task.task_due_time}}
46 | {% elif task.description != '' and task.task_due_time == None and task.task_due_date != None %}
47 | {{ task.description|truncatechars:50 }}
48 |
49 | {{task.task_due_date}}
50 | {% elif task.description != '' and task.task_due_time != None and task.task_due_date == None %}
51 | {{ task.description|truncatechars:50 }}
52 |
53 | {{task.task_due_time}}
54 | {% elif task.description == '' and task.task_due_time != None and task.task_due_date != None %}
55 |
56 | {{task.task_due_date}} ||
57 | {{task.task_due_time}}
58 | {% elif task.description == '' and task.task_due_time == None and task.task_due_date == None %}
59 | {% endif %}
60 | 61 | {% endfor %} 62 | 63 | 64 | 65 | 68 | 69 | 72 | 73 | 74 | -------------------------------------------------------------------------------- /templates/today.html: -------------------------------------------------------------------------------- 1 | {% load crispy_forms_tags %} 2 | {% load static %} 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 |
25 |
28 | Today
26 |{{ today_date }}
27 |
29 |
61 |
62 |
63 |
64 |
65 |
68 |
69 |
72 |
73 |
74 |
--------------------------------------------------------------------------------
/static/css/styles.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
2 |
3 | * {
4 | margin: 0;
5 | padding: 0;
6 | box-sizing: border-box;
7 | }
8 |
9 | html,
10 | body {
11 | margin: 0px;
12 | height: 100%;
13 | width: 100%;
14 | font-family: Arial, Helvetica, sans-serif;
15 | }
16 |
17 | .navbar-nav li {
18 | padding-right: 30px;
19 | }
20 |
21 | .nav-link {
22 | color: black !important;
23 | font-size: 18px !important;
24 | }
25 |
26 | .sidebar {
27 | position: fixed;
28 | left: 0;
29 | top: 0;
30 | height: 100%;
31 | width: 78px;
32 | background: blueviolet;
33 | padding: 6px 14px;
34 | z-index: 99;
35 | transition: all 0.5s ease;
36 | }
37 |
38 | .sidebar.open {
39 | width: 250px;
40 | }
41 |
42 | .sidebar .sidebar_btn {
43 | height: 60px;
44 | display: flex;
45 | align-items: center;
46 | position: relative;
47 | }
48 |
49 | .sidebar .sidebar_btn #btn {
50 | position: absolute;
51 | top: 50%;
52 | right: 0;
53 | transform: translateY(-50%);
54 | font-size: 22px;
55 | transition: all 0.4s ease;
56 | font-size: 23px;
57 | text-align: center;
58 | cursor: pointer;
59 | transition: all 0.5s ease;
60 | }
61 |
62 | .sidebar.open .sidebar_btn #btn {
63 | text-align: right;
64 | }
65 |
66 | .sidebar i {
67 | color: #fff;
68 | height: 60px;
69 | min-width: 50px;
70 | font-size: 28px;
71 | text-align: center;
72 | line-height: 60px;
73 | }
74 |
75 | .sidebar .nav-list {
76 | margin-top: 20px;
77 | height: 100%;
78 | }
79 |
80 | .sidebar li {
81 | position: relative;
82 | margin: 8px 0;
83 | list-style: none;
84 | }
85 |
86 | .sidebar li .tooltip {
87 | position: absolute;
88 | top: -20px;
89 | left: calc(100% + 15px);
90 | z-index: 3;
91 | background: #fff;
92 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
93 | padding: 6px 12px;
94 | border-radius: 4px;
95 | font-size: 15px;
96 | font-weight: 400;
97 | opacity: 0;
98 | white-space: nowrap;
99 | pointer-events: none;
100 | transition: 0s;
101 | }
102 |
103 | .sidebar li:hover .tooltip {
104 | opacity: 1;
105 | pointer-events: auto;
106 | transition: all 0.4s ease;
107 | top: 50%;
108 | transform: translateY(-50%);
109 | }
110 |
111 | .sidebar.open li .tooltip {
112 | display: none;
113 | }
114 |
115 | .sidebar input {
116 | font-size: 15px;
117 | color: #FFF;
118 | font-weight: 400;
119 | outline: none;
120 | height: 50px;
121 | width: 100%;
122 | width: 50px;
123 | border: none;
124 | border-radius: 12px;
125 | transition: all 0.5s ease;
126 | /* background: #1d1b31; */
127 | background: rgb(163, 88, 233);
128 | }
129 |
130 | .sidebar.open input {
131 | padding: 0 20px 0 50px;
132 | width: 100%;
133 | }
134 |
135 | .sidebar .bx-search {
136 | position: absolute;
137 | top: 50%;
138 | left: 0;
139 | transform: translateY(-50%);
140 | font-size: 22px;
141 | background: rgb(163, 88, 233);
142 | color: #FFF;
143 | }
144 |
145 | .sidebar.open .bx-search:hover {
146 | background: rgb(163, 88, 233);
147 | color: #FFF;
148 | }
149 |
150 | .sidebar .bx-search:hover {
151 | background: #FFF;
152 | color: #11101d;
153 | }
154 |
155 | .sidebar li a {
156 | display: flex;
157 | height: 100%;
158 | width: 100%;
159 | border-radius: 12px;
160 | align-items: center;
161 | text-decoration: none;
162 | transition: all 0.4s ease;
163 | background: blueviolet;
164 | }
165 |
166 | .sidebar li a:hover {
167 | background: #FFF;
168 | }
169 |
170 | .sidebar li a .links_name {
171 | color: #fff;
172 | font-size: 15px;
173 | font-weight: 400;
174 | white-space: nowrap;
175 | opacity: 0;
176 | pointer-events: none;
177 | transition: 0.4s;
178 | }
179 |
180 | .sidebar.open li a .links_name {
181 | opacity: 1;
182 | pointer-events: auto;
183 | }
184 |
185 | .sidebar li a:hover .links_name,
186 | .sidebar li a:hover i {
187 | transition: all 0.5s ease;
188 | color: #11101D;
189 | }
190 |
191 | .sidebar li i {
192 | height: 50px;
193 | line-height: 50px;
194 | font-size: 23px;
195 | border-radius: 12px;
196 | }
197 |
198 | .home-section {
199 | position: relative;
200 | background: #E4E9F7;
201 | min-height: 100vh;
202 | top: 0;
203 | left: 78px;
204 | width: calc(100% - 78px);
205 | transition: all 0.5s ease;
206 | }
207 |
208 | .home-section .text {
209 | display: inline-block;
210 | color: #11101d;
211 | font-size: 25px;
212 | font-weight: 500;
213 | margin: 18px
214 | }
215 |
216 | @media (max-width: 420px) {
217 | .sidebar li .tooltip {
218 | display: none;
219 | }
220 | }
221 |
222 | .center-img {
223 | display: block;
224 | margin-left: auto;
225 | margin-right: auto;
226 | }
227 |
228 | .btn-danger {
229 | float: right;
230 | margin: 7px;
231 | }
232 |
233 | .btn-success {
234 | float: left;
235 | margin: 6px;
236 | }
237 |
238 | ::placeholder {
239 | color: white;
240 | opacity: 1;
241 | }
--------------------------------------------------------------------------------
/staticfiles/css/styles.css:
--------------------------------------------------------------------------------
1 | @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
2 |
3 | * {
4 | margin: 0;
5 | padding: 0;
6 | box-sizing: border-box;
7 | }
8 |
9 | html,
10 | body {
11 | margin: 0px;
12 | height: 100%;
13 | width: 100%;
14 | font-family: Arial, Helvetica, sans-serif;
15 | }
16 |
17 | .navbar-nav li {
18 | padding-right: 30px;
19 | }
20 |
21 | .nav-link {
22 | color: black !important;
23 | font-size: 18px !important;
24 | }
25 |
26 | .sidebar {
27 | position: fixed;
28 | left: 0;
29 | top: 0;
30 | height: 100%;
31 | width: 78px;
32 | background: blueviolet;
33 | padding: 6px 14px;
34 | z-index: 99;
35 | transition: all 0.5s ease;
36 | }
37 |
38 | .sidebar.open {
39 | width: 250px;
40 | }
41 |
42 | .sidebar .sidebar_btn {
43 | height: 60px;
44 | display: flex;
45 | align-items: center;
46 | position: relative;
47 | }
48 |
49 | .sidebar .sidebar_btn #btn {
50 | position: absolute;
51 | top: 50%;
52 | right: 0;
53 | transform: translateY(-50%);
54 | font-size: 22px;
55 | transition: all 0.4s ease;
56 | font-size: 23px;
57 | text-align: center;
58 | cursor: pointer;
59 | transition: all 0.5s ease;
60 | }
61 |
62 | .sidebar.open .sidebar_btn #btn {
63 | text-align: right;
64 | }
65 |
66 | .sidebar i {
67 | color: #fff;
68 | height: 60px;
69 | min-width: 50px;
70 | font-size: 28px;
71 | text-align: center;
72 | line-height: 60px;
73 | }
74 |
75 | .sidebar .nav-list {
76 | margin-top: 20px;
77 | height: 100%;
78 | }
79 |
80 | .sidebar li {
81 | position: relative;
82 | margin: 8px 0;
83 | list-style: none;
84 | }
85 |
86 | .sidebar li .tooltip {
87 | position: absolute;
88 | top: -20px;
89 | left: calc(100% + 15px);
90 | z-index: 3;
91 | background: #fff;
92 | box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
93 | padding: 6px 12px;
94 | border-radius: 4px;
95 | font-size: 15px;
96 | font-weight: 400;
97 | opacity: 0;
98 | white-space: nowrap;
99 | pointer-events: none;
100 | transition: 0s;
101 | }
102 |
103 | .sidebar li:hover .tooltip {
104 | opacity: 1;
105 | pointer-events: auto;
106 | transition: all 0.4s ease;
107 | top: 50%;
108 | transform: translateY(-50%);
109 | }
110 |
111 | .sidebar.open li .tooltip {
112 | display: none;
113 | }
114 |
115 | .sidebar input {
116 | font-size: 15px;
117 | color: #FFF;
118 | font-weight: 400;
119 | outline: none;
120 | height: 50px;
121 | width: 100%;
122 | width: 50px;
123 | border: none;
124 | border-radius: 12px;
125 | transition: all 0.5s ease;
126 | /* background: #1d1b31; */
127 | background: rgb(163, 88, 233);
128 | }
129 |
130 | .sidebar.open input {
131 | padding: 0 20px 0 50px;
132 | width: 100%;
133 | }
134 |
135 | .sidebar .bx-search {
136 | position: absolute;
137 | top: 50%;
138 | left: 0;
139 | transform: translateY(-50%);
140 | font-size: 22px;
141 | background: rgb(163, 88, 233);
142 | color: #FFF;
143 | }
144 |
145 | .sidebar.open .bx-search:hover {
146 | background: rgb(163, 88, 233);
147 | color: #FFF;
148 | }
149 |
150 | .sidebar .bx-search:hover {
151 | background: #FFF;
152 | color: #11101d;
153 | }
154 |
155 | .sidebar li a {
156 | display: flex;
157 | height: 100%;
158 | width: 100%;
159 | border-radius: 12px;
160 | align-items: center;
161 | text-decoration: none;
162 | transition: all 0.4s ease;
163 | background: blueviolet;
164 | }
165 |
166 | .sidebar li a:hover {
167 | background: #FFF;
168 | }
169 |
170 | .sidebar li a .links_name {
171 | color: #fff;
172 | font-size: 15px;
173 | font-weight: 400;
174 | white-space: nowrap;
175 | opacity: 0;
176 | pointer-events: none;
177 | transition: 0.4s;
178 | }
179 |
180 | .sidebar.open li a .links_name {
181 | opacity: 1;
182 | pointer-events: auto;
183 | }
184 |
185 | .sidebar li a:hover .links_name,
186 | .sidebar li a:hover i {
187 | transition: all 0.5s ease;
188 | color: #11101D;
189 | }
190 |
191 | .sidebar li i {
192 | height: 50px;
193 | line-height: 50px;
194 | font-size: 23px;
195 | border-radius: 12px;
196 | }
197 |
198 | .home-section {
199 | position: relative;
200 | background: #E4E9F7;
201 | min-height: 100vh;
202 | top: 0;
203 | left: 78px;
204 | width: calc(100% - 78px);
205 | transition: all 0.5s ease;
206 | }
207 |
208 | .home-section .text {
209 | display: inline-block;
210 | color: #11101d;
211 | font-size: 25px;
212 | font-weight: 500;
213 | margin: 18px
214 | }
215 |
216 | @media (max-width: 420px) {
217 | .sidebar li .tooltip {
218 | display: none;
219 | }
220 | }
221 |
222 | .center-img {
223 | display: block;
224 | margin-left: auto;
225 | margin-right: auto;
226 | }
227 |
228 | .btn-danger {
229 | float: right;
230 | margin: 7px;
231 | }
232 |
233 | .btn-success {
234 | float: left;
235 | margin: 6px;
236 | }
237 |
238 | ::placeholder {
239 | color: white;
240 | opacity: 1;
241 | }
--------------------------------------------------------------------------------
/Pipfile.lock:
--------------------------------------------------------------------------------
1 | {
2 | "_meta": {
3 | "hash": {
4 | "sha256": "483a374090825fc550d855063c92c160941207ee3ac926169c16ce1aeab801ce"
5 | },
6 | "pipfile-spec": 6,
7 | "requires": {
8 | "python_version": "3.8"
9 | },
10 | "sources": [
11 | {
12 | "name": "pypi",
13 | "url": "https://pypi.org/simple",
14 | "verify_ssl": true
15 | }
16 | ]
17 | },
18 | "default": {
19 | "asgiref": {
20 | "hashes": [
21 | "sha256:2f8abc20f7248433085eda803936d98992f1343ddb022065779f37c5da0181d0",
22 | "sha256:88d59c13d634dcffe0510be048210188edd79aeccb6a6c9028cdad6f31d730a9"
23 | ],
24 | "markers": "python_version >= '3.7'",
25 | "version": "==3.5.0"
26 | },
27 | "dj-database-url": {
28 | "hashes": [
29 | "sha256:4aeaeb1f573c74835b0686a2b46b85990571159ffc21aa57ecd4d1e1cb334163",
30 | "sha256:851785365761ebe4994a921b433062309eb882fedd318e1b0fcecc607ed02da9"
31 | ],
32 | "version": "==0.5.0"
33 | },
34 | "django": {
35 | "hashes": [
36 | "sha256:7f92413529aa0e291f3be78ab19be31aefb1e1c9a52cd59e130f505f27a51f13",
37 | "sha256:f27f8544c9d4c383bbe007c57e3235918e258364577373d4920e9162837be022"
38 | ],
39 | "index": "pypi",
40 | "version": "==3.2.6"
41 | },
42 | "django-crispy-forms": {
43 | "hashes": [
44 | "sha256:35887b8851a931374dd697207a8f56c57a9c5cb9dbf0b9fa54314da5666cea5b",
45 | "sha256:bc4d2037f6de602d39c0bc452ac3029d1f5d65e88458872cc4dbc01c3a400604"
46 | ],
47 | "index": "pypi",
48 | "version": "==1.14.0"
49 | },
50 | "django-heroku": {
51 | "hashes": [
52 | "sha256:2bc690aab89eedbe01311752320a9a12e7548e3b0ed102681acc5736a41a4762",
53 | "sha256:6af4bc3ae4a9b55eaad6dbe5164918982d2762661aebc9f83d9fa49f6009514e"
54 | ],
55 | "index": "pypi",
56 | "version": "==0.3.1"
57 | },
58 | "gunicorn": {
59 | "hashes": [
60 | "sha256:9dcc4547dbb1cb284accfb15ab5667a0e5d1881cc443e0677b4882a4067a807e",
61 | "sha256:e0a968b5ba15f8a328fdfd7ab1fcb5af4470c28aaf7e55df02a99bc13138e6e8"
62 | ],
63 | "index": "pypi",
64 | "version": "==20.1.0"
65 | },
66 | "psycopg2": {
67 | "hashes": [
68 | "sha256:06f32425949bd5fe8f625c49f17ebb9784e1e4fe928b7cce72edc36fb68e4c0c",
69 | "sha256:0762c27d018edbcb2d34d51596e4346c983bd27c330218c56c4dc25ef7e819bf",
70 | "sha256:083707a696e5e1c330af2508d8fab36f9700b26621ccbcb538abe22e15485362",
71 | "sha256:34b33e0162cfcaad151f249c2649fd1030010c16f4bbc40a604c1cb77173dcf7",
72 | "sha256:4295093a6ae3434d33ec6baab4ca5512a5082cc43c0505293087b8a46d108461",
73 | "sha256:8cf3878353cc04b053822896bc4922b194792df9df2f1ad8da01fb3043602126",
74 | "sha256:8e841d1bf3434da985cc5ef13e6f75c8981ced601fd70cc6bf33351b91562981",
75 | "sha256:9572e08b50aed176ef6d66f15a21d823bb6f6d23152d35e8451d7d2d18fdac56",
76 | "sha256:a81e3866f99382dfe8c15a151f1ca5fde5815fde879348fe5a9884a7c092a305",
77 | "sha256:cb10d44e6694d763fa1078a26f7f6137d69f555a78ec85dc2ef716c37447e4b2",
78 | "sha256:d3ca6421b942f60c008f81a3541e8faf6865a28d5a9b48544b0ee4f40cac7fca"
79 | ],
80 | "index": "pypi",
81 | "version": "==2.9.3"
82 | },
83 | "python-decouple": {
84 | "hashes": [
85 | "sha256:2838cdf77a5cf127d7e8b339ce14c25bceb3af3e674e039d4901ba16359968c7",
86 | "sha256:6cf502dc963a5c642ea5ead069847df3d916a6420cad5599185de6bab11d8c2e"
87 | ],
88 | "index": "pypi",
89 | "version": "==3.6"
90 | },
91 | "pytz": {
92 | "hashes": [
93 | "sha256:3672058bc3453457b622aab7a1c3bfd5ab0bdae451512f6cf25f64ed37f5b87c",
94 | "sha256:acad2d8b20a1af07d4e4c9d2e9285c5ed9104354062f275f3fcd88dcef4f1326"
95 | ],
96 | "version": "==2021.3"
97 | },
98 | "sqlparse": {
99 | "hashes": [
100 | "sha256:0c00730c74263a94e5a9919ade150dfc3b19c574389985446148402998287dae",
101 | "sha256:48719e356bb8b42991bdbb1e8b83223757b93789c00910a616a071910ca4a64d"
102 | ],
103 | "markers": "python_version >= '3.5'",
104 | "version": "==0.4.2"
105 | },
106 | "whitenoise": {
107 | "hashes": [
108 | "sha256:08c42bc535f9777eea1a599289d9433f081921f97887eaf6f559446b2a080374",
109 | "sha256:5a4aff543ee860fbe40d743e556adf92ccd41b7df45697cae074afdf657056b9"
110 | ],
111 | "markers": "python_version >= '3.7'",
112 | "version": "==6.0.0"
113 | }
114 | },
115 | "develop": {}
116 | }
117 |
--------------------------------------------------------------------------------