diff --git a/.gitignore b/.gitignore
index 44dd5d9..207157f 100644
--- a/.gitignore
+++ b/.gitignore
@@ -2,7 +2,6 @@
/venv/
.idea/
/.idea
-/incepted/static
-incepted/static/
/incepted/logfiles/main.log
/incepted/db/incepted.db
+/incepted/static/app_files/
diff --git a/incepted/static/css/admin.css b/incepted/static/css/admin.css
new file mode 100644
index 0000000..f2e7475
--- /dev/null
+++ b/incepted/static/css/admin.css
@@ -0,0 +1,95 @@
+.admin_page {
+ height: 120vw;
+ background-color: #dcb495;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.admin_block {
+ width: 90%;
+ height: 35vw;
+ background-color: #EDCBB0;
+ border-radius: 2vw;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+.admin_block::-webkit-scrollbar {
+ width: 0.8vw; /* ширина scrollbar */
+}
+.admin_block::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.users_block {
+ margin: 20px;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.user {
+ width: 90%;
+ height: 5vw;
+ background-color: #ffffff;
+ border: 2px solid #9E795A;
+ border-radius: 3vw;
+ margin-top: 5px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+}
+.user_logo {
+ margin-left: 3px;
+ width: 4vw;
+ height: 4vw;
+ border-radius: 5vw;
+ background-color: #000000;
+}
+.user_names {
+ margin-left: 9px;
+ margin-top: 10px;
+ overflow-x: auto;
+ color: #000000 !important;
+ font-size: 2vw;
+}
+.admine_title {
+ font-size: 3vw;
+}
+.link_to_user {
+ width: 16vw;
+ height: 3.5vw;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+ flex-wrap: no-wrap;
+ text-decoration: none;
+}
+.link_to_user:hover {
+ text-decoration: none;
+}
+.role_div {
+ width: 8vw;
+ height: 3vw;
+ border-radius: 2vw;
+}
+.save_button {
+ margin-top: 15px;
+ width: 35vw;
+ height: 5vw;
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.edit_user_form {
+ width: 90%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.user_active, .user_banned {
+ margin-left: 1vw;
+}
\ No newline at end of file
diff --git a/incepted/static/css/answer.css b/incepted/static/css/answer.css
new file mode 100644
index 0000000..ce9e565
--- /dev/null
+++ b/incepted/static/css/answer.css
@@ -0,0 +1,251 @@
+body {
+ background-color: #dcb495 !important;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+}
+.decision_page {
+ background-color: #dcb495;
+ min-height: 100vw;
+ height: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ margin: 3vw;
+ margin-bottom: 20vw;
+}
+.link_back_block {
+ margin-right: 0.5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.head_buttons_block {
+ display: flex;
+ flex-direction: row;
+}
+.link_back {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.link_back:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.link_back_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.name_block {
+ margin-top: 3vw;
+ width: 90%;
+ height: auto;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.title_block {
+ width: 90%;
+ display: flex;
+ justify-content: center;
+}
+.title_task, .files_title {
+ text-align: center;
+ color: #000000;
+ font-size: 4vw;
+ max-width: 80%;
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+.description_task {
+ width: 80%;
+ background-color: #EDCBB0;
+ height: auto;
+ max-height: 15vw;
+ border-radius: 2vw;
+ display: flex;
+ overflow-y: auto;
+}
+.description_task::-webkit-scrollbar {
+ width: 0.8vw !important;
+ height: auto;
+}
+.description_task::-webkit-scrollbar-thumb {
+ background-color: #d49d51 !important; /* цвет плашки */
+ border-radius: 5vw !important; /* закругления плашки */
+ border: 0.25vw solid #ffffff !important;
+}
+.description {
+ margin: 15px;
+}
+.description_text {
+ font-size: 1.5vw;
+ text-align: justify;
+}
+.data_block {
+ width: 100%;
+ display: flex;
+ align-items: flex-start;
+ justify-content: center
+}
+.bottom_data {
+ margin: 2vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+.form_label {
+ margin-top: 10px;
+ font-size: 1.3vw;
+ color: #000000;
+ font-weight: bold;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.5vw;
+ min-height: 4.5vw;
+ width: 30vw;
+ background-color: #dbc3af;
+ border-radius: 5vw;
+ font-size: 1.3vw;
+ display: inline-flex;
+ align-items: center;
+}
+.input_button {
+ width: 10vw;
+ height: 5vw;
+ border-radius: 5vw;
+ vertical-align: middle;
+}
+.form_data {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+}
+.decision_block {
+ margin-top: 3vw;
+ width: 90%;
+ height: 25vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.padding_data {
+ padding: 1vw;
+}
+.quest_button {
+ color: #ffffff;
+ width: 13vw;
+ height: 5vw;
+ background-color: #000000;
+ border: 2px solid #ffffff;
+ border-radius: 3vw;
+ margin-left: 2vw;
+}
+form {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.form_data_button {
+ margin-top: 20px;
+ display: flex;
+ width: 30vw;
+ align-items: center;
+ justify-content: space-between;
+}
+.deadline {
+ margin-top: 5px;
+}
+.text_data {
+ width: 80%;
+ border-radius: 2vw !important;
+ min-height: 10vw;
+ max-height: 20vw;
+}
+.form_text_one {
+ width: 200%;
+}
+.files_block {
+ width: 100%;
+ margin: 2vw;
+ background-color: #dbc3af;
+ display: flex;
+ flex-direction: column;
+ align-items: stretch;
+ border-radius: 2vw;
+ min-height: 25vw;
+}
+.files_list {
+ margin: 2vw;
+ height: auto;
+ overflow-y: auto;
+ overflow-x: hidden;
+}
+.files {
+ width: 80%;
+ margin: 2vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ min-height: 25vw;
+ max-height: 30vw;
+}
+.file {
+ width: 98%;
+ display: flex;
+ background-color: #694a2d;
+ margin: 0.5vw;
+ align-items: center;
+ justify-content: space-between;
+ flex-direction: row;
+ height: 4.5vw;
+ border-radius: 2vw;
+}
+.file_head {
+ width: 30vw;
+ margin-left: 1vw;
+ height: 4vw;
+ background-color: #694a2d !important;
+ overflow-y: hidden;
+ overflow-x: auto;
+}
+.file_head_path, .file_path {
+ font-size: 1.5vw;
+ color: #ffffff !important;
+ font-weight: bold;
+ height: 3vw;
+ display: flex;
+ align-items: flex-start;
+ background-color: #694a2d !important;
+}
+.file_buttons {
+ margin-right: 2vw;
+}
+.file_delete, .file_download {
+ border-radius: 1vw !important;
+ margin: 1vw;
+ width: 8vw;
+ height: 3vw;
+}
+.file_delete {
+ background-color: hsla(0, 100%, 62%, 0.785) !important;
+ border-color: hsla(0, 100%, 62%, 0.785) !important;
+}
+.button_text {
+ font-size: 1.3vw;
+}
\ No newline at end of file
diff --git a/incepted/static/css/base.css b/incepted/static/css/base.css
new file mode 100644
index 0000000..c364620
--- /dev/null
+++ b/incepted/static/css/base.css
@@ -0,0 +1,100 @@
+html {
+ background-color: #fdf5e6;
+ height: 100%;
+}
+body {
+ min-height: 100%;
+}
+.navbar {
+ margin-top: -1.4vw;
+ background-color: #dcb495;
+ display: inline-flex;
+ height: 8vw;
+}
+#navbar {
+ margin-top: -80px;
+ position: fixed;
+ width: 100%;
+ transition: top 0.3s;
+ opacity: .9;
+ border-bottom: 1px solid #bf9c81;
+}
+.auth_button {
+ color: #ffffff;
+ font-size: 1.5vw;
+ transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
+}
+.auth_button:hover {
+ color: #694a2d;
+ border-bottom: 3px solid #f3c79e;
+ text-decoration: none;
+}
+.footer {
+ background-color: #171717;
+ height: 15vw;
+}
+.footer_block {
+ height: 100%;
+ width: 90%;
+ margin-left: 5%;
+ display: flex;
+ align-content: center;
+ align-items: center;
+}
+.footer_logo, .nav_logo {
+ width: 7vw;
+ height: 6vw;
+}
+.footer_rights {
+ color: #ffffff;
+ font-size: 1.5vw;
+ width: 85%;
+ text-align: center;
+}
+.nav_panel {
+ width: 100%;
+ display: inline-flex;
+ justify-content: center;
+}
+.nav_user {
+ display: flex;
+ flex-direction: row;
+ justify-content: center;
+ height: 100%;
+ align-items: center;
+}
+.nav_user_name {
+ margin-left: 1vw;
+ align-self: center;
+}
+.nav_chapter_text {
+ height: 100%;
+ font-style: bold;
+ color: #946137;
+ font-size: 2vw;
+ transition: color 0.3s ease-in;
+}
+.nav_chapter_text:hover {
+ color: #f3d5be;
+}
+.nav_chapter {
+ text-align: center;
+ width: 30%;
+ border-bottom: 0.2vw solid #d49d51;
+ transition: border-bottom 0.3s ease-in;
+}
+.nav_chapter:hover {
+ text-decoration: none;
+ border-bottom: 0.2vw solid #face7d;
+}
+.nav_user_name_div {
+ height: 100%;
+}
+body::-webkit-scrollbar {
+ width: 0.8vw; /* ширина scrollbar */
+}
+body::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
\ No newline at end of file
diff --git a/incepted/static/css/delete_project.css b/incepted/static/css/delete_project.css
new file mode 100644
index 0000000..f073bb8
--- /dev/null
+++ b/incepted/static/css/delete_project.css
@@ -0,0 +1,60 @@
+.delete_project_page {
+ height: 60vw;
+ background-color: #dcb495;
+}
+.form_block {
+ width: 100%;
+ height: 60vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+}
+.form_data {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.5vw;
+ min-height: 4.5vw;
+ width: 35vw;
+ background-color: #dbc3af;
+ border-radius: 4.5vw;
+ font-size: 1.3vw;
+ display: inline-flex;
+ align-items: center;
+}
+.form_label {
+ margin-top: 10px;
+ font-size: 1.3vw;
+ color: #ffffff;
+ font-weight: bold;
+}
+.delete_project_button {
+ margin-left: 15px;
+ width: 25vw;
+ height: 5vw;
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+form {
+ display: flex;
+ align-items: flex-end;
+ justify-content: center;
+}
+.conf_text {
+ color: #ff0000;
+}
+.header_title {
+ text-align: center;
+ color: #000000;
+ font-size: 3.5vw;
+ width: 100%;
+ margin-bottom: 15px;
+}
\ No newline at end of file
diff --git a/incepted/static/css/edit_project.css b/incepted/static/css/edit_project.css
new file mode 100644
index 0000000..8c93c3e
--- /dev/null
+++ b/incepted/static/css/edit_project.css
@@ -0,0 +1,179 @@
+.edit_project_page {
+ height: 120vw;
+ background-color: #dcb495;
+}
+.form_data, .form_data_button {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+}
+.form_data_button {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.5vw;
+ min-height: 4.5vw;
+ width: 35vw;
+ background-color: #dbc3af;
+ border-radius: 4.5vw;
+ font-size: 1.3vw;
+ display: inline-flex;
+ align-items: center;
+}
+.input_button {
+ width: 35vw;
+ height: 5vw;
+ border-radius: 5vw;
+ vertical-align: middle;
+}
+.form_label {
+ margin-top: 10px;
+ font-size: 1.3vw;
+ color: #ffffff;
+ font-weight: bold;
+}
+.description {
+ border-radius: 2vw !important;
+ width: 50vw;
+}
+.padding_data {
+ padding-top: 1vw;
+ padding-left: 1vw;
+}
+.label_data {
+ padding-left: 0.8vw;
+ width: 50vw;
+}
+.project_button, .delete_button, .delete_project_link {
+ margin-top: 15px;
+ width: 35vw;
+ height: 5vw;
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.collaborator_block {
+ width: 30%;
+ height: 20vw;
+ background-color: #EDCBB0;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.user {
+ width: 30vw;
+ height: 3.5vw;
+ background-color: #ffffff;
+ border: 2px solid #9E795A;
+ border-radius: 3vw;
+ margin-top: 5px;
+ display: inline-flex;
+ justify-content: space-between;
+}
+.user_logo {
+ margin-left: 3px;
+ width: 3vw;
+ height: 3vw;
+ border-radius: 5vw;
+ background-color: #000000;
+}
+.user_names {
+ margin-left: 9px;
+ margin-top: 10px;
+ overflow-x: auto;
+}
+.name_form_block {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.data_form_block {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: row;
+}
+.buttons_form_block {
+ width: 45%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.staff_form_block, .collaborator_block {
+ margin-top: 10px;
+ width: 60%;
+ height: 20vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.staff_block {
+ margin: 5%;
+ width: 90%;
+ height: 20vw;
+}
+.choose_user {
+ align-self: flex-end;
+ margin-bottom: 1.1vw;
+ width: 10%;
+}
+.user_data {
+ display: inline-flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+}
+.delete_project_link {
+ background-color: #ff3f3f;
+}
+.delete_project_link:hover {
+ background-color: #ff3f3f;
+ text-decoration: none;
+ color: #ffffff;
+}
+.delete_project_link_text {
+ width: 35vw;
+ height: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ margin-top: 10px;
+}
+.link_back_block {
+ margin-right: 0.5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.link_back {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.link_back:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.link_back_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
\ No newline at end of file
diff --git a/incepted/static/css/edit_task.css b/incepted/static/css/edit_task.css
new file mode 100644
index 0000000..9195acc
--- /dev/null
+++ b/incepted/static/css/edit_task.css
@@ -0,0 +1,106 @@
+.new_task_page {
+ height: 50vw;
+ background-color: #dcb495;
+}
+.form_data {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+}
+.form_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.form_data_button {
+ margin-top: 2.5vw;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.5vw;
+ min-height: 4.5vw;
+ width: 50vw;
+ background-color: #dbc3af;
+ border-radius: 4.5vw;
+ font-size: 1.3vw;
+ display: inline-flex;
+ align-items: center;
+}
+.form_label {
+ margin-top: 10px;
+ font-size: 1.3vw;
+ color: #ffffff;
+ font-weight: bold;
+}
+.description {
+ border-radius: 2vw !important;
+ width: 50vw;
+ max-height: 10vw !important;
+}
+.name_form_block {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.deadline {
+ width: 20vw;
+}
+.quest_button {
+ margin-top: 1vw;
+ margin-left: 5vw;
+ width: 20vw;
+ height: 5vw;
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.data_form_block {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+}
+.deadline {
+ margin: 5px;
+}
+.link_back_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.link_back {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.link_back:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.link_back_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.delete_project_link {
+ background-color: #ff3f3f;
+ border: #ff3f3f;
+}
\ No newline at end of file
diff --git a/incepted/static/css/login.css b/incepted/static/css/login.css
new file mode 100644
index 0000000..55a27b5
--- /dev/null
+++ b/incepted/static/css/login.css
@@ -0,0 +1,106 @@
+#navbar {
+ display: none;
+}
+.login_page {
+ margin-top: -1.1vw;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 75vw;
+ background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
+}
+.login {
+ width: 80%;
+ height: 50%;
+ margin-left: 10%;
+ margin-right: 10%;
+ background-color: #dbc3af;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+}
+.login_form {
+ margin-bottom: 10%;
+}
+.header_title {
+ text-align: center;
+ color: #000000;
+ font-size: 3.5vw;
+ width: 100%;
+}
+.data_block {
+ width: 100%;
+ display: inline-flex;
+ justify-content: center;
+}
+.form_data, .form_data_button {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+ margin-left: 2%;
+}
+.form_data_button {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.7vw;
+ width: 20vw;
+ background-color: #dbc3af;
+ border-radius: 5vw;
+ font-size: 1.3vw;
+}
+.input_button {
+ width: 20vw;
+ height: 5vw;
+ border-radius: 5vw;
+ vertical-align: middle;
+}
+.form-label {
+ font-size: 1.3vw;
+}
+.login_button {
+ background-color: #000000;
+ color: #ffffff;
+ font-size: 1.5vw;
+ margin-bottom: 5px;
+}
+.register_button {
+ margin-top: 5px;
+ background-color: #f5c99f;
+ width: 20vw;
+ height: 5vw;
+ color: #000000;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.register_button:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.register {
+ width: 100%;
+ text-align: center;
+ height: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.box {
+ margin-left: 9vw;
+}
+.recovery_button {
+ color: #ffffff;
+ font-size: 1.5vw;
+ transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
+}
+.recovery_button:hover {
+ color: #694a2d;
+ border-bottom: 3px solid #f3c79e;
+ text-decoration: none;
+}
\ No newline at end of file
diff --git a/incepted/static/css/main.css b/incepted/static/css/main.css
new file mode 100644
index 0000000..f4b3928
--- /dev/null
+++ b/incepted/static/css/main.css
@@ -0,0 +1,279 @@
+main, html {
+ background-color: #dcb495;
+}
+#header_block {
+ position: absolute;
+ margin-bottom: 60%;
+}
+.header_block {
+ margin-top: -1.1vw;
+ width: 100%;
+ height: 75vw;
+ background-position: center;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
+}
+.header_title {
+ margin-left: 10%;
+ color: #ffffff;
+ font: bold;
+ font-size: 4vw;
+ transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
+}
+.header_title:hover {
+ font-size: 4.05vw;
+ text-shadow: 0px 0px 20px #ffffff;
+}
+.header_title_2 {
+ margin-left: 10%;
+ color: #afafaf;
+ font: bold;
+ font-size: 2vw;
+ transition: font-size 0.5s ease-in, text-shadow 1s ease-in;
+}
+.header_title_2:hover {
+ font-size: 2.05vw;
+ text-shadow: 0px 0px 20px #ffffff;
+}
+.header_buttons {
+ margin-top: 5%;
+ margin-left: 10%;
+ width: 90%;
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+}
+.header_button {
+ background-color: #f5c99f;
+ width: 20vw;
+ height: 5vw;
+ color: #000000;
+ border-radius: 30px;
+ vertical-align: middle;
+}
+.header_button:hover {
+ text-decoration: none;
+ color: #000000;
+}
+#link_to_about {
+ margin-left: 40px;
+ background-color: #000000;
+ color: #ffffff;
+ border: 2px solid #ffffff;
+}
+.header_button_text {
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ font-size: 1.5vw;
+ margin-top: 5%;
+}
+.body_block {
+ background-color: #dcb495;
+}
+.about_block {
+ margin-top: 10%;
+ margin-left: 5%;
+ width: 90%;
+}
+.about_title {
+ color: #000000;
+ font-size: 4vw;
+}
+.about_info_block {
+ margin-top: 50px;
+ width: 100%;
+ display: inline-flex;
+ justify-content: space-between;
+}
+.about_article_block {
+ display: flex;
+ flex-direction: column;
+ align-content: space-around;
+}
+.about_article {
+ display: inline-flex;
+ justify-content: flex-start;
+ align-items: center;
+}
+.article_image {
+ width: 10vw;
+ height: 10vw;
+}
+.main_image {
+ width: 40vw;
+ height: 26vw;
+}
+.article_text {
+ max-width: 70%;
+ margin-left: 10px;
+ font-size: 1.3vw;
+}
+.how_work_block {
+ margin-top: 20%;
+ margin-left: 5%;
+ width: 90%;
+}
+.how_work_title {
+ text-align: center;
+ color: #000000;
+ font-size: 4vw;
+}
+.how_work_info_block {
+ display: inline-flex;
+ justify-content: space-evenly;
+ margin-top: 100px;
+}
+.how_work_image {
+ width: 10vw;
+ height: 10vw;
+}
+.how_work_info, .how_work_article {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+.how_work_article_title {
+ text-align: center;
+ font-size: 1.5vw;
+}
+.how_work_article_text {
+ text-align: center;
+ margin-top: 1vw;
+ font-size: 1.1vw;
+}
+.reg_block {
+ margin-top: 20%;
+ width: 100%;
+ height: 50vw;
+}
+.reg_content_block {
+ margin-top: 100px;
+ width: 90%;
+ margin-left: 5%;
+ display: inline-flex;
+ justify-content: space-between;
+ flex-wrap: nowrap;
+ align-content: center;
+}
+.reg_title {
+ text-align: center;
+ color: #000000;
+ font-size: 4vw;
+}
+.reg_content {
+ display: flex;
+ flex-direction: column;
+ align-self: center;
+ align-content: space-evenly;
+}
+.reg_button_group {
+ display: flex;
+ justify-content: flex-start;
+ align-items: center;
+}
+.reg_button_title {
+ margin-bottom: 10%;
+ color: #000000;
+ font-size: 2.5vw;
+ text-align: left;
+}
+.reg_button_info {
+ margin-top: 8%;
+}
+.reg_button_group {
+ width: 100%;
+ display: flex;
+ justify-content: space-between;
+ align-items: center;
+}
+.reg_button {
+ background-color: #a8886f;
+ width: 20vw;
+ height: 5vw;
+ color: #ffffff;
+ border-radius: 30px;
+ vertical-align: middle;
+}
+.reg_button:hover {
+ text-decoration: none;
+ color: #ffffff;
+}
+.reg_button_text {
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ font-size: 1.5vw;
+ margin-top: 6%;
+}
+#link_to_start{
+ width: 18vw;
+ background-color:#f5d3b8;
+}
+#link_to_start_text {
+ color: #000000;
+}
+.feedback_block {
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 75vw;
+ background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/back_main_two.jpg);background-repeat: repeat; background-position: center;
+}
+.feedback {
+ width: 50%;
+ height: 80%;
+ margin-left: 25%;
+ margin-right: 25%;
+ background-color: #dcb495;
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ align-content: space-around;
+}
+.feedback_title {
+ width: 80%;
+ margin-bottom: 20%;
+ text-align: center;
+ color: #000000;
+ font-size: 3vw;
+}
+.feedback_logo {
+ margin-bottom: 20%;
+ width: 10vw;
+ height: 10vw;
+}
+.feedback_mail, .feedback_mail_link {
+ font-size: 1.5vw;
+ color: #000000;
+ transition: color 0.5s ease-in, border-bottom 0.5s ease-in;
+}
+.feedback_mail_link:hover {
+ color: #694a2d;
+ border-bottom: 3px solid #f3c79e;
+ text-decoration: none;
+}
+.scroll_button {
+ position: fixed;
+ width: 50px;
+ height: 50px;
+ background-color: #e5e5e5;
+ border-radius: 2vw;
+ margin-left: 95%;
+ margin-top: 45%;
+ transition: background-color 0.5s ease-in;
+}
+.scroll_image {
+ margin-top: 5px;
+ margin-left: 5px;
+ width: 40px;
+ height: 40px;
+ border-radius: 2vw;
+}
+.scroll_button:hover {
+ background-color: #1c59fe;
+}
\ No newline at end of file
diff --git a/incepted/static/css/new_project.css b/incepted/static/css/new_project.css
new file mode 100644
index 0000000..919c0be
--- /dev/null
+++ b/incepted/static/css/new_project.css
@@ -0,0 +1,162 @@
+.new_project_page {
+ height: 120vw;
+ background-color: #dcb495;
+}
+.form_data, .form_data_button {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+}
+.form_data_button {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.5vw;
+ min-height: 4.5vw;
+ width: 35vw;
+ background-color: #dbc3af;
+ border-radius: 4.5vw;
+ font-size: 1.3vw;
+ display: inline-flex;
+ align-items: center;
+}
+.input_button {
+ width: 35vw;
+ height: 5vw;
+ border-radius: 5vw;
+ vertical-align: middle;
+}
+.form_label {
+ margin-top: 10px;
+ font-size: 1.3vw;
+ color: #ffffff;
+ font-weight: bold;
+}
+.description {
+ border-radius: 2vw !important;
+ width: 50vw;
+}
+.padding_data {
+ padding-top: 1vw;
+ padding-left: 1vw;
+}
+.label_data {
+ padding-left: 0.8vw;
+ width: 50vw;
+}
+.project_button {
+ margin-top: 15px;
+ width: 35vw;
+ height: 5vw;
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.collaborator_block {
+ width: 30%;
+ height: 20vw;
+ background-color: #EDCBB0;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.user {
+ width: 30vw;
+ height: 3.5vw;
+ background-color: #ffffff;
+ border: 2px solid #9E795A;
+ border-radius: 3vw;
+ margin-top: 5px;
+ display: inline-flex;
+ justify-content: space-between;
+}
+.user_logo {
+ margin-left: 3px;
+ width: 3vw;
+ height: 3vw;
+ border-radius: 5vw;
+ background-color: #000000;
+}
+.user_names {
+ margin-left: 9px;
+ margin-top: 10px;
+ overflow-x: auto;
+}
+.name_form_block {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.data_form_block {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: row;
+}
+.buttons_form_block {
+ width: 45%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.staff_form_block, .collaborator_block {
+ margin-top: 10px;
+ width: 60%;
+ height: 20vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.staff_block {
+ margin: 5%;
+ width: 90%;
+ height: 20vw;
+}
+.choose_user {
+ align-self: flex-end;
+ margin-bottom: 1.1vw;
+ width: 10%;
+}
+.user_data {
+ display: inline-flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+}
+.link_back_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.link_back {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.link_back:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.link_back_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
\ No newline at end of file
diff --git a/incepted/static/css/new_task.css b/incepted/static/css/new_task.css
new file mode 100644
index 0000000..ff9c228
--- /dev/null
+++ b/incepted/static/css/new_task.css
@@ -0,0 +1,101 @@
+.new_task_page {
+ height: 50vw;
+ background-color: #dcb495;
+}
+.form_data {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+}
+.form_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.form_data_button {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.5vw;
+ min-height: 4.5vw;
+ width: 50vw;
+ background-color: #dbc3af;
+ border-radius: 4.5vw;
+ font-size: 1.3vw;
+ display: inline-flex;
+ align-items: center;
+}
+.form_label {
+ margin-top: 10px;
+ font-size: 1.3vw;
+ color: #ffffff;
+ font-weight: bold;
+}
+.description {
+ border-radius: 2vw !important;
+ width: 50vw;
+ max-height: 10vw;
+}
+.name_form_block {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.deadline {
+ width: 20vw;
+}
+.quest_button {
+ margin-top: 5vw;
+ margin-left: 5vw;
+ width: 20vw;
+ height: 5vw;
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.data_form_block {
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+}
+.deadline {
+ margin: 5px;
+}
+.link_back_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.link_back {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.link_back:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.link_back_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
\ No newline at end of file
diff --git a/incepted/static/css/page_error.css b/incepted/static/css/page_error.css
new file mode 100644
index 0000000..689f64a
--- /dev/null
+++ b/incepted/static/css/page_error.css
@@ -0,0 +1,73 @@
+.navbar {
+ display: none !important;
+}
+.page_error {
+ margin-top: -1.4vw;
+ height: 55vw;
+ background-color: #dcb495;
+ display: flex;
+ flex-direction: column;
+}
+.header_block {
+ display: flex;
+ flex-direction: column;
+ width: 80%;
+ height: 15vw;
+ margin-left: 10%;
+ margin-top: 80px;
+ justify-content: space-around;
+}
+.header {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.line_top {
+ height: 0.03vw;
+ background: #000000;
+ width: 32vw;
+}
+.header_rect {
+ width: 15vw;
+ height: 3.3vw;
+ background-color: #000000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.header_rect_text {
+ color: #ffffff;
+ font-size: 1.6vw;
+}
+.header_title {
+ color: #000000;
+ font-size: 3vw;
+}
+.line_bottom {
+ height: 0.03vw;
+ background: #000000;
+ width: 100%;
+}
+.link_block {
+ width: 100%;
+ margin-top: 50px;
+ display: flex;
+ justify-content: center;
+}
+.block_to_home {
+ width: 20vw;
+ height: 20vw;
+ background-color: #000000;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ border-radius: 10vw;
+}
+.link_to_home {
+ height: 12.3vw;
+ width: 15vw;
+}
+.link_image {
+ height: 12.3vw;
+ width: 15vw;
+}
\ No newline at end of file
diff --git a/incepted/static/css/profile.css b/incepted/static/css/profile.css
new file mode 100644
index 0000000..6cf0b17
--- /dev/null
+++ b/incepted/static/css/profile.css
@@ -0,0 +1,176 @@
+.profile_page {
+ display: flex;
+ flex-direction: column;
+ height: auto;
+ width: 100%;
+ background: linear-gradient( rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8) ), url(../images/back_profile_one.jpg);background-repeat: repeat; background-position: center;
+}
+.profile_block {
+ margin-top: 5vw;
+ height: 65vw;
+ width: 85%;
+ margin-left: 7.5%;
+ margin-bottom: 6%;
+ background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(../images/back_profile_two.jpg);background-repeat: repeat; background-position: center;
+ display: flex;
+ flex-direction: column;
+ overflow-y: auto;
+}
+.header_profile {
+ display: inline;
+ flex-direction: column;
+ width: 15vw;
+ height: 15vw;
+ margin-top: 50px;
+ align-self: center;
+}
+.user_photo {
+ width: 15vw;
+ height: 15vw;
+ border: 0.2vw solid #ffffff;
+ border-radius: 2vw;
+}
+.edit_form {
+ align-self: center;
+ margin-top: 20px;
+ width: 80%;
+}
+form {
+ display: flex;
+ flex-direction: column;
+}
+.form_data_button {
+ align-self: center;
+}
+.form_blocks {
+ width: 100%;
+ margin-top: 50px;
+ display: inline-flex;
+ justify-content: space-evenly;
+}
+.form_data, .form_data_button {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+}
+.form_data_button {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.5vw;
+ min-height: 4.5vw;
+ width: 20vw;
+ background-color: #dbc3af;
+ border-radius: 5vw;
+ font-size: 1.3vw;
+ display: inline-flex;
+ align-items: center;
+}
+.input_button {
+ width: 10vw;
+ height: 5vw;
+ border-radius: 5vw;
+ vertical-align: middle;
+}
+.form-label {
+ font-size: 1.3vw;
+ color: #ffffff;
+ font-weight: bold;
+}
+.profile_button {
+ margin-top: 15px;
+ width: 20vw;
+ height: 5vw;
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.profile_button:hover {
+ color: #ffffff;
+ text-decoration: none;
+}
+#delete_button {
+ margin-top: 45px;
+}
+.dop_data {
+ padding-top:15px;
+ padding-left: 15px;
+}
+#logout_button {
+ color: #ffffff;
+ background-color:#ff3f3f;
+}
+#logout_button:hover {
+ text-decoration: none;
+ color: #ffffff;
+}
+.profile_button_text {
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ font-size: 1.5vw;
+ margin-top: 6%;
+}
+.open_button_block {
+ height: 35vw;
+ width: 85%;
+ margin-left: 7.5%;
+ margin-top: 3%;
+ margin-bottom: 6%;
+ background: linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ), url(../images/back_profile_two.jpg);background-repeat: repeat; background-position: center;
+ display: flex;
+ flex-direction: column;
+ overflow-y: auto;
+}
+.open_button_content {
+ display: flex;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+ justify-content: center;
+ align-items: center;
+}
+.open_button_title {
+ margin-bottom: 3%;
+ color: #ffffff;
+ font: bold;
+ font-size: 4.5vw;
+}
+.open_button_article {
+ margin-bottom: 5%;
+ color: #ffffff;
+ font: bold;
+ font-size: 2vw;
+}
+.open_button {
+ background-color: #ffffff;
+ color: #000000;
+ width: 20vw;
+ height: 5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+}
+.open_button:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.open_button_text {
+ width: 100%;
+ height: 100%;
+ text-align: center;
+ font-size: 1.5vw;
+ margin-top: 5%;
+}
+.about {
+ border-radius: 2vw !important;
+}
+.profile_button_text {
+ color: #ffffff;
+}
\ No newline at end of file
diff --git a/incepted/static/css/project.css b/incepted/static/css/project.css
new file mode 100644
index 0000000..a961f31
--- /dev/null
+++ b/incepted/static/css/project.css
@@ -0,0 +1,448 @@
+.projects_page {
+ height: 120vw;
+ background-color: #dcb495;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.project_header {
+ height: 25vw;
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+}
+.project_logo {
+ margin-right: 4vw;
+ margin-top: 30px;
+ width: 15vw;
+ height: 15vw;
+ border: 0.2vw solid #ffffff;
+ border-radius: 2vw;
+}
+.brand_block {
+ height: 25vw;
+ margin-left: -8vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
+ color: #dcb495;
+}
+.name_project {
+ font-size: 3vw !important;
+ margin-right: 4vw;
+ overflow-y: hidden;
+ overflow-x: auto;
+ white-space: nowrap;
+ max-width: 40vw;
+}
+.name_project::-webkit-scrollbar {
+ height: 0.8vw; /* ширина scrollbar */
+}
+.name_project::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.edit_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.edit_button {
+ background-color: #9E795A;
+ border: #9E795A;
+ width: 15vw;
+ height: 5vw;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.edit_button_text {
+ color: #ffffff;
+ height: 5vw;
+ margin-top: 25%;
+}
+.edit_button_link {
+ width: 15vw;
+ height: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.edit_button_link:hover {
+ text-decoration: none;
+ color: #ffffff;
+}
+.collaborator_block {
+ width: 95%;
+ height: 25vw;
+ background-color: #EDCBB0;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.staff_block {
+ margin: 20px;
+}
+.user {
+ width: 24vw;
+ height: 3.5vw;
+ background-color: #ffffff;
+ border: 2px solid #9E795A;
+ border-radius: 3vw;
+ margin-top: 5px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+ flex-wrap: no-wrap;
+}
+.user_logo {
+ margin-left: 3px;
+ width: 3vw;
+ height: 3vw;
+ border-radius: 5vw;
+ background-color: #000000;
+}
+.user_names {
+ margin-left: 9px;
+ margin-top: 10px;
+ overflow-x: auto;
+ color: #000000 !important;
+ font-size: 1.5vw;
+}
+.link_to_user {
+ width: 26vw;
+ height: 3.5vw;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+ flex-wrap: no-wrap;
+ text-decoration: none;
+}
+.link_to_user:hover {
+ text-decoration: none;
+}
+.head_staff_block {
+ display: flex;
+ width: 30vw;
+ flex-direction: column;
+ align-items: center;
+}
+.header_title, .header_title_2 {
+ text-align: center;
+ color: #000000;
+ font-size: 3vw;
+ margin-bottom: 15px;
+}
+.header_title_2 {
+ width: 51vw !important;
+}
+.header_title {
+ width: 100%;
+}
+.header_task_block {
+ width: 60vw;
+ height: 30vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.task_block, .list_files_block {
+ background-color: #EDCBB0;
+ width: 95%;
+ height: 25vw;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.task {
+ margin: 20px;
+}
+.task_block::-webkit-scrollbar {
+ width: 0.8vw; /* ширина scrollbar */
+}
+.task_block::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.body_block {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: flex-start;
+ flex-direction: row;
+}
+.new_task_block {
+ width: 13vw;
+ height: 5vw;
+ background-color: #000000;
+ border: 2px solid #ffffff;
+ border-radius: 3vw;
+ margin-left: 2vw;
+ margin-bottom: 0.5vw;
+}
+.new_task_link {
+ color: #ffffff;
+ width: 13vw;
+ height: 5vw;
+}
+.new_task_link:hover {
+ text-decoration: none;
+ color: #ffffff;
+}
+.new_task_text {
+ width: 13vw;
+ height: 5vw;
+ text-align: center;
+ font-size: 1.5vw;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.new_task_image {
+ width: 4.5vw;
+ height: 4.5vw;
+}
+.head_task {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ width: 60vw;
+ justify-content: center;
+ align-items: flex-start;
+}
+.list_quests {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-top: 0.5vw;
+ overflow-y: hidden;
+ overflow-x: hidden;
+}
+.quest_header_button {
+ height: 4.5vw;
+ width: 100%;
+ text-align: left;
+ border-radius: 5vw;
+ background-color: #9E795A;
+ border-color: #9E795A;
+ border-bottom-color: #9E795A;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+}
+.quest_button_block_one {
+ width: 68%;
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+.quest_title_block {
+ width: 96%;
+ height: 4vw;
+ display: flex;
+ align-items: center;
+}
+.quest_title {
+ overflow-y: hidden;
+ overflow-x: auto;
+ max-height: 5vw;
+ font-size: 2.1vw !important;
+ display: flex;
+ align-items: center;
+ margin-top: 0.8vw;
+ margin-left: 1.8vw;
+ font-size: 3.5vw;
+ white-space: nowrap
+}
+.quest_title::-webkit-scrollbar {
+ height: 0.8vw; /* ширина scrollbar */
+}
+.quest_title::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.deadline_block {
+ border-radius: 5vw !important;
+ width: 15vw !important;
+ height: 3vw !important;
+ margin-top: 2%;
+ font-size: 1vw;
+ display: flex;
+ color: #000000 !important;
+ align-items: center;
+ justify-content: center;
+ flex-direction: row;
+}
+.quest_body_block {
+ background-color: #9E795A;
+ width: 100%;
+ height: 20vw;
+ border-radius: 2vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.quest_body {
+ width: 94%;
+ height: 94%;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+}
+.quest_description_block {
+ width: 70%;
+ height: 90%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+.quest_description {
+ width: 100%;
+ height: 100%;
+ background-color: #dcb495;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.quest_description::-webkit-scrollbar, .task_block::-webkit-scrollbar-thumb {
+ width: 0.8vw !important;
+}
+.quest_description::-webkit-scrollbar-thumb, .task_block::-webkit-scrollbar-thumb {
+ background-color: #d49d51 !important; /* цвет плашки */
+ border-radius: 5vw !important; /* закругления плашки */
+ border: 0.25vw solid #ffffff !important;
+}
+.quest_description_text {
+ margin: 20px;
+}
+.quest_solve_button {
+ width: 13vw;
+ height: 5vw;
+ background-color: #000000;
+ border: 2px solid #ffffff;
+ border-radius: 3vw;
+}
+.quest_solve_link:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.quest_solve_text {
+ width: 13vw;
+ height: 5vw;
+ text-align: center;
+ font-size: 1.5vw;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+#quest_solve_link_id {
+ display: none;
+}
+.link_back_block, .link_edit_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.link_back, .link_edit {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.link_edit {
+ width: 13vw;
+}
+.link_back:hover, .link_edit:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.link_back_text, .link_edit_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.files_block {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 95%;
+ height: 50vw;
+}
+.list_files {
+ margin: 2vw;
+}
+.files_title {
+ text-align: center;
+ color: #000000;
+ font-size: 4vw;
+}
+.file {
+ width: 98%;
+ display: flex;
+ background-color: #9E795A;
+ margin: 0.5vw;
+ align-items: center;
+ justify-content: space-between;
+ flex-direction: row;
+ height: 4.5vw;
+ border-radius: 2vw;
+}
+.file_head {
+ width: 30vw;
+ margin-left: 1vw;
+ height: 4vw;
+ background-color: #9E795A !important;
+ overflow-y: hidden;
+ overflow-x: auto;
+}
+.file_head_path, .file_path {
+ font-size: 1.5vw;
+ color: #ffffff !important;
+ font-weight: bold;
+ height: 3vw;
+ display: flex;
+ align-items: flex-start;
+ background-color: #9E795A !important;
+}
+.file_buttons {
+ margin-right: 2vw;
+}
+.file_delete, .file_download, .upload_button {
+ border-radius: 1vw !important;
+ margin: 1vw;
+ width: 8vw;
+ height: 3vw;
+}
+.file_delete {
+ background-color: hsla(0, 100%, 62%, 0.785) !important;
+ border-color: hsla(0, 100%, 62%, 0.785) !important;
+}
+.button_text {
+ font-size: 1.3vw;
+}
+.quest_buttons_block {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+ height: 15vw;
+ margin-top: 3vw;
+}
+.link_edit_block {
+ margin-top: 1vw;
+}
\ No newline at end of file
diff --git a/incepted/static/css/projects.css b/incepted/static/css/projects.css
new file mode 100644
index 0000000..ee9d18e
--- /dev/null
+++ b/incepted/static/css/projects.css
@@ -0,0 +1,318 @@
+.projects_page {
+ height: 120vw;
+ background-color: #dcb495;
+}
+.header_block {
+ width: 100%;
+ height: 20vw;
+ background-position: center;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/back_project_one.jpg);background-repeat: repeat; background-position: center;
+}
+.header_title {
+ color: #ffffff;
+ font-size: 7vw;
+}
+.header_title_2 {
+ color: #ffffff;
+ text-align: center;
+ font-size: 1.5vw;
+ width: 50vw;
+}
+.find_block {
+ width: 100%;
+ height: 15vw;
+ background-color: #dcb495;
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.find_input_text {
+ margin-right: 12px;
+ background-color: #EDCBB0;
+ border: #EDCBB0;
+ width: 45vw;
+ height: 5vw;
+ color: #776658;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.find_input_button {
+ margin-left: 12px;
+ background-color: #9E795A;
+ border: #9E795A;
+ width: 10vw;
+ height: 5vw;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.list_project_block {
+ margin-left: 3%;
+ border: 0.2vw solid #694a2d;
+ border-radius: 4.5vw;
+ width: 94%;
+ height: 45vw;
+ overflow-y: auto;
+ padding-top: 2vw;
+}
+.list_project_block::-webkit-scrollbar {
+ width: 0.8vw; /* ширина scrollbar */
+}
+.list_project_block::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.list_project {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-top: 0.5vw;
+ overflow-y: hidden;
+ overflow-x: hidden;
+}
+.project_header_button {
+ height: 5.5vw;
+ width: 100%;
+ text-align: left;
+ border-radius: 5vw;
+ background-color: #9E795A;
+ border-color: #9E795A;
+ border-bottom-color: #9E795A;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+}
+.project_description_block {
+ background-color: #9E795A;
+ width: 100%;
+ height: 20vw;
+ border-radius: 2vw;
+}
+.project_logo_block {
+ width: 4.5vw;
+ height: 4.5vw;
+ border: 0.3vw solid #ffffff;
+ background-color: #ffffff;
+ border-radius: 2vw;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.project_logo {
+ width: 4vw;
+ height: 4vw;
+ border-radius: 5vw;
+}
+.project_title_block {
+ width: 100%;
+ height: 4vw;
+ margin-left: 1vw;
+}
+.project_title {
+ font-size: 3.5vw;
+ overflow-y: hidden;
+ overflow-x: auto;
+ white-space: nowrap
+}
+.project_title::-webkit-scrollbar {
+ height: 0.8vw; /* ширина scrollbar */
+}
+.project_title::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.project_button_block_one {
+ width: 90%;
+ display: flex;
+ justify-content: flex-start;
+ align-items: flex-start;
+}
+.project_description {
+ width: 98%;
+ height: 100%;
+ margin-left: 1%;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-content: center;
+ align-items: center;
+ justify-content: space-evenly;
+}
+.collaborator_block {
+ width: 22%;
+ height: 90%;
+ background-color: #EDCBB0;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.collaborator_block::-webkit-scrollbar {
+ width: 0.8vw; /* ширина scrollbar */
+}
+.collaborator_block::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.description_block {
+ width: 48%;
+ height: 90%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ flex-wrap: nowrap;
+}
+.description_header_text {
+ font-size: 2vw;
+}
+.description_block_text {
+ overflow-y: auto;
+ overflow-x: hidden;
+ width: 90% !important;
+ height: 80% !important;
+ width: 50%;
+ background-color: #dcb495;
+ border-radius: 2vw;
+}
+.description_block_text::-webkit-scrollbar {
+ width: 0.8vw; /* ширина scrollbar */
+}
+.description_block_text::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.description_text {
+ width: 100% !important;
+ height: 100%;
+ font-size: 1.5vw;
+ overflow-wrap: normal; /* не поддерживает IE, Firefox; является копией word-wrap */
+ word-wrap: normal;
+ word-break: normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
+ line-break: auto; /* нет поддержки для русского языка */
+ hyphens: manual; /* значение auto не поддерживается Chrome */
+ margin: 2vw;
+}
+.open_project_block {
+ width: 20%;
+ height: 90%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.open_button {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.open_button:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.open_button_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.open_button, .open_button_link {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15vw;
+ height: 4.5vw;
+ color: #000000;
+}
+.open_button_link:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.staff_block {
+ margin: 20px;
+}
+.user {
+ width: 16vw;
+ height: 3.5vw;
+ background-color: #ffffff;
+ border: 2px solid #9E795A;
+ border-radius: 3vw;
+ margin-top: 5px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+ flex-wrap: no-wrap;
+}
+.user_logo {
+ margin-left: 3px;
+ width: 3vw;
+ height: 3vw;
+ border-radius: 5vw;
+ background-color: #000000;
+}
+.user_names {
+ margin-left: 9px;
+ margin-top: 10px;
+ overflow-x: auto;
+ color: #000000 !important;
+}
+.new_project_button, .find_project_button {
+ width: 13vw;
+ height: 5vw;
+ background-color: #000000;
+ border: 2px solid #ffffff;
+ border-radius: 3vw;
+ margin-left: 2vw;
+}
+.new_project_button_text, .find_project_button_text {
+ width: 13vw;
+ height: 5vw;
+ text-align: center;
+ font-size: 1.5vw;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.new_project_button_link, find_project_button_linkk {
+ width: 13vw;
+ height: 5vw;
+}
+.new_project_button_link:hover, .find_project_button_linkk:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.form_project_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.link_to_user {
+ width: 16vw;
+ height: 3.5vw;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+ flex-wrap: no-wrap;
+ text-decoration: none;
+}
+.link_to_user:hover {
+ text-decoration: none;
+}
\ No newline at end of file
diff --git a/incepted/static/css/recovery.css b/incepted/static/css/recovery.css
new file mode 100644
index 0000000..5728f65
--- /dev/null
+++ b/incepted/static/css/recovery.css
@@ -0,0 +1,62 @@
+.recovery_page {
+ height: 60vw;
+ background-color: #dcb495;
+ margin-top: -1.1vw;
+}
+.recovery {
+ width: 100%;
+ height: 60vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+.header_title {
+ text-align: center;
+ color: #000000;
+ font-size: 3.5vw;
+ width: 100%;
+}
+.recovery_form {
+ margin-top: 55px;
+ width: 70%;
+ display: flex;
+}
+.data_block {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ flex-direction: row;
+ align-items: flex-end;
+ flex-wrap: nowrap;
+ justify-content: space-evenly;
+}
+.form_data {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+ margin-left: 2%;
+ height: 100%;
+}
+.form-label {
+ font-size: 1.3vw;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.7vw;
+ width: 30vw;
+ background-color: #dbc3af;
+ border-radius: 5vw;
+ font-size: 1.3vw;
+}
+.recovery_button {
+ background-color: #000000;
+ color: #ffffff;
+ min-width: 20vw !important;
+ height: 5vw;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+ margin-left: 20px;
+}
\ No newline at end of file
diff --git a/incepted/static/css/register.css b/incepted/static/css/register.css
new file mode 100644
index 0000000..687ea8e
--- /dev/null
+++ b/incepted/static/css/register.css
@@ -0,0 +1,84 @@
+#navbar {
+ display: none;
+}
+#btn_cooc {
+ display: none
+}
+.register_page {
+ margin-top: -1.1vw;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ height: 75vw;
+ background: linear-gradient( rgba(0, 0, 0, 0.55), rgba(0, 0, 0, 0.55) ), url(../images/back_main_one.jpg);background-repeat: repeat; background-position: center;
+}
+.register {
+ width: 70%;
+ height: 70%;
+ margin-left: 15%;
+ margin-right: 15%;
+ background-color: #dbc3af;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-evenly;
+}
+.register_form {
+ margin-bottom: 10%;
+}
+.header_title {
+ text-align: center;
+ color: #000000;
+ font-size: 3.5vw;
+ width: 100%;
+}
+.data_block {
+ width: 100%;
+ display: flex;
+ flex-direction: column;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.form_data, .form_data_button {
+ display: flex;
+ flex-direction: column;
+ margin-left: 2%;
+ margin-left: 2%;
+}
+.form_data_button {
+ display: flex;
+ flex-direction: column;
+ justify-content: center;
+ align-items: center;
+}
+.input_data {
+ color: #000000;
+ border: 0.1vw solid #595008;
+ height: 4.5vw;
+ width: 60vw;
+ background-color: #dbc3af;
+ border-radius: 5vw;
+ font-size: 1.3vw;
+}
+.input_button {
+ width: 20vw;
+ height: 5vw;
+ border-radius: 5vw;
+ vertical-align: middle;
+}
+.form-label {
+ font-size: 1.3vw;
+}
+.register_button {
+ margin-top: 15px;
+ width: 20vw;
+ height: 5vw;
+ background-color: #000000;
+ color: #ffffff;
+ border-radius: 5vw;
+ vertical-align: middle;
+ font-size: 1.5vw;
+}
+.box {
+ margin-left: 9vw;
+}
\ No newline at end of file
diff --git a/incepted/static/css/showcase.css b/incepted/static/css/showcase.css
new file mode 100644
index 0000000..76af687
--- /dev/null
+++ b/incepted/static/css/showcase.css
@@ -0,0 +1,253 @@
+.showscale_page {
+ height: 120vw;
+ background-color: #dcb495;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.header_block {
+ width: 100%;
+ height: 20vw;
+ background-position: center;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ background: linear-gradient( rgba(0, 0, 0, 0.85), rgba(0, 0, 0, 0.85) ), url(../images/showcase.jpg);background-repeat: repeat; background-position: center;
+}
+.header_title {
+ color: #ffffff;
+ font-size: 7vw;
+}
+.header_title_2 {
+ color: #ffffff;
+ text-align: center;
+ font-size: 1.5vw;
+ width: 50vw;
+}
+.templates_block {
+ width: 95%;
+ margin-top: 5vw;
+}
+.templates_title, .links_title {
+ display: flex;
+ justify-content: center;
+ font-size: 3.5vw;
+}
+.templates_list {
+ height: 30vw;
+ margin-top: 2vw;
+ border: 0.2vw solid #694a2d;
+ border-radius: 2vw;
+ overflow-x: auto;
+ overflow-y: hidden;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+}
+.templates_list::-webkit-scrollbar {
+ height: 1vw; /* ширина scrollbar */
+ }
+.templates_list::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+ }
+.template {
+ display: flex;
+ justify-content: start;
+ flex-direction: column;
+ align-items: center;
+ min-height: 28vw;
+ min-width: 25vw;
+ max-width: 25vw;
+ background-color: #9E795A;
+ margin: 1vw;
+ border-radius: 2vw;
+}
+.template_title {
+ margin-top: 1vw;
+ max-width: 90%;
+ text-align: center;
+ color: #ffffff;
+ font-size: 2vw;
+ font-weight: 500;
+ overflow-y: hidden;
+ overflow-x: auto;
+ white-space: nowrap
+}
+.template_title::-webkit-scrollbar {
+ height: 0.8vw; /* ширина scrollbar */
+}
+.template_title::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.description {
+ background-color: #EDCBB0;
+ max-width: 90;
+ height: auto;
+ height: 15vw;
+ min-width: 85%;
+ max-width: 85%;
+ border-radius: 0.5vw;
+}
+.description_text {
+ margin: 0.8vw;
+ overflow-wrap: normal; /* не поддерживает IE, Firefox; является копией word-wrap */
+ word-wrap: normal;
+ word-break: normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
+ line-break: auto; /* нет поддержки для русского языка */
+ hyphens: manual;
+}
+.description {
+ overflow-y: auto;
+}
+.description::-webkit-scrollbar {
+ width: 0.8vw; /* ширина scrollbar */
+}
+.description::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.open_button {
+ margin-top: 1vw;
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.open_button:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.open_button_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.open_button, .open_button_link {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15vw;
+ height: 4.5vw;
+ color: #000000;
+}
+.open_button_link:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.links_block {
+ margin-top: 4vw;
+ height: 17vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 100%;
+}
+.link_list {
+ width: 95%;
+ background-color: #EDCBB0;
+ height: 16vw;
+ border-radius: 1.5vw;
+ display: flex;
+ align-items: center;
+ overflow-x: auto;
+ overflow-y: hidden;
+}
+.link_list::-webkit-scrollbar {
+ height: 0.8vw; /* ширина scrollbar */
+}
+.link_list::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.link_block {
+ margin: 1vw;
+ width: 25vw;
+ height: 6vw;
+ background-color: #9E795A;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+ border-radius: 1vw;
+}
+.link {
+ width: auto;
+ min-width: 15vw;
+ max-width: 20vw;
+ height: 6vw;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: center;
+}
+.link:hover {
+ text-decoration: none;
+ color: #ffffff;
+}
+.link_text {
+ margin-top: 1vw;
+ width: 13vw;
+ height: 3.5vw;
+ color: #ffffff;
+ font-size: 2vw;
+ overflow-x: auto;
+ overflow-y: hidden;
+ overflow-wrap: normal; /* не поддерживает IE, Firefox; является копией word-wrap */
+ word-wrap: normal;
+ word-break: normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
+ line-break: auto; /* нет поддержки для русского языка */
+ hyphens: manual;
+ white-space: nowrap
+}
+.link_text::-webkit-scrollbar {
+ height: 0.8vw; /* ширина scrollbar */
+}
+.link_text::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.add_button, .link_delete, .repeal_button, .submit_button {
+ border-radius: 1vw !important;
+ margin: 1vw;
+ width: 8vw;
+ height: 3vw;
+}
+.link_delete, .repeal_button {
+ background-color: hsla(0, 100%, 62%, 0.785) !important;
+ border-color: hsla(0, 100%, 62%, 0.785) !important;
+}
+.delete_text {
+ font-size: 1.3vw;
+}
+.header_link {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.form_link, .file_form {
+ width: 90%;
+}
+.link_form {
+ display: flex;
+ align-items: center;
+ flex-direction: row;
+ justify-content: center;
+}
+.form_data {
+ margin: 0.5vw;
+}
\ No newline at end of file
diff --git a/incepted/static/css/template_project.css b/incepted/static/css/template_project.css
new file mode 100644
index 0000000..90b3853
--- /dev/null
+++ b/incepted/static/css/template_project.css
@@ -0,0 +1,262 @@
+.template_page {
+ height: 120vw;
+ background-color: #dcb495;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.link_back_block {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.link_back {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.link_back:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.link_back_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.project_logo {
+ margin-top: 30px;
+ width: 15vw;
+ height: 15vw;
+ border: 0.2vw solid #ffffff;
+ border-radius: 2vw;
+}
+.brand_block {
+ height: 25vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: space-between;
+ color: #000000;
+}
+.name_project {
+ font-size: 3vw !important;
+ overflow-y: hidden;
+ overflow-x: auto;
+ white-space: nowrap
+}
+.header_task_block {
+ width: 60vw;
+ height: 30vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.task_block, .list_files_block {
+ background-color: #EDCBB0;
+ width: 95%;
+ height: 25vw;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.task {
+ margin: 20px;
+}
+.body_block {
+ display: flex;
+ justify-content: space-evenly;
+ align-items: center;
+ flex-direction: column;
+}
+.head_task {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ width: 60vw;
+ justify-content: center;
+ align-items: flex-start;
+}
+.list_quests {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-top: 0.5vw;
+ overflow-y: hidden;
+ overflow-x: hidden;
+}
+.quest_header_button {
+ height: 4.5vw;
+ width: 100%;
+ text-align: left;
+ border-radius: 5vw;
+ background-color: #9E795A;
+ border-color: #9E795A;
+ border-bottom-color: #9E795A;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+}
+.quest_button_block_one {
+ width: 95%;
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+.quest_title_block {
+ width: 100%;
+ height: 4vw;
+ display: flex;
+ align-items: center;
+}
+.quest_title {
+ overflow-y: hidden;
+ overflow-x: auto;
+ max-height: 4vw;
+ font-size: 1.5vw;
+ display: flex;
+ align-items: center;
+ margin-top: 0.7vw;
+ margin-left: 1.8vw;
+ font-size: 3.5vw;
+ white-space: nowrap
+}
+.quest_title::-webkit-scrollbar {
+ height: 0.8vw; /* ширина scrollbar */
+}
+.quest_title::-webkit-scrollbar-thumb {
+ background-color: #d49d51; /* цвет плашки */
+ border-radius: 5vw; /* закругления плашки */
+ border: 0.25vw solid #ffffff;
+}
+.quest_body_block {
+ background-color: #9E795A;
+ width: 100%;
+ height: 20vw;
+ border-radius: 2vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.quest_body {
+ width: 94%;
+ height: 94%;
+ display: flex;
+ align-items: center;
+ justify-content: space-around;
+}
+.quest_description_block {
+ width: 100%;
+ height: 90%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+}
+.quest_description {
+ width: 100%;
+ height: 100%;
+ background-color: #dcb495;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.quest_description::-webkit-scrollbar, .task_block::-webkit-scrollbar-thumb {
+ width: 0.8vw !important;
+}
+.quest_description::-webkit-scrollbar-thumb, .task_block::-webkit-scrollbar-thumb {
+ background-color: #d49d51 !important; /* цвет плашки */
+ border-radius: 5vw !important; /* закругления плашки */
+ border: 0.25vw solid #ffffff !important;
+}
+.quest_description_text {
+ margin: 20px;
+}
+.files_block {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 100%;
+ height: 35vw;
+}
+.list_files {
+ margin: 2vw;
+}
+.files_title {
+ text-align: center;
+ color: #000000;
+ font-size: 4vw;
+}
+.file {
+ width: 98%;
+ display: flex;
+ background-color: #9E795A;
+ margin: 0.5vw;
+ align-items: center;
+ justify-content: space-between;
+ flex-direction: row;
+ height: 4.5vw;
+ border-radius: 2vw;
+}
+.file_head {
+ width: 30vw;
+ margin-left: 1vw;
+ height: 4vw;
+ background-color: #9E795A !important;
+ overflow-y: hidden;
+ overflow-x: auto;
+}
+.file_head_path, .file_path {
+ font-size: 1.5vw;
+ color: #ffffff !important;
+ font-weight: bold;
+ height: 3vw;
+ display: flex;
+ align-items: flex-start;
+ background-color: #9E795A !important;
+}
+.file_buttons {
+ margin-right: 2vw;
+}
+.file_delete, .file_download, .upload_button {
+ border-radius: 1vw !important;
+ margin: 1vw;
+ width: 8vw;
+ height: 3vw;
+}
+.file_delete {
+ background-color: hsla(0, 100%, 62%, 0.785) !important;
+ border-color: hsla(0, 100%, 62%, 0.785) !important;
+}
+.button_text {
+ font-size: 1.3vw;
+}
+.create_project_block {
+ width: 13vw;
+ height: 5vw;
+ background-color: #000000;
+ border: 2px solid #ffffff;
+ border-radius: 3vw;
+ margin-left: 2vw;
+}
+.create_link:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.create_text {
+ width: 13vw;
+ height: 5vw;
+ text-align: center;
+ font-size: 1.5vw;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
\ No newline at end of file
diff --git a/incepted/static/css/user_view.css b/incepted/static/css/user_view.css
new file mode 100644
index 0000000..5bead1e
--- /dev/null
+++ b/incepted/static/css/user_view.css
@@ -0,0 +1,263 @@
+.user_view_page {
+ height: 120vw;
+ background-color: #dcb495;
+}
+.user_data_block {
+ width: 85%;
+ height: 65vw;
+ margin-left: 7.5%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ background-color:#a8886f;
+ border-radius: 4vw;
+}
+.user_photo {
+ margin-top: 30px;
+ width: 15vw;
+ height: 15vw;
+ border: 0.2vw solid #ffffff;
+ border-radius: 2vw;
+}
+.first_data_block {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-evenly;
+}
+.user_data {
+ width: 95%;
+ height: 30vw;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+.data_header {
+ font-size: 2vw;
+ color: #ffffff;
+ font-weight: bold;
+}
+.data_block {
+ background-color:#f5d3b8;
+ width: 25vw;
+ height: 5vw;
+ border-radius: 5vw;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.data_text {
+ width: 100%;
+ height: 100%;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin-top: 5px;
+ font-size: 1.5vw;
+ color: #000000;
+ overflow-x: auto;
+}
+.surname_block, .about_block {
+ width: 90%;
+}
+.about_bottom {
+ border-radius: 3vw;
+ height: 20vw !important;
+}
+.data_bottom {
+ width: 100% !important;
+}
+.list_project {
+ width: 95%;
+ margin-left: 2.5%;
+ margin-top: 2vw;
+ overflow-y: hidden;
+ overflow-x: hidden;
+}
+.project_header_button {
+ height: 5.5vw;
+ width: 100%;
+ text-align: left;
+ border-radius: 5vw;
+ background-color: #9E795A;
+ border-color: #9E795A;
+ border-bottom-color: #9E795A;
+ color: #ffffff;
+ display: flex;
+ align-items: center;
+}
+.project_description_block {
+ background-color: #9E795A;
+ width: 100%;
+ height: 20vw;
+ border-radius: 2vw;
+}
+.project_logo_block {
+ width: 4.5vw;
+ height: 4.5vw;
+ border: 0.3vw solid #ffffff;
+ background-color: #ffffff;
+ border-radius: 2vw;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+.project_logo {
+ width: 4vw;
+ height: 4vw;
+ border-radius: 5vw;
+}
+.project_title_block {
+ width: 70%;
+ height: 4vw;
+}
+.project_title {
+ font-size: 3.5vw;
+ overflow-y: hidden;
+ overflow-x: auto;
+ white-space: nowrap
+}
+.project_button_block_one {
+ width: 50%;
+ display: flex;
+ justify-content: space-evenly;
+ align-items: flex-start;
+}
+.project_description {
+ width: 98%;
+ height: 100%;
+ margin-left: 1%;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: nowrap;
+ align-content: center;
+ align-items: center;
+ justify-content: space-evenly;
+}
+.collaborator_block {
+ width: 22%;
+ height: 90%;
+ background-color: #EDCBB0;
+ border-radius: 2vw;
+ overflow-y: auto;
+}
+.description_block {
+ width: 48%;
+ height: 90%;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ flex-wrap: nowrap;
+}
+.description_header_text {
+ font-size: 2vw;
+}
+.description_block_text {
+ width: 90% !important;
+ height: 80% !important;
+ width: 50%;
+ background-color: #dcb495;
+ border-radius: 2vw;
+}
+.description_text {
+ width: 100% !important;
+ height: 100%;
+ font-size: 1.5vw;
+ overflow-wrap: normal; /* не поддерживает IE, Firefox; является копией word-wrap */
+ word-wrap: normal;
+ word-break: normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
+ line-break: auto; /* нет поддержки для русского языка */
+ hyphens: manual; /* значение auto не поддерживается Chrome */
+ margin: 2vw;
+}
+.user_projects_block {
+ margin-top: 35px;
+ margin-left: 3%;
+ border: 0.2vw solid #694a2d;
+ border-radius: 4.5vw;
+ width: 94%;
+ height: 45vw;
+ overflow-y: auto;
+}
+.user {
+ width: 16vw;
+ height: 3.5vw;
+ background-color: #ffffff;
+ border: 2px solid #9E795A;
+ border-radius: 3vw;
+ margin-top: 5px;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+ flex-wrap: no-wrap;
+}
+.user_logo {
+ margin-left: 3px;
+ width: 3vw;
+ height: 3vw;
+ border-radius: 5vw;
+ background-color: #000000;
+}
+.user_names {
+ margin-left: 9px;
+ margin-top: 10px;
+ overflow-x: auto;
+ color: #000000 !important;
+}
+.link_to_user {
+ width: 16vw;
+ height: 3.5vw;
+ display: flex;
+ align-items: center;
+ justify-content: flex-start;
+ flex-direction: row;
+ flex-wrap: no-wrap;
+ text-decoration: none;
+}
+.link_to_user:hover {
+ text-decoration: none;
+}
+.open_project_block {
+ width: 20%;
+ height: 90%;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ flex-direction: column;
+ flex-wrap: nowrap;
+}
+.open_button {
+ background-color: #ffffff;
+ color: #000000;
+ width: 15vw;
+ height: 4.5vw;
+ vertical-align: middle;
+ border-radius: 5vw;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.open_button:hover {
+ text-decoration: none;
+ color: #000000;
+}
+.open_button_text {
+ font-size: 1.5vw;
+ margin-top: 15px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+}
+.open_button, .open_button_link {
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 15vw;
+ height: 4.5vw;
+ color: #000000;
+}
+.open_button_link:hover {
+ text-decoration: none;
+ color: #000000;
+}
\ No newline at end of file
diff --git a/incepted/static/images/back_main_one.jpg b/incepted/static/images/back_main_one.jpg
new file mode 100644
index 0000000..7621181
Binary files /dev/null and b/incepted/static/images/back_main_one.jpg differ
diff --git a/incepted/static/images/back_main_two.jpg b/incepted/static/images/back_main_two.jpg
new file mode 100644
index 0000000..496a7b8
Binary files /dev/null and b/incepted/static/images/back_main_two.jpg differ
diff --git a/incepted/static/images/back_profile_one.jpg b/incepted/static/images/back_profile_one.jpg
new file mode 100644
index 0000000..c487af0
Binary files /dev/null and b/incepted/static/images/back_profile_one.jpg differ
diff --git a/incepted/static/images/back_profile_two.jpg b/incepted/static/images/back_profile_two.jpg
new file mode 100644
index 0000000..57cc6c1
Binary files /dev/null and b/incepted/static/images/back_profile_two.jpg differ
diff --git a/incepted/static/images/back_project_one.jpg b/incepted/static/images/back_project_one.jpg
new file mode 100644
index 0000000..0619403
Binary files /dev/null and b/incepted/static/images/back_project_one.jpg differ
diff --git a/incepted/static/images/black_arrow.png b/incepted/static/images/black_arrow.png
new file mode 100644
index 0000000..6a84006
Binary files /dev/null and b/incepted/static/images/black_arrow.png differ
diff --git a/incepted/static/images/logo_b.ico b/incepted/static/images/logo_b.ico
new file mode 100644
index 0000000..54b0d84
Binary files /dev/null and b/incepted/static/images/logo_b.ico differ
diff --git a/incepted/static/images/logo_b.png b/incepted/static/images/logo_b.png
new file mode 100644
index 0000000..9e04d48
Binary files /dev/null and b/incepted/static/images/logo_b.png differ
diff --git a/incepted/static/images/logo_b.svg b/incepted/static/images/logo_b.svg
new file mode 100644
index 0000000..94880a6
--- /dev/null
+++ b/incepted/static/images/logo_b.svg
@@ -0,0 +1,75 @@
+
+
+
diff --git a/incepted/static/images/logo_w.ico b/incepted/static/images/logo_w.ico
new file mode 100644
index 0000000..2a5cfb8
Binary files /dev/null and b/incepted/static/images/logo_w.ico differ
diff --git a/incepted/static/images/logo_w.png b/incepted/static/images/logo_w.png
new file mode 100644
index 0000000..f128b02
Binary files /dev/null and b/incepted/static/images/logo_w.png differ
diff --git a/incepted/static/images/logo_w.svg b/incepted/static/images/logo_w.svg
new file mode 100644
index 0000000..47d12c2
--- /dev/null
+++ b/incepted/static/images/logo_w.svg
@@ -0,0 +1,11 @@
+
+
+
diff --git a/incepted/static/images/main_image_1.jpg b/incepted/static/images/main_image_1.jpg
new file mode 100644
index 0000000..0619403
Binary files /dev/null and b/incepted/static/images/main_image_1.jpg differ
diff --git a/incepted/static/images/main_image_2.png b/incepted/static/images/main_image_2.png
new file mode 100644
index 0000000..589a0c9
Binary files /dev/null and b/incepted/static/images/main_image_2.png differ
diff --git a/incepted/static/images/main_image_3.png b/incepted/static/images/main_image_3.png
new file mode 100644
index 0000000..947c5c7
Binary files /dev/null and b/incepted/static/images/main_image_3.png differ
diff --git a/incepted/static/images/main_image_4.png b/incepted/static/images/main_image_4.png
new file mode 100644
index 0000000..b8b1cab
Binary files /dev/null and b/incepted/static/images/main_image_4.png differ
diff --git a/incepted/static/images/main_image_5.png b/incepted/static/images/main_image_5.png
new file mode 100644
index 0000000..4787f8a
Binary files /dev/null and b/incepted/static/images/main_image_5.png differ
diff --git a/incepted/static/images/main_image_6.jpg b/incepted/static/images/main_image_6.jpg
new file mode 100644
index 0000000..e0ad3fe
Binary files /dev/null and b/incepted/static/images/main_image_6.jpg differ
diff --git a/incepted/static/images/none_logo.png b/incepted/static/images/none_logo.png
new file mode 100644
index 0000000..ddd8fad
Binary files /dev/null and b/incepted/static/images/none_logo.png differ
diff --git a/incepted/static/images/none_project.png b/incepted/static/images/none_project.png
new file mode 100644
index 0000000..4aabb8b
Binary files /dev/null and b/incepted/static/images/none_project.png differ
diff --git a/incepted/static/images/pen_b.png b/incepted/static/images/pen_b.png
new file mode 100644
index 0000000..ac9e99e
Binary files /dev/null and b/incepted/static/images/pen_b.png differ
diff --git a/incepted/static/images/pen_w.png b/incepted/static/images/pen_w.png
new file mode 100644
index 0000000..f94d2a9
Binary files /dev/null and b/incepted/static/images/pen_w.png differ
diff --git a/incepted/static/images/plus_b.png b/incepted/static/images/plus_b.png
new file mode 100644
index 0000000..840785b
Binary files /dev/null and b/incepted/static/images/plus_b.png differ
diff --git a/incepted/static/images/plus_w.png b/incepted/static/images/plus_w.png
new file mode 100644
index 0000000..6609de4
Binary files /dev/null and b/incepted/static/images/plus_w.png differ
diff --git a/incepted/static/images/showcase.jpg b/incepted/static/images/showcase.jpg
new file mode 100644
index 0000000..730881b
Binary files /dev/null and b/incepted/static/images/showcase.jpg differ
diff --git a/incepted/static/images/yellow_cup.svg b/incepted/static/images/yellow_cup.svg
new file mode 100644
index 0000000..aeb03c0
--- /dev/null
+++ b/incepted/static/images/yellow_cup.svg
@@ -0,0 +1,16 @@
+
+
+
diff --git a/incepted/static/images/yellow_like.svg b/incepted/static/images/yellow_like.svg
new file mode 100644
index 0000000..a619b71
--- /dev/null
+++ b/incepted/static/images/yellow_like.svg
@@ -0,0 +1,15 @@
+
+
+
diff --git a/incepted/static/images/yellow_man.svg b/incepted/static/images/yellow_man.svg
new file mode 100644
index 0000000..6438d81
--- /dev/null
+++ b/incepted/static/images/yellow_man.svg
@@ -0,0 +1,14 @@
+
+
+
diff --git a/incepted/static/js/project.js b/incepted/static/js/project.js
new file mode 100644
index 0000000..22f4e38
--- /dev/null
+++ b/incepted/static/js/project.js
@@ -0,0 +1,15 @@
+var edit_button = document.getElementById("edit_button"),
+new_task_link = document.getElementById("new_task_link"),
+quest_solve_link = document.getElementById("quest_solve_link"),
+quest_solve_link_id = document.getElementById("quest_solve_link_id"),
+is_template = document.getElementById("is_template");
+
+edit_button.href = String(window.location.href) + '/edit';
+new_task_link.href = String(window.location.href) + '/quest/new';
+
+function push_file()
+{
+ document.getElementById('selectedFile').click();
+ document.getElementById('upload_button').style = 'display: block;';
+ document.getElementById('select_file_button').style = 'display: none;';
+}
\ No newline at end of file
diff --git a/incepted/static/js/scroll.js b/incepted/static/js/scroll.js
new file mode 100644
index 0000000..0486bd5
--- /dev/null
+++ b/incepted/static/js/scroll.js
@@ -0,0 +1,18 @@
+var prevScrollpos = window.pageYOffset;
+window.onload = function()
+{
+document.getElementById("navbar").style.display = "none";
+}
+window.onscroll = function() {
+ var currentScrollPos = window.pageYOffset;
+
+ // 20 is an arbitrary number here, just to make you think if you need the prevScrollpos variable:
+ if (currentScrollPos > 1250) {
+ // I am using 'display' instead of 'top':
+ document.getElementById("navbar").style.display = "initial";
+ }
+ else {
+ document.getElementById("navbar").style.display = "none";
+ }
+}
+
diff --git a/incepted/static/js/showcase.js b/incepted/static/js/showcase.js
new file mode 100644
index 0000000..ca863f6
--- /dev/null
+++ b/incepted/static/js/showcase.js
@@ -0,0 +1,12 @@
+function add_link()
+{
+ document.getElementById('add_link_button').style = 'display: none;';
+ document.getElementById('repeal_link_button').style = 'display: block;';
+ document.getElementById('form_link').style = 'display: block;';
+}
+function repeal_link()
+{
+ document.getElementById('add_link_button').style = 'display: block;';
+ document.getElementById('repeal_link_button').style = 'display: none;';
+ document.getElementById('form_link').style = 'display: none;';
+}
\ No newline at end of file