diff --git a/app/assets/Thumbs.db b/app/assets/Thumbs.db
index 9efc20b..7b504ee 100644
Binary files a/app/assets/Thumbs.db and b/app/assets/Thumbs.db differ
diff --git a/app/assets/arrow.svg b/app/assets/arrow.svg
new file mode 100644
index 0000000..efb7660
--- /dev/null
+++ b/app/assets/arrow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/back.svg b/app/assets/back.svg
new file mode 100644
index 0000000..a885741
--- /dev/null
+++ b/app/assets/back.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/close.svg b/app/assets/close.svg
new file mode 100644
index 0000000..8ca37d5
--- /dev/null
+++ b/app/assets/close.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/copy.png b/app/assets/copy.png
new file mode 100644
index 0000000..0585c4d
Binary files /dev/null and b/app/assets/copy.png differ
diff --git a/app/assets/copySuccess.png b/app/assets/copySuccess.png
new file mode 100644
index 0000000..f108d2d
Binary files /dev/null and b/app/assets/copySuccess.png differ
diff --git a/app/assets/droparrow.svg b/app/assets/droparrow.svg
new file mode 100644
index 0000000..95d8064
--- /dev/null
+++ b/app/assets/droparrow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/filter.svg b/app/assets/filter.svg
new file mode 100644
index 0000000..a73705f
--- /dev/null
+++ b/app/assets/filter.svg
@@ -0,0 +1,10 @@
+
diff --git a/app/assets/fullarrow.svg b/app/assets/fullarrow.svg
new file mode 100644
index 0000000..95d8064
--- /dev/null
+++ b/app/assets/fullarrow.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/g.png b/app/assets/g.png
new file mode 100644
index 0000000..06d31c2
Binary files /dev/null and b/app/assets/g.png differ
diff --git a/app/assets/minus-btn.svg b/app/assets/minus-btn.svg
new file mode 100644
index 0000000..af1a6fc
--- /dev/null
+++ b/app/assets/minus-btn.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/plus-btn.svg b/app/assets/plus-btn.svg
new file mode 100644
index 0000000..edccde8
--- /dev/null
+++ b/app/assets/plus-btn.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/plusbtn.svg b/app/assets/plusbtn.svg
new file mode 100644
index 0000000..4822d6f
--- /dev/null
+++ b/app/assets/plusbtn.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/assets/srchicon.svg b/app/assets/srchicon.svg
new file mode 100644
index 0000000..306166c
--- /dev/null
+++ b/app/assets/srchicon.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/app/static/CSS/styles.css b/app/static/CSS/styles.css
index 43c502a..c9659d4 100644
--- a/app/static/CSS/styles.css
+++ b/app/static/CSS/styles.css
@@ -2,6 +2,7 @@
margin: 0;
padding: 0;
box-sizing: border-box;
+ text-decoration: none;
}
header {
@@ -409,24 +410,31 @@ footer {
.active-login {
display: flex;
- z-index: 5;
+ z-index: 11;
}
.login-content {
position: relative;
- width: 512px;
- height: 480px;
- background-color: #172224;
- border: 1px solid#707070;
+ width: 1202px;
+ height: 702px;
+ background-color: #496AC1;
+ display: flex;
+ border-radius: 18px;
}
.login-content h2 {
- margin-top: 22px;
- margin-bottom: 33px;
- font-size: 34px;
- font-family: Sandro;
+ margin-top: 80px;
+ margin-bottom: 90px;
+ font-size: 27px;
+ font-family: 'web001';
text-align: center;
- color: #fff;
+ color: #496AC1;
+}
+
+.login-cont {
+ width:603px;
+ background-color: #FFFFFF;
+ border-radius:18px;
}
.addit-login {
@@ -452,20 +460,21 @@ footer {
.login-input {
display: flex;
justify-content: center;
- width: 256px;
- height: 32px;
- padding: 3px 8px 7px;
- background-color: #ffffff;
- font-size: 18px;
- font-family: Sandro;
+ width: 449px;
+ height: 52px;
+ padding: 0px 20px;
+ background-color: #F9F9F9;
+ font-size: 13px;
+ font-family: 'web001';
color: #707070;
- border: 1px solid#707070;
+ border: none;
outline: none;
+ border-radius:12px;
}
.login-input::placeholder {
- font-size: 18px;
- font-family: Sandro;
+ font-size: 13px;
+ font-family: 'web001';
color: #707070;
}
@@ -477,23 +486,31 @@ footer {
}
.login-btn {
+ position: relative;
margin: auto;
display: flex;
- padding: 2px 41px 7px;
- background-color: #707070;
- font-size: 18px;
- font-family: Sandro;
+ width:449px;
+ height:61px;
+ background-color: #496AC1;
+ font-size: 16px;
+ font-family: 'firaGo';
color: #ffffff;
- border: 1px solid#707070;
+ border-radius:12px;
+ border: none;
cursor: pointer;
+ text-align: center;
+ margin-left: 2px;
+}
+
+.login-btn span{
+ position: absolute;
+ left:50%;
+ top:50%;
+ transform: translate(-50%, -50%);
}
.registration-button,
.avtorization-button {
- position: absolute;
- bottom: 0px;
- left: 50%;
- transform: translateX(-50%);
margin-bottom: 37px;
font-size: 18px;
font-family: Sandro;
@@ -915,14 +932,15 @@ footer {
}
.forgot-password {
- font-size: 18px;
- font-family: Sandro;
- color: #fff;
+ margin-top:9px;
+ float:right;
+ font-size: 12px;
+ font-family: 'firaGo';
+ color: #496AC1;
background-color: transparent;
border: none;
outline: none;
cursor: pointer;
- text-decoration: underline;
}
.log-inp-rec {
@@ -934,6 +952,10 @@ footer {
}
.visible {
+ display: flex
+}
+
+.vis {
display: block;
}
@@ -941,17 +963,38 @@ footer {
display: none;
}
-.registration-content,
-.pas-rec-bg {
+.autoriz {
+ display: block;
+ float: right;
+ margin-bottom:20px;
+ cursor: pointer;
+ margin-top: 9px;
+ float: right;
+ font-size: 16px;
+ font-family: 'firaGo';
+ color: #496AC1;
+ background-color: transparent;
+ border: none;
+ outline: none;
+ cursor: pointer;
+}
+
+.registration-content{
position: relative;
width: 512px;
- height: 480px;
+ height: 702px;
background-color: #172224;
border: 1px solid#707070;
}
-.registration-content h2,
-.pas-rec-bg h2 {
+.registration-content {
+ width:1202px;
+ background-color:#496AC1;
+ border:none;
+ border-radius:18px;
+}
+
+.registration-content h2{
margin-top: 22px;
margin-bottom: 33px;
font-size: 34px;
@@ -1463,3 +1506,630 @@ i.fab.fa-facebook-square {
margin-top: 16px;
margin-left: 10px;
}
+
+.content-login {
+ width:1202px;
+}
+
+.gare-avtorizacia h4 {
+ text-align: center;
+ color:#8B8B8B;
+ font-family: 'firaGo';
+ font-size:12px;
+ font-weight: normal;
+}
+
+.gare-avtorizacia {
+ margin-top:40px;
+}
+
+.o-auth{
+ position: relative;
+ margin-top:21px;
+ width:449px;
+ height:62px;
+ background-color:#fff;
+ border-radius: 12px;
+ border:1px solid#C4C4C4;
+ cursor: pointer;
+}
+
+.o-auth span img{
+ width:23px;
+ margin-right:10px;
+ margin-top:-3px;
+}
+
+.o-auth span {
+ position: absolute;
+ left:50%;
+ top:50%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ font-size:18px;
+ font-family: 'firaGo';
+}
+
+.cont {
+ position: absolute;
+ width:402px;
+ left:50%;
+ top:50%;
+ transform: translate(-50%, -50%);
+}
+
+.registration-butt {
+ position: relative;
+ width:603px;
+}
+
+.cont h1 {
+ text-align: center;
+ font-size:27px;
+ color: #FFFFFF;
+ font-family: 'web001';
+ margin-bottom:25px;
+}
+
+.cont p {
+ text-align: center;
+ color:#FFFFFF;
+ font-size:19px;
+ margin-bottom:40px;
+ font-family: 'firaGoLight';
+}
+
+.registration-button, .avtorization-button {
+ margin-left:50px;
+ width:310px;
+ height:61px;
+ background-color: transparent;
+ border:1px solid#fff;
+ border-radius:12px;
+ font-family: 'firaGo';
+}
+
+.avt {
+ width:603px;
+}
+
+.registration-content h2 {
+ margin-top: 80px;
+ margin-bottom: 60px;
+ font-size: 27px;
+ font-family: 'web001';
+ text-align: center;
+ color: #496AC1;
+}
+
+.name-lastname {
+ display: flex;
+ margin-bottom:14px;
+}
+
+.name-input {
+ display: flex;
+ justify-content: center;
+ width: 177px;
+ height: 52px;
+ padding: 0px 20px;
+ background-color: #F9F9F9;
+ font-size: 13px;
+ font-family: 'web001';
+ color: #707070;
+ border: none;
+ outline: none;
+ border-radius:12px;
+}
+
+.n23 {
+ width: 241px;
+}
+.n-input{
+ margin-right:28px;
+}
+.n-input h5, .reg-password-input h5, .reg-email-input h5 , .email-input h5, .password-input h5 {
+ font-family: "firaGo";
+ font-weight: normal;
+ font-size:15px;
+ margin:0 15px 10px;
+}
+
+.flex-container {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.left-menu {
+ width:186px;
+ margin-right:36px;
+}
+
+.doc-content {
+ width: 687px;
+ background-color: #F9F9F9;
+ border-radius: 18px;
+ margin-right:36px;
+ padding:65px 75px;
+}
+
+.menu-content li {
+ position: relative;
+ list-style-type:none;
+ padding:10px 0;
+}
+
+.arrow-cat{
+ position: absolute;
+ width:11px;
+ height:11px;
+ left:0;
+ margin-top:4px;
+ background-image: url('../../assets/arrow.svg');
+ background-repeat: no-repeat;
+ background-size: contain;
+}
+
+.menu-content li a {
+ font-family: 'firaGo';
+ font-size:16px;
+ text-decoration: none;
+ padding:0 20px;
+ color:#0E0E1A;
+}
+
+.menu-content li p {
+ font-family: 'firaGo';
+ font-size:16px;
+ text-decoration: none;
+ padding:0 20px;
+ color:#0E0E1A;
+}
+
+.cat-text{
+ font-family: 'firaGo';
+ font-size:16px;
+ text-decoration: none;
+ padding:0 20px;
+ color:#0E0E1A;
+ cursor: pointer;
+}
+
+.dropdown-categories {
+ display: none;
+}
+
+.active-menu {
+ display: block;
+ margin-left:50px;
+ margin-top:10px;
+ margin-bottom:10px;
+}
+
+.dropdown-categories li {
+ padding: 5px!important;
+ font-family: 'firaGo';
+ cursor: pointer;
+}
+
+.rotate {
+ margin-top:7px;
+ transform: rotate(90deg);
+ background-image: url('../../assets/droparrow.svg');
+ background-repeat: no-repeat;
+ background-size: contain;
+}
+
+.active-link {
+ color:#496AC1;
+}
+
+.doc-block {
+ margin-bottom:37px;
+}
+
+.doc-block h2 {
+ font-family: 'firaGo';
+ font-size:24px;
+ margin-bottom:17px;
+}
+
+.doc-block p {
+ font-size:16px;
+ font-family: 'firaGoBook';
+ color:#474747;
+}
+
+.code-block {
+ padding: 48px 46px;
+ background-color:#0E0E1A;
+ margin-top:27px;
+ border-radius:18px;
+ color:#C4C4C4;
+ position: relative;
+}
+
+.copyButton {
+ position: absolute;
+ background-image: url('../../assets/copy.png');
+ width:30px;
+ height:30px;
+ right:0;
+ top:0;
+ margin-top:20px;
+ margin-right:15px;
+ background-repeat: no-repeat;
+ background-size: contain;
+ background-color: transparent;
+ border:none;
+ cursor:pointer;
+ z-index:10;
+}
+
+.copied {
+ background-image: url('../../assets/copySuccess.png');
+}
+
+.r-menu-cont ul li {
+ list-style-type: none;
+ margin-bottom:19px;
+}
+
+.r-menu-cont ul li a{
+ font-family: "firaGoBook";
+ font-size:18px;
+ text-decoration: none;
+ color:#575757;
+}
+.r-menu-cont ul li a:hover {
+ color:#474747;
+}
+
+.left-menu {
+ padding-top:20px;
+}
+
+.right-menu {
+ padding-top:30px;
+}
+
+.source-code {
+ position: relative;
+}
+
+.pas-rec-bg {
+ width:603px;
+ background-color: #FFFFFF;
+ border-radius:18px;
+}
+
+.pas-rec-bg h2 {
+ margin-top: 80px;
+ margin-bottom: 90px;
+ font-size: 27px;
+ font-family: 'web001';
+ text-align: center;
+ color: #496AC1;
+}
+
+.news-block {
+ display: flex;
+ justify-content: flex-start;
+ margin-bottom:62px;
+}
+
+.news-img {
+ width: 368px;
+ margin-right: 56px;
+ overflow:hidden;
+ border-radius: 16px;
+}
+
+.news-img img {
+ width:100%;
+}
+
+.news-info {
+ width:665px;
+}
+
+.news-info h2 {
+ margin-top:10px;
+ font-family: 'web001';
+ font-size:32px;
+ margin-bottom:10px;
+ color:#040404;
+}
+
+.news-info p {
+ font-family: 'firaGoBook';
+ font-size:16px;
+ color: #000000;
+ margin-bottom:20px;
+}
+
+.news-data {
+ color: #464646;
+ font-size: 16px;
+ font-family: 'web001';
+}
+
+.fullstory {
+ width:830px;
+ position: relative;
+ margin: auto;
+}
+
+.back-news{
+ position: absolute;
+ margin-left:-100px;
+ margin-top:2px;
+}
+
+.back-news a {
+ font-size:22px;
+ font-family: 'web001';
+ color: #0E0E1A;
+}
+
+.back-news a img {
+ margin-top:3px;
+ float:left;
+}
+
+.back-news a span{
+ margin-left:10px;
+}
+
+.img-place-full {
+ width: 830px;
+}
+
+.img-place-full img {
+ width: 100%
+}
+
+
+.info-fullstory{
+ overflow:hidden;
+}
+
+
+.info-fullstory h2 {
+ margin-top:64px;
+ font-family: 'web001';
+ font-size:32px;
+ margin-bottom:25px;
+ color:#040404;
+}
+
+.info-fullstory p {
+ font-family: 'firaGoBook';
+ font-size:16px;
+ color: #000000;
+ margin-bottom:16px;
+}
+
+.data-fullstory {
+ float: right;
+ font-family: 'firaGoBook';
+ font-size:16px;
+ color:#464646;
+}
+
+.recent-news {
+ margin-top:95px;
+}
+
+.recent-news h1 {
+ font-family: 'web001';
+ font-size:32px;
+ text-align: center;
+}
+
+.news-block-2 {
+ width: 368px;
+ overflow:hidden;
+ margin-top:54px;
+}
+
+.news-info-2 {
+ width: 368px;
+}
+.news-info-2 h2 {
+ margin-top:21px;
+ font-family: 'web001';
+ font-size:26px;
+ margin-bottom:14px;
+ color:#040404;
+}
+
+.news-info-2 p {
+ font-family: 'firaGoBook';
+ font-size:16px;
+ color: #000000;
+ margin-bottom:20px;
+}
+
+.news-img-2 {
+ position: relative;
+ overflow:hidden;
+ width:368px;
+ height: 257px;
+ border-radius: 16px;
+}
+
+.news-img-2 img {
+ position: absolute;
+ max-width:105%;
+ height:100%;
+ top:50%;
+ left:50%;
+ transform:translate(-50%, -50%);
+}
+
+.nw-block {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap
+}
+
+.profile-info {
+ background-color: #496AC112;
+ color: #496AC1;
+ font-size:16px;
+ font-family: 'firaGo';
+ border:none;
+ text-align: center;
+ width:160px;
+ height: 46px;
+ border-radius: 10px;
+ cursor: pointer;
+ margin-top:30px;
+}
+
+.logout-btn {
+ padding:12px 0;
+ background-color: #F5ECEC;
+ color: #C14949;
+ font-size:16px;
+ font-family: 'firaGo';
+ border:none;
+ text-align: center;
+ width:160px;
+ height: 46px;
+ border-radius: 10px;
+ cursor: pointer;
+ margin-top:14px;
+}
+
+.profile-box p {
+ font-family: firaGoSemiBold, sans-serif; font-size: 24px
+}
+
+.img-box {
+ width:96px;
+ height: 96px;
+ overflow:hidden;
+}
+
+.profile-setting-popup {
+ display: none;
+}
+
+.setting-on {
+ position: fixed;
+ display: flex;
+ justify-content: center;
+ width:100%;
+ height: 100%;
+ top:0;
+ left:0;
+ background-color: #ffffffe0;
+ z-index: 12;
+ overflow-y:auto;
+ padding:30px 0;
+}
+
+.setting-block {
+ width:1088px;
+ height:879px;
+ background-color: #F9F9F9;
+ border-radius:18px;
+ display:flex;
+ justify-content: space-between;
+ padding:67px 76px;
+}
+
+.profile-picture-block {
+ margin-bottom:34px;
+}
+
+.profile-picture-block h2 {
+ font-family: 'firaGo';
+ font-size:24px;
+ color: #151528;
+ margin-bottom:22px;
+}
+
+.pic-bl {
+ background-color:#fff;
+ border-radius: 22px;
+ width:438px;
+ padding:44px 51px;
+}
+
+.pic-bl-picture {
+ background-color:#fff;
+ border-radius: 22px;
+ width:438px;
+ padding:24px 31px;
+}
+
+.in-pt {
+ margin-bottom:32px;
+}
+
+.in-pt h3 {
+ color: #2A2A2A;
+ font-family: 'firaGo';
+ font-size:20px;
+ font-weight: normal;
+}
+
+.in-pt input {
+ background-color: #F9F9F9;
+ border-radius:12px;
+ width:340px;
+ height:57px;
+ padding: 0 20px;
+ border:none;
+ margin-top:10px;
+}
+
+.in-pt p {
+ color:#E98940;
+ font-size:11px;
+ font-family: 'firaGo';
+ margin-top:10px;
+}
+
+.changesBtn {
+ position: absolute;
+ background-color: #496AC1;
+ color: #fff;
+ font-size:20px;
+ border-radius:20px;
+ border:none;
+ width:420px;
+ height:77px;
+ margin-left:15px;
+ font-family: 'firaGo';
+ bottom:0;
+}
+
+.right-setting-block {
+ position: relative;
+}
+
+.im {
+ position: relative;
+ width: 107px;
+ height: 107px;
+ overflow:hidden;
+ border-radius: 50%;
+ margin-right:30px;
+}
+
+.im img {
+ position: absolute;
+ width: 100%;
+ left:50%;
+ top:50%;
+ transform: translate(-50%, -50%)
+}
+
+.pt-upload {
+ display: flex;
+ align-items: center;
+}
\ No newline at end of file
diff --git a/app/static/CSS/styles2.css b/app/static/CSS/styles2.css
new file mode 100644
index 0000000..94456da
--- /dev/null
+++ b/app/static/CSS/styles2.css
@@ -0,0 +1,2579 @@
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+header {
+ background-color: #fff;
+}
+
+.navigation {
+ position: relative;
+ max-width: 1089px;
+ width: 100%;
+ margin: auto;
+ color: white;
+ padding: 6px 20px;
+ justify-content: space-between;
+ align-items: center;
+ z-index: 3;
+}
+
+.nav-right ul {
+ list-style: none;
+ display: flex;
+ align-items: center;
+}
+
+.list-item {
+ display: flex;
+}
+
+.list-item a {
+ position: relative;
+ padding: 7px 13px;
+ margin: 0 10px;
+ background-color: transparent;
+ font-size: 16px;
+ font-family: "firaGo", sans-serif;
+ color: #151528;
+ text-decoration: none;
+ border-radius: 8px;
+ transition-duration: 0.2s;
+}
+
+.list-item a:hover {
+ color: #496ac1;
+ background-color: #ecf0f9;
+}
+
+.active-link-nav {
+ background-color: #ecf0f9 !important;
+ color: #496ac1 !important;
+}
+
+.active-link-nav {
+ background-color: #ECF0F9 !important;
+ color: #496AC1 !important;
+}
+
+.nav-left {
+ color: white;
+ font-size: 42px;
+}
+
+.nav-left > h2 {
+ font-family: Courier, sans-serif;
+ font-weight: normal;
+ font-size: 82px;
+}
+
+.icon {
+ font-size: 20px;
+}
+
+body {
+ padding: 0;
+ margin: 0;
+ box-sizing: border-box;
+}
+
+.processing-lang {
+ max-width: 960px;
+ width: 100%;
+ margin: 64px auto auto;
+ /* margin-bottom: 433px; */
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+}
+
+.processing-lang h2 {
+ font-size: 34px;
+ font-family: "Sandro", sans-serif;
+ text-align: center;
+ margin-bottom: 87px;
+}
+
+.prtext {
+ width: 720px;
+ height: 224px;
+ padding: 42px;
+ background-color: #F5F5F5;
+ font-size: 18px;
+ font-family: 'firaGoBook';
+ color: #000000;
+ border:none;
+ resize: none;
+ border-radius:18px;
+ margin: auto;
+}
+
+.prtext:focus {
+ outline: none;
+}
+
+.prtext::placeholder {
+ font-size: 22px;
+ color: #172224;
+ opacity: 0.5;
+}
+
+.btn-block {
+ margin: 32px auto auto;
+ display: flex;
+ align-items: center;
+}
+
+.clear-icon {
+ display: none;
+ margin: auto 10px auto auto;
+}
+
+.clear-bt:last-child {
+ padding-left: 58px;
+ /*იგივეა რაც ღილაკიდან 20px*/
+ padding-right: 7px;
+}
+
+.btn-analyze {
+ width:195px;
+ height: 46px;
+ font-size: 16px;
+ text-align: center;
+ font-family: 'firaGo';
+ background-color: #496AC1;
+ color: #ffffff;
+ cursor: pointer;
+ outline: none;
+ border: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ border-radius:12px;
+}
+
+/* footer */
+footer {
+ position: relative;
+ z-index: 3;
+ margin-top: 10rem;
+ background-color: #151528;
+}
+
+.footer-container {
+ max-width: 1089px;
+ width: 100%;
+ margin: auto;
+ padding: 20px;
+ display: flex;
+ justify-content: space-between;
+ align-items: flex-start;
+}
+
+.footer-l__block {
+ display: flex;
+}
+
+.github-logo {
+ margin-right: 32px;
+}
+
+.created-by__title {
+ font-family: "Sandro", sans-serif;
+ margin: 30px 0 20px;
+ color: #ffffff;
+ font-size: 16px;
+ width: 500px;
+}
+
+.created-by__title h2 {
+ margin-bottom: 20px;
+ font-size: 22px;
+ text-align: center;
+ font-family: "web001", sans-serif;
+ font-weight: normal;
+}
+
+.created-by__title p {
+ font-family: "firaGoLight", sans-serif;
+}
+
+.university-logo {
+ margin-right: 11px;
+ margin-top: 15px;
+}
+
+.university-logo a {
+ margin-left: 15px;
+ text-decoration: none;
+}
+
+.university-name__title h2 {
+ font-family: "web001", sans-serif;
+ font-weight: normal;
+ text-align: center;
+}
+
+.university-name__title {
+ margin-top: 30px;
+ color: #ffffff;
+ font-size: 16px;
+}
+
+.analyze-section {
+ max-width: 960px;
+ width: 100%;
+ margin: 15px auto auto;
+ display: none;
+ justify-content: center;
+ flex-direction: column;
+ margin-top:95px;
+}
+
+.display-flex {
+ display: flex;
+}
+
+.parts {
+ display: flex;
+ justify-content: center;
+}
+
+.analyze-part {
+ padding:13px 21px;
+ text-align: center;
+ font-family: 'firaGo';
+ color: #496AC1;
+ font-size: 18px;
+ background-color: #F5F5F5;
+ border-radius: 8px;
+ margin-right:20px;
+ cursor: pointer;
+}
+
+.disabled {
+ color: #B1B1B1;
+}
+
+.grammar-blocks {
+ display: flex;
+ justify-content: space-around;
+ flex-wrap: wrap;
+}
+
+.grammar-block {
+ width: 44%;
+ border: none;
+ margin-top: 32px;
+ min-height: 128px;
+ background-color: #F5F5F5;
+ border-radius: 18px;
+}
+
+.grammar-block-header {
+ font-size: 22px;
+ padding: 3px 22px 5px;
+ font-weight: bold;
+ color: white;
+}
+
+.gram-textarea {
+ flex: 1;
+ font-size: 18px;
+ padding-left: 5px;
+ background-color: white;
+}
+
+.hidden {
+ opacity: 0;
+}
+
+.block-last {
+ margin-bottom: 32px;
+}
+
+.block-1 > .grammar-block-header {
+ background-color: #3bc18e;
+}
+
+.block-2 > .grammar-block-header {
+ background-color: #d1bf33;
+}
+
+.block-3 > .grammar-block-header {
+ background-color: #3b83c1;
+}
+
+.block-4 > .grammar-block-header {
+ background-color: #e68989;
+}
+
+.block-5 > .grammar-block-header {
+ background-color: #238463;
+}
+
+.block-6 > .grammar-block-header {
+ background-color: #d69822;
+}
+
+.block-7 > .grammar-block-header {
+ background-color: #bc1e9e;
+}
+
+.block-8 > .grammar-block-header {
+ background-color: #4db44d;
+}
+
+.block-9 > .grammar-block-header {
+ background-color: #9dc13b;
+}
+
+.hidden {
+ opacity: 0;
+}
+
+.block-last {
+ margin-bottom: 32px;
+}
+
+.block-1 > .grammar-block-header {
+ background-color: #3bc18e;
+}
+
+.block-2 > .grammar-block-header {
+ background-color: #d1bf33;
+}
+
+.block-3 > .grammar-block-header {
+ background-color: #3b83c1;
+}
+
+.block-4 > .grammar-block-header {
+ background-color: #e68989;
+}
+
+.block-5 > .grammar-block-header {
+ background-color: #238463;
+}
+
+.block-6 > .grammar-block-header {
+ background-color: #d69822;
+}
+
+.block-7 > .grammar-block-header {
+ background-color: #bc1e9e;
+}
+
+.block-8 > .grammar-block-header {
+ background-color: #4db44d;
+}
+
+.block-9 > .grammar-block-header {
+ background-color: #9dc13b;
+}
+
+.login-bg {
+ position: fixed;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ left: 0;
+ display: none;
+ justify-content: center;
+ align-items: center;
+ z-index: 9999;
+ background-color: rgba(23, 34, 36, 0.38);
+}
+
+.active-login {
+ display: flex;
+ z-index: 5;
+}
+
+.login-content {
+ position: relative;
+ width: 1202px;
+ height: 668px;
+ background-color: #496AC1;
+ display: flex;
+ border-radius: 18px;
+}
+
+.login-content h2 {
+ margin-top: 80px;
+ margin-bottom: 90px;
+ font-size: 27px;
+ font-family: 'web001';
+ text-align: center;
+ color: #496AC1;
+}
+
+.login-cont {
+ width:603px;
+ background-color: #FFFFFF;
+ border-radius:18px;
+}
+
+.addit-login {
+ display: flex;
+ justify-content: center;
+ margin-bottom: 33px;
+}
+
+.img-additional:first-child {
+ margin-right: 65px;
+}
+
+.login-inputs {
+ display: flex;
+ justify-content: center;
+}
+
+.email-input,
+.forgot-password {
+ margin-bottom: 32px;
+}
+
+.forgot-password {
+ margin-top:9px;
+ float:right;
+ font-size: 12px;
+ font-family: 'firaGo';
+ color: #496AC1;
+ background-color: transparent;
+ border: none;
+ outline: none;
+ cursor: pointer;
+}
+
+.login-input {
+ display: flex;
+ justify-content: center;
+ width: 449px;
+ height: 52px;
+ padding: 0px 20px;
+ background-color: #F9F9F9;
+ font-size: 13px;
+ font-family: 'web001';
+ color: #707070;
+ border: none;
+ outline: none;
+ border-radius:12px;
+}
+
+.login-input::placeholder {
+ font-size: 18px;
+ font-family: Sandro, sans-serif;
+ color: #707070;
+}
+
+.emailwarning,
+.passwordvalidation {
+ margin-top: 3px;
+ font-family: "Sandro", sans-serif;
+ color: red;
+}
+
+.login-btn {
+ position: relative;
+ margin: auto;
+ display: flex;
+ width:449px;
+ height:61px;
+ background-color: #496AC1;
+ font-size: 16px;
+ font-family: 'firaGo';
+ color: #ffffff;
+ border-radius:12px;
+ border: none;
+ cursor: pointer;
+ text-align: center;
+ margin-left: 2px;
+}
+
+.login-btn span{
+ position: absolute;
+ left:50%;
+ top:50%;
+ transform: translate(-50%, -50%);
+}
+
+.registration-button,
+.avtorization-button {
+ margin-bottom: 37px;
+ font-size: 18px;
+ font-family: Sandro;
+ color: #fff;
+ background-color: transparent;
+ border: none;
+ outline: none;
+ cursor: pointer;
+}
+
+.registration-content{
+ position: relative;
+ width: 512px;
+ height: 668px;
+ background-color: #172224;
+ border: 1px solid#707070;
+}
+
+.registration-content {
+ width:1202px;
+ background-color:#496AC1;
+ border:none;
+ border-radius:18px;
+}
+
+.registration-content h2{
+ margin-top: 22px;
+ margin-bottom: 33px;
+ font-size: 34px;
+ font-family: Sandro;
+ text-align: center;
+ color: #fff;
+}
+
+.people {
+ display: flex;
+ width: 90%;
+ max-width: 1792px;
+ flex-wrap: wrap;
+ justify-content: space-between;
+ margin: 64px auto auto auto;
+}
+
+.file-block {
+ margin-bottom: 32px;
+}
+
+.file-tools {
+ flex-direction: column;
+ justify-content: space-between;
+ height:auto!important;
+}
+
+.tool-container {
+ cursor: pointer;
+ width: 32px;
+ height: 32px;
+ justify-content: center;
+ align-items: center;
+ margin-bottom:14px;
+}
+
+.tool-container a img {
+ width:16px;
+}
+
+.files_page_content {
+ background-color: #F9F9F9;
+ border-radius: 18px;
+ padding: 64px 76px;
+ max-width: 1470px;
+ width: 80%;
+ margin-top: 2px;
+ margin-right:46px;
+ margin-left: 38px;
+}
+
+.file_content_heading {
+ margin-bottom: 32px;
+}
+
+.file_content_heading h2 {
+ font-size: 24px;
+ font-family: "ArialCaps", sans-serif;
+ font-weight: normal;
+ color: #172224;
+}
+
+.files-flex-content {
+ display: flex;
+ justify-content: space-between;
+}
+
+.file-data {
+ margin-bottom: 10px;
+}
+
+.file-data span {
+ position: relative;
+ color: #172224;
+ font-size: 16px;
+ font-family: firaGo, sans-serif;
+}
+
+.file-data span:first-child {
+ padding-right: 60px;
+}
+
+.file-data span:first-child:after {
+ content: "";
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ width: 1px;
+ height: 65%;
+ margin-left: 30px;
+ background-color: #172224;
+}
+
+.file-content {
+ margin-right: 32px;
+ background-color: #ffffff;
+ border-radius: 18px;
+ padding: 36px 32px;
+ width: 100%;
+}
+
+.file-content h2 {
+ float: left;
+ padding: 0 15px 24px;
+ font-size: 24px;
+ font-family: firaGoSemibold, sans-serif;
+ color: #151528;
+}
+
+.file-content p {
+ float: left;
+ padding: 0 15px;
+ margin-right: 64px;
+ font-family: firaGo, sans-serif;
+ font-size: 16px;
+ color: #151528;
+}
+
+.file-btn-container {
+ margin: 32px auto auto;
+ justify-content: center;
+}
+
+.btn-file {
+ border: none;
+ border-radius: 12px;
+ padding: 16px 32px;
+ font-size: 16px;
+ text-align: center;
+ background-color: #496AC1;
+ font-family: "firaGo", sans-serif;
+ left: 4px;
+ color: white;
+ cursor: pointer;
+}
+
+.btn-file-upload {
+ border: none;
+ border-radius: 12px;
+ padding: 16px 32px;
+ font-size: 16px;
+ text-align: center;
+ background-color: #ECF0F9;
+ font-family: "firaGo", sans-serif;
+ left: 4px;
+ color: #496AC1;
+ cursor: pointer;
+
+}
+
+.user-logo {
+ cursor: pointer;
+ margin-top: 10px;
+}
+
+.login {
+ position: relative;
+ height: 42px;
+ margin-bottom: 20px;
+ margin-left: 20px;
+}
+
+.my-files {
+ text-decoration: none;
+ color: #172224;
+ transition: all 0.3s ease;
+ border-radius: 2%;
+ padding: 3px;
+}
+
+.my-files:hover {
+ background-color: #707070;
+ color: #ebebeb;
+ box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
+}
+
+.user-info:before {
+ content: "";
+ display: block;
+ height: 1px;
+ background-color: #707070;
+ margin: 21px 1px;
+ width: 150px;
+}
+
+.user-info {
+ margin-bottom: 21px;
+ padding: 3px;
+}
+
+#dropdown {
+ color: #172224;
+ background-color: white;
+ display: none;
+ position: absolute;
+ right: 0;
+ top: 0;
+ font-size: 18px;
+ padding: 20px 10px;
+ width: 208px;
+ border: 1px solid #707070;
+}
+
+.active-dropdown {
+ display: block !important;
+}
+
+.invertedLogo {
+ position: absolute;
+ right: 0;
+ z-index: 2;
+}
+
+.dropdownMargin {
+ margin-left: 200px;
+}
+
+#log-out {
+ border: 0;
+ background-color: transparent;
+ font-size: 18px;
+ cursor: pointer;
+ padding: 3px;
+ color: #707070;
+ transition: all 0.2s ease;
+ border-radius: 2%;
+}
+
+#log-out:hover {
+ background-color: #707070;
+ color: #ebebeb;
+ box-shadow: 0 0 11px rgba(33, 33, 33, 0.2);
+}
+
+.file-add-block {
+ justify-content: space-between;
+}
+
+.file-add-block h2 {
+ font-family: "firaGo", sans-serif;
+ font-size: 16px;
+ color: #000000;
+}
+
+.create-file-checks {
+ flex-direction: column;
+ width: 45%;
+}
+
+.create-file-inputs {
+ width: 45%;
+ flex-direction: column;
+ justify-content: space-between;
+}
+
+.file-name-inp {
+ height: 45px;
+ padding: 3px 18px;
+ font-size: 18px;
+ width: 100%;
+ margin-top: 16px;
+ margin-bottom: 16px;
+ font-family: firaGo, sans-serif;
+ border: none;
+ border-radius: 8px;
+}
+
+.copy-inp {
+ padding: 21px 47px 21px 18px;
+ margin: 16px 0;
+ font-size: 18px;
+ width: 100%;
+ font-family: firaGo, sans-serif;
+ resize: vertical;
+ height: 332px;
+ min-height: 70px;
+ border: none;
+ border-radius: 8px;
+}
+
+.file-upload-content {
+ min-height: 544px;
+}
+
+.checks-header {
+ margin-bottom: 75px;
+}
+
+.file-options {
+ font-size: 24px;
+ font-family: Sandro, sans-serif;
+ display: flex;
+ align-items: center;
+ margin-bottom: 24px;
+}
+
+.file-options > input {
+ width: 32px;
+ height: 32px;
+ margin-right: 7px;
+}
+
+.btn-upload {
+ position: relative;
+ width: 224px;
+ height: 32px;
+ margin-right: 20px;
+ cursor: pointer;
+}
+
+.btn-upload:after {
+ content: "upload";
+ position: absolute;
+ top: 0;
+ left: 0;
+ display: block;
+ width: 100%;
+ height: 100%;
+ padding: 0 0 0 9px;
+ background: #172224;
+ font-size: 24px;
+ font-family: "ArialCaps", sans-serif;
+ color: #fff;
+}
+
+.file-name {
+ font-family: Sandro, sans-serif;
+ font-size: 24px;
+}
+
+.copy-container {
+ position: relative;
+}
+
+.copy-container > img {
+ position: absolute;
+ color: #707070;
+ right: 32px;
+ bottom: 21px;
+ cursor: pointer;
+}
+
+.content-navbar {
+ margin: 34px 32px 34px 68px;
+ font-size: 24px;
+ font-family: Sandro, sans-serif;
+ color: #172224;
+}
+
+.concrete-content {
+ display: flex;
+ justify-content: space-between;
+ margin: 0 32px 96px 96px;
+}
+
+.concrete-words {
+ font-family: firaGo, sans-serif;
+ font-size: 16px;
+ max-width: 1312px;
+ width: 100%;
+ background-color: #F9F9F9;
+ border-radius: 18px;
+ padding: 36px 43px;
+}
+
+.concrete-words ul {
+ display: flex;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+}
+
+.concrete-words ul li {
+ width: 25%;
+ min-width: 224px;
+ margin: 4px 8.333% 0 0;
+ font-size: 24px;
+ font-family: Sandro, sans-serif;
+ color: #2c3532;
+ list-style-type: none;
+}
+
+.concrete-search-tool {
+ width: 320px;
+ min-width: 320px;
+}
+
+.search-tool-block {
+ width: 100%;
+}
+
+.info-search {
+ margin: 0 22px 0 32px;
+}
+
+.info-search ul li {
+ margin: 0 0 35px;
+ font-size: 16px;
+ font-family: 'firaGo', sans-serif;
+ color: #2c3532;
+ background-color: #F5F5F5;
+ border-radius: 8px;
+ list-style-type: none;
+ overflow-wrap: break-word;
+}
+
+.input-search {
+ width: 215px;
+ height: 45px;
+ font-size: 16px;
+ font-family: 'firaGo', sans-serif;
+ padding: 4px;
+ border: none;
+ border-radius: 8px 0 0 8px;
+ background-color: #F6F6F6;
+}
+
+.btn_download {
+ margin-top: 32px;
+ width: 100%;
+ padding: 2px 35px 6px;
+ background-color: #2c3532;
+ font-size: 24px;
+ font-family: "Sandro", sans-serif;
+ color: #ebebeb;
+ text-align: left;
+ border: none;
+ outline: none;
+}
+
+.search-btn {
+ width: 45px;
+ height: 45px;
+ border-radius: 0 8px 8px 0;
+ background-color: #496AC1;
+ border: none;
+}
+
+.search-btn img {
+ width: 17px;
+ height: 17px;
+ vertical-align: center;
+}
+
+.search-input-block {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.file-input {
+ display: none;
+ font-size: 15px;
+ margin-left: 10px;
+ padding-top: 5px;
+}
+
+.display-block {
+ display: block;
+}
+
+.autoriz {
+ display: block;
+ float: right;
+ margin-bottom:20px;
+ cursor: pointer;
+ margin-top: 9px;
+ float: right;
+ font-size: 16px;
+ font-family: 'firaGo';
+ color: #496AC1;
+ background-color: transparent;
+ border: none;
+ outline: none;
+ cursor: pointer;
+}
+
+.log-inp-rec {
+ margin-bottom: 32px;
+}
+
+.concrete-words ul li span {
+ color: #ff0000;
+}
+
+.visible {
+ display: flex;
+}
+
+.invisible {
+ display: none;
+}
+
+/*.registration-content,
+.pas-rec-bg {
+ position: relative;
+ width: 512px;
+ height: 480px;
+ background-color: #172224;
+ border: 1px solid #707070;
+}*/
+
+/*.registration-content h2,
+.pas-rec-bg h2 {
+ margin-top: 22px;
+ margin-bottom: 33px;
+ font-size: 34px;
+ font-family: Sandro, sans-serif;
+ text-align: center;
+ color: #fff;
+}*/
+
+.uploading-procces {
+ position: relative;
+ user-select: none;
+ opacity: 0.5;
+}
+
+.uploading-text {
+ position: relative;
+}
+
+.uploading-text:after {
+ content: "ფაილი მუშავდება";
+ position: absolute;
+ left: 50%;
+ top: 30%;
+ transform: translate(-50%);
+ font-size: 53px;
+ font-family: "ArialCaps", sans-serif;
+ color: #172224;
+ z-index: 4;
+}
+
+.uploading-icons > .tool-container {
+ cursor: default;
+}
+
+input[type="checkbox"] {
+ cursor: pointer;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+}
+
+input[type="checkbox"]::after {
+ font-family: "Font Awesome 5 Free", sans-serif;
+ font-weight: 900;
+ color: white;
+ font-size: 27px;
+}
+
+input[type="checkbox"]:checked::after {
+ content: "\f00c";
+ appearance: none;
+ -webkit-appearance: none;
+ background-color: #172224;
+ width: 100%;
+ text-align: center;
+}
+
+.soc-icons {
+ font-size: 30px;
+}
+
+.soc-icons > a {
+ color: #172224;
+}
+
+.soc-icons > a:hover {
+ color: #425d62;
+}
+
+.soc-icons > a:active {
+ color: #425d62;
+}
+
+.soc-icons {
+ margin-top: 15px;
+}
+
+i.fab.fa-facebook-square {
+ margin-left: 10px;
+}
+
+.details-page {
+ max-width: 1920px;
+ width: 100%;
+ margin: auto;
+ padding: 0 24px;
+}
+
+.disablem {
+ margin-left: 0;
+}
+
+.details-container {
+ display: flex;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+ margin-top: 287px;
+ border: 1px solid #707070;
+}
+
+.details-block {
+ width: 100%;
+}
+
+.details-block ul {
+ display: flex;
+ justify-content: flex-start;
+ flex-wrap: wrap;
+}
+
+.block1 {
+ width: 35%;
+ border-right: 1px solid #707070;
+ text-align: right;
+}
+
+.block2 {
+ width: 11%;
+ border-right: 1px solid #707070;
+ text-align: center !important;
+}
+
+.block2 span {
+ color: #ff0000;
+}
+
+.block3 {
+ width: 54%;
+ text-align: left;
+}
+
+.details-block:last-child .block1 {
+ border-bottom: 0;
+}
+
+.details-block:last-child .block2 {
+ border-bottom: 0;
+}
+
+.details-block:last-child .block3 {
+ border-bottom: 0;
+}
+
+.details-block ul li {
+ list-style-type: none;
+ padding: 20px 20px 20px 10px;
+ font-size: 24px;
+ font-family: Sandro, sans-serif;
+ color: #172224;
+ border-bottom: 1px solid #707070;
+}
+
+.reg-password-input,
+.reg-email-input,
+.reg-password-input-rep {
+ margin-bottom: 18px;
+}
+
+.hamburger {
+ background-color: transparent;
+ border: none;
+ color: #8771e8;
+ cursor: pointer;
+ font-size: 35px;
+ display: none;
+}
+
+.hamburger:focus {
+ outline: none;
+}
+
+@media screen and (max-width: 1318px) {
+ .list-item::after {
+ display: none;
+ }
+
+ .list-item {
+ margin-right: 60px;
+ font-size: 27px;
+ text-align: center;
+ }
+
+ .nav-left {
+ margin-right: 60px;
+ }
+}
+
+@media screen and (max-width: 1200px) {
+ .nav-right {
+ display: none;
+ flex-direction: column;
+ }
+
+ .nav-right > ul {
+ flex-direction: column;
+ position: relative;
+ margin-bottom: 10px;
+ }
+
+ .nav-right > ul > li {
+ margin: 0 0 25px;
+ }
+
+ .icon {
+ position: absolute;
+ right: 0;
+ top: 0;
+ order: 1;
+ }
+
+ .nav-right.show {
+ width: 100%;
+ display: flex;
+ }
+
+ .navigation {
+ flex-wrap: wrap;
+ }
+
+ .hamburger {
+ display: block;
+ }
+}
+
+@media screen and (max-width: 768px) {
+}
+
+@media screen and (max-width: 676px) {
+ .nav-right {
+ align-items: flex-start;
+ margin-left: 10px;
+ margin-top: 10px;
+ }
+
+ .nav-right > ul {
+ align-items: flex-start;
+ margin-left: 10px;
+ margin-top: 20px;
+ width: 100%;
+ }
+
+ .nav-left > h2 {
+ font-size: 70px;
+ }
+
+ .icon {
+ position: absolute;
+ }
+}
+
+.wall {
+ max-width: 1089px;
+ width: 100%;
+ margin: 80px auto;
+}
+
+.slider-container {
+ position: relative;
+ max-width: 1089px;
+ width: 100%;
+ height: 567px;
+ border-radius: 18px;
+ overflow: hidden;
+}
+
+.slider-ul {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ top: 0;
+ transition: 0.3s;
+}
+
+.slider-item {
+ position: relative;
+ width: 100%;
+ height: 100%;
+ overflow: hidden;
+ border-radius: 18px;
+}
+
+.slider-pagination {
+ position: absolute;
+}
+
+.slider-img {
+ width: 100%;
+ height: 100%;
+}
+
+.slider-item-content {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ max-width: 50%;
+ margin-left: 80px;
+ z-index: 2;
+}
+
+.btn-for-slider {
+ margin-right: 15px;
+ width: 197px;
+ height: 49px;
+ background-color: #496ac1;
+ font-size: 16px;
+ font-family: "firaGo", sans-serif;
+ color: #fff;
+ border: none;
+ outline: none;
+ border-radius: 6px;
+}
+
+.slider-item-content a {
+ padding: 7px 20px;
+ font-size: 16px;
+ font-family: "firaGo", sans-serif;
+ color: #fff;
+ text-decoration: none;
+}
+
+.slider-item-content p {
+ margin-bottom: 39px;
+ font-size: 16px;
+ font-family: "firaGo", sans-serif;
+ color: #fff;
+}
+
+.slider-item-content p {
+ margin-bottom: 30px;
+ font-size: 16px;
+ color: #d9d9d9;
+}
+
+.slider-item-content h2 {
+ margin-bottom: 20px;
+ font-size: 42px;
+ font-family: "web001", sans-serif;
+ font-weight: normal;
+ color: #fff;
+}
+
+.slider-pagination {
+ position: absolute;
+ top: 50%;
+ transform: translateY(-50%);
+ right: 70px;
+}
+
+.pag-button {
+ display: block;
+ margin: 10px 0;
+ width: 9px;
+ height: 9px;
+ background-color: #fff;
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+.about-project {
+ margin-top: 150px;
+ padding: 66px 168px;
+ background-color: #f5f5f5;
+ border-radius: 18px;
+}
+
+.about-project h2 {
+ margin-top: 20px;
+ font-size: 32px;
+ margin-bottom: 30px;
+ text-align: center;
+ font-family: "web001", sans-serif;
+ font-weight: normal;
+ color: #496ac1;
+}
+
+.about-project p {
+ margin-bottom: 20px;
+ font-family: "firaGoBook", sans-serif;
+ color: #5d5d5d;
+ font-weight: normal;
+}
+
+.coprgt {
+ text-align: center;
+ color: #fff;
+ padding-bottom: 10px;
+ font-family: "firaGoLight", sans-serif;
+}
+
+#about-section {
+ font-family: 'firaGoLight', sans-serif;
+}
+
+#about-section {
+ width: 80%;
+ max-width: 900px;
+ margin: auto;
+}
+
+.about-us {
+ margin-top: 112px;
+ margin-bottom: 100px;
+}
+
+.about-head {
+ color: #0E0E1A;
+ text-align: center;
+ margin-bottom: 32px;
+ font-size: 28px;
+ font-weight: bold;
+ /* WEB 001 უნდა */
+}
+
+.about-us-par {
+ font-size: 16px;
+}
+
+.our-team {
+= = = = = = =
+ /* WEB 001 უნდა */
+}
+
+.about-us-par {
+ font-size: 16px;
+}
+
+.our-team {
+ margin-top: 32px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: relative;
+}
+
+
+.team-info {
+ width: 30%;
+ display: none;
+}
+
+.team-member {
+ cursor: pointer;
+ border:3px solid transparent;
+}
+
+.current-member {
+ border-radius:20px;
+ border:3px solid#F3F3F3;
+ height:132px;
+}
+
+.active-info {
+ display: block;
+}
+
+.team-name {
+ font-size: 37px;
+}
+
+.team-info > h4 {
+ font-size: 22px;
+ color: #496AC1;
+ margin-bottom: 18px;
+}
+
+.team-pics {
+ margin-top: 32px;
+ width: 442px;
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: space-between;
+}
+
+.team-pic {
+ width: 126px;
+ height: 126px;
+ border-radius: 18px;
+}
+
+.team-pic:first-child {
+ margin-bottom: 32px;
+}
+
+.git {
+ font-size: 24px;
+ display: flex;
+ text-decoration: none;
+ color: #6879d9;
+}
+
+.team-desc {
+ margin-bottom: 41px;
+}
+
+.git > span {
+ font-size: 20px;
+ margin-left: 10px;
+}
+
+.nav-left img {
+ width: 178px;
+ height: 31px;
+}
+
+.user-place {
+ margin-top: 10px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 42px;
+ height: 42px;
+ background-color: #ecf0f9;
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+.slider-item-content a span {
+ position: absolute;
+ margin-top: 16px;
+ margin-left: 10px;
+}
+
+/* Added for files page */
+.pagination-number {
+ font-family: firaGo, sans-serif;
+ font-size: 20px;
+ color: #496AC1;
+ text-decoration: none;
+ padding: 6px 12px;
+ border-radius: 8px;
+}
+
+.pagination-number.active {
+ background-color: #496AC1;
+ color: #F5F5F5;
+}
+
+.file-upload-modal {
+ display: none;
+ position: fixed;
+ z-index: 9999;
+ padding-top: 100px;
+ left: 0;
+ top: 0;
+ width: 100%;
+ height: 100%;
+ overflow: auto;
+ background-color: rgba(0, 0, 0, 0.4);
+}
+
+.file-upload-modal-content {
+ background-color: #F9F9F9;
+ margin: auto;
+ padding: 76px;
+ width: 80%;
+ border-radius: 8px;
+}
+
+.profile-box {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ width: 314px;
+ height: 365px;
+ flex-shrink: 0;
+ margin-top: 96px;
+ margin-left: 56px;
+ padding-top: 38px;
+ border-radius: 18px;
+ background-color: #f9f9f9;
+}
+
+.profile-box img {
+ width: 96px;
+ height: 96px;
+ border-radius: 48px;
+}
+
+.profile-box p {
+ padding-top: 12px;
+}
+
+.statistics-group {
+ display: flex;
+ justify-content: space-around;
+ margin: 16px
+}
+
+.statistics-group p {
+ font-family: 'firaGo', sans-serif;
+ font-size: 16px;
+ background-color: #F5F5F5;
+ text-align: center;
+ border-radius: 8px;
+ padding: 12px;
+ margin-right: 10px;
+ min-width: 125px;
+ min-height: 66px;
+}
+
+.utilities-box {
+ display: flex;
+ flex-direction: column;
+ margin-left: 130px;
+ background-color: silver;
+}
+
+.word-highlight {
+ color: #E98940;
+}
+
+.flashed-messages {
+ background-color: #ECF0F9;
+ color: #496AC1;
+ font-family: firaGo, sans-serif;
+ text-align: center;
+ padding: 12px;
+ border-radius: 8px;
+ border: #496AC1 1px solid;
+}
+
+.user-place {
+ margin-top: 10px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ width: 42px;
+ height: 42px;
+ background-color: #ecf0f9;
+ border-radius: 50%;
+ cursor: pointer;
+}
+
+.slider-item-content a span {
+ position: absolute;
+ margin-top: 16px;
+ margin-left: 10px;
+}
+
+.content-login {
+ max-width:1202px;
+}
+
+.gare-avtorizacia h4 {
+ text-align: center;
+ color:#8B8B8B;
+ font-family: 'firaGo';
+ font-size:12px;
+ font-weight: normal;
+}
+
+.gare-avtorizacia {
+ margin-top:40px;
+}
+
+.o-auth{
+ position: relative;
+ margin-top:21px;
+ width:449px;
+ height:62px;
+ background-color:#fff;
+ border-radius: 12px;
+ border:1px solid#C4C4C4;
+ cursor: pointer;
+}
+
+.o-auth span img{
+ width:23px;
+ margin-right:10px;
+ margin-top:-3px;
+}
+
+.o-auth span {
+ position: absolute;
+ left:50%;
+ top:50%;
+ transform: translate(-50%, -50%);
+ display: flex;
+ font-size:18px;
+ font-family: 'firaGo';
+}
+
+.cont {
+ position: absolute;
+ width:402px;
+ left:50%;
+ top:50%;
+ transform: translate(-50%, -50%);
+}
+
+.registration-butt {
+ position: relative;
+ width:603px;
+}
+
+.cont h1 {
+ text-align: center;
+ font-size:27px;
+ color: #FFFFFF;
+ font-family: 'web001';
+ margin-bottom:25px;
+}
+
+.cont p {
+ text-align: center;
+ color:#FFFFFF;
+ font-size:19px;
+ margin-bottom:40px;
+ font-family: 'firaGoLight';
+}
+
+.registration-button, .avtorization-button {
+ margin-left:50px;
+ width:310px;
+ height:61px;
+ background-color: transparent;
+ border:1px solid#fff;
+ border-radius:12px;
+ font-family: 'firaGo';
+}
+
+.avt {
+ width:603px;
+}
+
+.registration-content h2 {
+ margin-top: 80px;
+ margin-bottom: 60px;
+ font-size: 27px;
+ font-family: 'web001';
+ text-align: center;
+ color: #496AC1;
+}
+
+.name-lastname {
+ display: flex;
+ margin-bottom:14px;
+}
+
+.name-input {
+ display: flex;
+ justify-content: center;
+ width: 177px;
+ height: 52px;
+ padding: 0px 20px;
+ background-color: #F9F9F9;
+ font-size: 13px;
+ font-family: 'web001';
+ color: #707070;
+ border: none;
+ outline: none;
+ border-radius:12px;
+}
+
+.n23 {
+ width: 241px;
+}
+.n-input{
+ margin-right:28px;
+}
+.n-input h5, .reg-password-input h5, .reg-email-input h5 , .email-input h5, .password-input h5 {
+ font-family: "firaGo";
+ font-weight: normal;
+ font-size:15px;
+ margin:0 15px 10px;
+}
+
+.flex-container {
+ display: flex;
+ justify-content: flex-start;
+}
+
+.left-menu {
+ width:186px;
+ margin-right:36px;
+}
+
+.doc-content {
+ width: 687px;
+ background-color: #F9F9F9;
+ border-radius: 18px;
+ margin-right:36px;
+ padding:65px 75px;
+}
+
+.menu-content li {
+ position: relative;
+ list-style-type:none;
+ padding:10px 0;
+}
+
+.arrow-cat{
+ position: absolute;
+ width:11px;
+ height:11px;
+ left:0;
+ margin-top:4px;
+ background-image: url('../../assets/arrow.svg');
+ background-repeat: no-repeat;
+ background-size: contain;
+}
+
+.menu-content li a {
+ font-family: 'firaGo';
+ font-size:16px;
+ text-decoration: none;
+ padding:0 20px;
+ color:#0E0E1A;
+}
+
+.menu-content li p {
+ font-family: 'firaGo';
+ font-size:16px;
+ text-decoration: none;
+ padding:0 20px;
+ color:#0E0E1A;
+}
+
+.cat-text{
+ font-family: 'firaGo';
+ font-size:16px;
+ text-decoration: none;
+ padding:0 20px;
+ color:#0E0E1A;
+ cursor: pointer;
+}
+
+.dropdown-categories {
+ display: none;
+}
+
+.active-menu {
+ display: block;
+ margin-left:50px;
+ margin-top:10px;
+ margin-bottom:10px;
+}
+
+.dropdown-categories li {
+ padding: 5px!important;
+ font-family: 'firaGo';
+ cursor: pointer;
+}
+
+.rotate {
+ margin-top:7px;
+ transform: rotate(90deg);
+ background-image: url('../../assets/droparrow.svg');
+ background-repeat: no-repeat;
+ background-size: contain;
+}
+
+.active-link {
+ color:#496AC1;
+}
+
+.doc-block {
+ margin-bottom:37px;
+}
+
+.doc-block h2 {
+ font-family: 'firaGo';
+ font-size:24px;
+ margin-bottom:17px;
+}
+
+.doc-block p {
+ font-size:16px;
+ font-family: 'firaGoBook';
+ color:#474747;
+}
+
+.code-block {
+ padding: 48px 46px;
+ background-color:#0E0E1A;
+ margin-top:27px;
+ border-radius:18px;
+ color:#C4C4C4;
+ position: relative;
+}
+
+.copyButton {
+ position: absolute;
+ background-image: url('../../assets/copy.png');
+ width:30px;
+ height:30px;
+ right:0;
+ top:0;
+ margin-top:20px;
+ margin-right:15px;
+ background-repeat: no-repeat;
+ background-size: contain;
+ background-color: transparent;
+ border:none;
+ cursor:pointer;
+ z-index:10;
+}
+
+.copied {
+ background-image: url('../../assets/copySuccess.png');
+}
+
+.r-menu-cont ul li {
+ list-style-type: none;
+ margin-bottom:19px;
+}
+
+.r-menu-cont ul li a{
+ font-family: "firaGoBook";
+ font-size:18px;
+ text-decoration: none;
+ color:#575757;
+}
+.r-menu-cont ul li a:hover {
+ color:#474747;
+}
+
+.left-menu {
+ padding-top:20px;
+}
+
+.right-menu {
+ padding-top:30px;
+}
+
+.source-code {
+ position: relative;
+}
+
+.pas-rec-bg {
+ width:603px;
+ background-color: #FFFFFF;
+ border-radius:18px;
+}
+
+.pas-rec-bg h2 {
+ margin-top: 80px;
+ margin-bottom: 90px;
+ font-size: 27px;
+ font-family: 'web001';
+ text-align: center;
+ color: #496AC1;
+}
+
+.news-block {
+ display: flex;
+ justify-content: flex-start;
+ margin-bottom:62px;
+}
+
+.news-img {
+ width: 368px;
+ margin-right: 56px;
+ overflow:hidden;
+ border-radius: 16px;
+}
+
+.news-img img {
+ width:100%;
+}
+
+.news-info {
+ width:665px;
+}
+
+.news-info h2 {
+ margin-top:10px;
+ font-family: 'web001';
+ font-size:32px;
+ margin-bottom:10px;
+ color:#040404;
+}
+
+.news-info p {
+ font-family: 'firaGoBook';
+ font-size:16px;
+ color: #000000;
+ margin-bottom:20px;
+}
+
+.news-data {
+ color: #464646;
+ font-size: 16px;
+ font-family: 'web001';
+}
+
+.fullstory {
+ width:830px;
+ position: relative;
+ margin: auto;
+}
+
+.back-news{
+ position: absolute;
+ margin-left:-100px;
+ margin-top:2px;
+}
+
+.back-news a {
+ font-size:22px;
+ font-family: 'web001';
+ color: #0E0E1A;
+}
+
+.back-news a img {
+ margin-top:3px;
+ float:left;
+}
+
+.back-news a span{
+ margin-left:10px;
+}
+
+.img-place-full {
+ width: 830px;
+}
+
+.img-place-full img {
+ width: 100%
+}
+
+
+.info-fullstory{
+ overflow:hidden;
+}
+
+
+.info-fullstory h2 {
+ margin-top:64px;
+ font-family: 'web001';
+ font-size:32px;
+ margin-bottom:25px;
+ color:#040404;
+}
+
+.info-fullstory p {
+ font-family: 'firaGoBook';
+ font-size:16px;
+ color: #000000;
+ margin-bottom:16px;
+}
+
+.data-fullstory {
+ float: right;
+ font-family: 'firaGoBook';
+ font-size:16px;
+ color:#464646;
+}
+
+.recent-news {
+ margin-top:95px;
+}
+
+.recent-news h1 {
+ font-family: 'web001';
+ font-size:32px;
+ text-align: center;
+}
+
+.news-block-2 {
+ width: 368px;
+ overflow:hidden;
+ margin-top:54px;
+}
+
+.news-info-2 {
+ width: 368px;
+}
+.news-info-2 h2 {
+ margin-top:21px;
+ font-family: 'web001';
+ font-size:26px;
+ margin-bottom:14px;
+ color:#040404;
+}
+
+.news-info-2 p {
+ font-family: 'firaGoBook';
+ font-size:16px;
+ color: #000000;
+ margin-bottom:20px;
+}
+
+.news-img-2 {
+ position: relative;
+ overflow:hidden;
+ width:368px;
+ height: 257px;
+ border-radius: 16px;
+}
+
+.news-img-2 img {
+ position: absolute;
+ max-width:105%;
+ height:100%;
+ top:50%;
+ left:50%;
+ transform:translate(-50%, -50%);
+}
+
+.nw-block {
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: wrap
+}
+
+.profile-info {
+ background-color: #496AC112;
+ color: #496AC1;
+ font-size:16px;
+ font-family: 'firaGo';
+ border:none;
+ text-align: center;
+ width:160px;
+ height: 46px;
+ border-radius: 10px;
+ cursor: pointer;
+ margin-top:30px;
+}
+
+.logout-btn {
+ padding:12px 0;
+ background-color: #F5ECEC;
+ color: #C14949;
+ font-size:16px;
+ font-family: 'firaGo';
+ border:none;
+ text-align: center;
+ width:160px;
+ height: 46px;
+ border-radius: 10px;
+ cursor: pointer;
+ margin-top:14px;
+}
+
+.profile-box p {
+ font-family: firaGoSemiBold, sans-serif; font-size: 24px
+}
+
+.img-box {
+ width:96px;
+ height: 96px;
+ overflow:hidden;
+}
+
+.profile-setting-popup {
+ display: none;
+}
+
+.setting-on {
+ position: fixed;
+ display: flex;
+ justify-content: center;
+ width:100%;
+ height: 100%;
+ top:0;
+ left:0;
+ background-color: #ffffffe0;
+ z-index: 12;
+ overflow-y:auto;
+ padding:30px 0;
+}
+
+.setting-block {
+ width:1088px;
+ height:879px;
+ background-color: #F9F9F9;
+ border-radius:18px;
+ display:flex;
+ justify-content: space-between;
+ padding:67px 76px;
+}
+
+.profile-picture-block {
+ margin-bottom:34px;
+}
+
+.profile-picture-block h2 {
+ font-family: 'firaGo';
+ font-size:24px;
+ color: #151528;
+ margin-bottom:22px;
+}
+
+.pic-bl {
+ background-color:#fff;
+ border-radius: 22px;
+ width:438px;
+ padding:44px 51px;
+}
+
+.pic-bl-picture {
+ background-color:#fff;
+ border-radius: 22px;
+ width:438px;
+ padding:24px 31px;
+}
+
+.in-pt {
+ margin-bottom:32px;
+}
+
+.in-pt h3 {
+ color: #2A2A2A;
+ font-family: 'firaGo';
+ font-size:20px;
+ font-weight: normal;
+}
+
+.in-pt input {
+ background-color: #F9F9F9;
+ border-radius:12px;
+ width:340px;
+ height:57px;
+ padding: 0 20px;
+ border:none;
+ margin-top:10px;
+}
+
+.in-pt p {
+ color:#E98940;
+ font-size:11px;
+ font-family: 'firaGo';
+ margin-top:10px;
+}
+
+.changesBtn {
+ position: absolute;
+ background-color: #496AC1;
+ color: #fff;
+ font-size:20px;
+ border-radius:20px;
+ border:none;
+ width:420px;
+ height:77px;
+ margin-left:15px;
+ font-family: 'firaGo';
+ bottom:0;
+}
+
+.right-setting-block {
+ position: relative;
+}
+
+.im {
+ position: relative;
+ width: 107px;
+ height: 107px;
+ overflow:hidden;
+ border-radius: 50%;
+ margin-right:30px;
+}
+
+.im img {
+ position: absolute;
+ width: 100%;
+ left:50%;
+ top:50%;
+ transform: translate(-50%, -50%)
+}
+
+.pt-upload {
+ display: flex;
+ align-items: center;
+}
+
+.search-input {
+ width:941px;
+ height:60px;
+ border-radius:12px;
+ background-color: #F6F6F6;
+ color:#86878B;
+ font-family: 'firaGoBook';
+ font-size:18px;
+ padding: 0 20px;
+ border:none;
+ outline: none
+}
+
+.search-input::placeholder {
+ color:#86878B;
+ font-family: 'firaGoBook';
+ font-size:18px;
+}
+
+.search-bl-btn{
+ width:132px;
+ height: 60px;
+ border-radius: 12px;
+ background-color: #496AC1;
+ border:none;
+ outline: none;
+ margin-left:10px;
+ cursor: pointer;
+}
+
+.search-bl-btn {
+ font-family: 'firaGoBook';
+ color:#fff;
+ font-size:18px;
+}
+
+.search-bl-btn img{
+ display: inline-block;
+ vertical-align: top;
+ margin-right:5px;
+}
+
+.btns-for-filter {
+ display: flex;
+ justify-content: flex-start;
+ margin: 10px 0;
+}
+
+.f-btn {
+ margin-right:20px;
+ cursor: pointer;
+ transition: 0.3s;
+}
+
+.f-btn span {
+ color: #496AC1;
+ font-size:16px;
+ font-family: 'firaGo';
+}
+
+.f-btn img {
+ display: inline-block;
+ vertical-align: top;
+ margin-left:5px;
+}
+
+.filter {
+ width:18px;
+ filter: invert(67%) sepia(57%) saturate(6837%) hue-rotate(207deg) brightness(79%) contrast(88%);
+}
+
+.f-btn:hover {
+ opacity: 0.5;
+}
+
+.block-1-srch{
+ margin-top:40px;
+}
+
+.block-content {
+ display: flex;
+ align-items: flex-start;
+ margin-bottom:20px;
+}
+
+.num {
+ background-color: #ECF0F9;
+ border-radius:12px;
+ width:60px;
+ height: 60px;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ color: #496AC1;
+ font-family: 'firaGo';
+ font-size:24px;
+}
+
+.nums {
+ display: flex;
+ align-items: center;
+}
+
+.minus-btn {
+ background-image: url('../../assets/minus-btn.svg');
+ background-repeat: no-repeat;
+ width:24px;
+ height: 5px;
+ margin-right:10px;
+}
+
+.pls-btn {
+ background-image: url('../../assets/plus-btn.svg');
+ background-repeat: no-repeat;
+ width:24px;
+ height: 18px;
+ margin-left:10px;
+}
+
+.block-txt-content {
+ margin-left:20px;
+}
+
+.block-txt-content p {
+ background-color: #F5F5F5;
+ border-radius:12px;
+ padding:25px;
+ font-family: 'firaGoBook';
+ margin-bottom:5px;
+}
+
+.search-results {
+ margin-top:63px;
+}
+
+.search-form-titles h2 {
+ color: #222323;
+ font-family: 'firaGo';
+ font-size:24px;
+}
+
+.search-form-titles h4 {
+ color: #4B4B4B;
+ font-family: 'firaGoBook';
+ font-size:18px;
+ font-weight: normal;
+ margin-top:4px;
+}
+
+.search-form-titles {
+ margin-bottom:34px;
+}
+
+.result-content {
+ padding:38px 44px 64px;
+ background-color: #F5F5F5;
+ border-radius: 12px;
+}
+
+.result-content p {
+ color: #0E0E1A;
+ font-family: 'firaGo';
+ font-size:18px;
+}
+
+.result-content div {
+ float:right;
+ margin-top:19px;
+ color: #496AC1;
+ font-family: 'firaGo';
+}
+
+.filter-form {
+ display: none;
+}
+
+.active-block {
+ display: block;
+}
+
+.filter-form li {
+ list-style-type:none;
+ background-color: transparent;
+ border:1px solid#496AC1;
+ border-radius:8px;
+ padding:7px;
+ color: #496AC1;
+ font-family: 'firaGo';
+ margin-bottom:10px;
+ margin-right:10px;
+ cursor: pointer;
+}
+
+.filter-form {
+ width:665px;
+ background-color: #F9F9F9;
+ padding:30px;
+ border-radius:12px;
+ margin-top:20px;
+}
+
+.filter-form div {
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.active-li {
+ background-color:#496AC1!important;
+ color:#FFFFFF!important;
+}
+
+.filter-form div h2 {
+ display: block;
+ width:100%;
+ margin-top:15px;
+ margin-bottom:23px;
+ font-size:20px;
+ color: #151528;
+ font-family: 'firaGoBook';
+}
+
+.btn-save {
+ background-color: #ECF0F9;
+ color: #496AC1;
+ font-size:18px;
+ font-family: 'firaGo';
+ margin:auto;
+ margin-top:30px;
+ margin-bottom:30px;
+ display: flex;
+ border:none;
+ border-radius: 8px;
+ width:315px;
+ height: 52px;
+ text-align: center;
+ justify-content: center;
+ align-items: center;
+ cursor: pointer;
+}
+
+.result-content div {
+ cursor: pointer;
+}
+
+.result-content div img {
+ display: inline-block;
+ vertical-align: center;
+ margin-left:5px;
+}
+
+.full-photo {
+ margin-top:36px;
+ top:0;
+ right:0;
+ position: absolute;
+ background:rgba(246,246,246, 0.4);
+ width:443px;
+ height:298px;
+ display: none;
+}
+
+.active-photo {
+ display: block;
+}
+
+.team-pic-full {
+ width:60%;
+ margin-left:50px;
+ margin-top: 13px;
+ margin-left: 90px;
+ border-radius:16px;
+}
+
+.close-photo {
+ position: absolute;
+ right: 0;
+ background-color: transparent;
+ border: none;
+ outline: none;
+ cursor: pointer;
+}
diff --git a/app/static/JS/scripts.js b/app/static/JS/scripts.js
index de1068a..7fbcac9 100644
--- a/app/static/JS/scripts.js
+++ b/app/static/JS/scripts.js
@@ -1,6 +1,5 @@
const btn = document.getElementById('analyze-button')
const grammarSection = document.getElementById('analyze-section')
-const clearIcon = document.getElementById('clear-icon')
const clearText = document.getElementById('analyze-text')
const grammarText = document.getElementById('prtext')
if (btn) {
@@ -11,16 +10,12 @@ if (btn) {
} else {
grammarSection.classList.toggle('display-flex')
clearText.innerText = 'გაასუფთავე'
- clearIcon.classList.toggle('display-flex')
btn.style.background = '#707070'
- btn.style.padding = '8px'
}
} else {
- clearIcon.classList.toggle('display-flex')
grammarSection.classList.toggle('display-flex')
clearText.innerText = 'გაანალიზე'
- btn.style.background = '#172224'
- btn.style.padding = '8px 42px'
+ btn.style.background = '#496AC1'
btn.classList.remove('clear-bt')
grammarText.value = ''
}
@@ -36,53 +31,34 @@ const loginEvent = () => {
}
loginBtn.addEventListener('click', loginEvent)
-loginForm = document.getElementById('login-form')
-loginForm.addEventListener('submit', (e) => {
+loginForm = document.querySelector('.login-btn')
+loginForm.addEventListener('click', (e) => {
e.preventDefault()
- const divEmail = document.querySelector('.email-input')
- const divPassword = document.querySelector('.password-input')
+ const divEmail = document.querySelector('#email')
+ const divPassword = document.querySelector('#password')
let inputEmail = document.forms['login']['email'].value
let inputPassword = document.forms['login']['password'].value
- const emailContext = () => {
- if (divEmail.childNodes[3] === undefined) {
- const validEdiv = document.createElement('span')
- validEdiv.classList.add('emailwarning')
- validEdiv.textContent = 'გთხოვთ შეიყვანეთ მეილი'
- divEmail.append(validEdiv)
- }
+
+ if(divEmail.value == ''){
+ document.querySelector('#email').style.border = '1px solid red'
+ } else{
+ document.querySelector('#email').style.border = 'none'
}
- const passwordContext = () => {
- if (divPassword.childNodes[3] === undefined) {
- const validPdiv = document.createElement('span')
- validPdiv.classList.add('passwordvalidation')
- validPdiv.textContent = 'გთხოვთ შეიყვანეთ პაროლი'
- divPassword.append(validPdiv)
- }
+
+ if(divPassword.value == ''){
+ document.querySelector('#password').style.border = '1px solid red'
+ } else{
+ document.querySelector('#password').style.border = 'none'
}
- if (inputEmail == '' && inputPassword == '') {
- emailContext()
- passwordContext()
- return false
- } else if (inputPassword == '' && inputEmail !== '') {
- if (divEmail.childNodes[3] !== undefined) {
- divEmail.childNodes[3].remove()
- }
- passwordContext()
- return false
- } else if (inputPassword !== '' && inputEmail == '') {
- emailContext()
- if (divPassword.childNodes[3] !== undefined) {
- divPassword.childNodes[3].remove()
- }
- return false
- } else {
+ if(divPassword.value !== '' && divEmail.value !== ''){
localStorage.setItem(
'loginInfo',
JSON.stringify({ email: inputEmail, password: inputPassword })
)
location.reload()
}
+
})
const loginLogo = document.querySelector('.user-logo')
@@ -199,17 +175,26 @@ const forgotBtn = document.querySelector('.forgot-password')
forgotBtn.addEventListener('click', (e) => {
e.preventDefault()
recovPas.classList.remove('invisible')
- recovPas.classList.add('visible')
- login.classList.add('invisible')
+ recovPas.classList.add('vis')
+ document.querySelector('.login-cont').classList.add('invisible')
})
+if(document.querySelector('.autoriz')){
+document.querySelector('.autoriz').addEventListener('click', (e)=>{
+ e.preventDefault()
+ recovPas.classList.add('invisible')
+ recovPas.classList.remove('vis')
+ document.querySelector('.login-cont').classList.remove('invisible')
+})
+}
+
window.onclick = (event) => {
if (event.target == loginContent) {
loginContent.classList.remove('active-login')
recovPas.classList.add('invisible')
- recovPas.classList.remove('visible')
+ recovPas.classList.remove('vis')
login.classList.remove('invisible')
- login.classList.add('visible')
+ document.querySelector('.login-cont').classList.remove('invisible')
registration.classList.add('invisible')
registration.classList.remove('visible')
}
@@ -221,10 +206,8 @@ regForm.addEventListener('submit', (e) => {
e.preventDefault()
const divEmail = document.querySelector('.reg-email-input')
const divPassword = document.querySelector('.reg-password-input')
- const divPasswordRep = document.querySelector('.reg-password-input-rep')
let inputEmail = document.forms['registration']['email'].value
let inputPassword = document.forms['registration']['password'].value
- let inputPasswordRep = document.forms['registration']['passwordrep'].value
const emailContext = () => {
if (divEmail.childNodes[3] === undefined) {
const validEdiv = document.createElement('span')
@@ -242,108 +225,21 @@ regForm.addEventListener('submit', (e) => {
}
}
- const passwordContextRepeat = () => {
- if (divPasswordRep.childNodes[3] === undefined) {
- const validPdiv = document.createElement('span')
- validPdiv.classList.add('passwordvalidation')
- validPdiv.textContent = 'გთხოვთ შეიყვანეთ პაროლი'
- divPasswordRep.append(validPdiv)
- }
+ if(inputEmail == ''){
+ document.querySelector('#reg-email').style.border = '1px solid red';
+ }else{
+ document.querySelector('#reg-email').style.border = 'none';
+ }
+ if(inputPassword == ''){
+ document.querySelector('#reg-password').style.border = '1px solid red';
+ }else{
+ document.querySelector('#reg-password').style.border = 'none';
}
- if (inputEmail == '' && inputPassword == '' && inputPasswordRep == '') {
- emailContext()
- passwordContext()
- passwordContextRepeat()
- return false
- } else if (
- inputPassword == '' &&
- inputEmail !== '' &&
- inputPasswordRep !== ''
- ) {
- if (divEmail.childNodes[3] !== undefined) {
- divEmail.childNodes[3].remove()
- }
- if (divPasswordRep.childNodes[3] !== undefined) {
- divPasswordRep.childNodes[3].remove()
- }
- passwordContext()
- return false
- } else if (
- inputPassword == '' &&
- inputEmail == '' &&
- inputPasswordRep !== ''
- ) {
- if (divEmail.childNodes[3] !== undefined) {
- divEmail.childNodes[3].remove()
- }
- if (divPasswordRep.childNodes[3] !== undefined) {
- divPasswordRep.childNodes[3].remove()
- }
- passwordContext()
- emailContext()
- return false
- } else if (
- inputPassword == '' &&
- inputPasswordRep == '' &&
- inputEmail !== ''
- ) {
- if (divEmail.childNodes[3] !== undefined) {
- divEmail.childNodes[3].remove()
- }
- passwordContext()
- passwordContextRepeat()
- return false
- } else if (inputEmail !== '' && inputPasswordRep == '' && inputEmail !== '') {
- if (divEmail.childNodes[3] !== undefined) {
- divEmail.childNodes[3].remove()
- }
- if (divPassword.childNodes[3] !== undefined) {
- divPassword.childNodes[3].remove()
- }
- passwordContextRepeat()
- return false
- } else if (
- inputEmail == '' &&
- inputPasswordRep !== '' &&
- inputPassword !== ''
- ) {
- if (divPassword.childNodes[3] !== undefined) {
- divPassword.childNodes[3].remove()
- }
- if (divPasswordRep.childNodes[3] !== undefined) {
- divPasswordRep.childNodes[3].remove()
- }
- emailContext()
- return false
- } else if (
- inputEmail == '' &&
- inputPasswordRep == '' &&
- inputPassword !== ''
- ) {
- if (divPassword.childNodes[3] !== undefined) {
- divPassword.childNodes[3].remove()
- }
- passwordContextRepeat()
- emailContext()
- return false
- } else if (
- inputEmail !== '' &&
- inputPasswordRep !== '' &&
- inputEmail !== ''
- ) {
- if (divEmail.childNodes[3] !== undefined) {
- divEmail.childNodes[3].remove()
- }
- if (divPassword.childNodes[3] !== undefined) {
- divPassword.childNodes[3].remove()
- }
- if (divPasswordRep.childNodes[3] !== undefined) {
- divPasswordRep.childNodes[3].remove()
- }
- location.reload()
- return true
+ if(inputEmail !== '' && inputPassword !== ''){
+ console.log('registration')
}
+
})
const upload = document.querySelector('.btn-upload')
@@ -368,11 +264,11 @@ if(hamburger){
}
//slider
-const contentSlider = document.querySelector('.slider-ul')
-const sliderItem = document.querySelectorAll('.slider-item')
-const paginationContent = document.querySelector('.slider-pagination')
+const contentSlider = document.querySelector('.slider-ul');
+const sliderItem = document.querySelectorAll('.slider-item');
+const paginationContent = document.querySelector('.slider-pagination');
-;(function pagination() {
+(function pagination() {
if (sliderItem.length > 0) {
for (var i = 0; i < sliderItem.length; i++) {
var eFpagination = document.createElement('span')
@@ -398,3 +294,176 @@ const paginationContent = document.querySelector('.slider-pagination')
}
}
})()
+
+
+//dropdown list
+const lists = document.querySelectorAll('.drop-list-li');
+const dropdownMenus = document.querySelectorAll('.dropdown-categories');
+
+lists.forEach((element)=>{
+ dropdownMenus.forEach((drop)=>{
+ element.addEventListener('click', ()=>{
+ if(element.id === drop.id){
+ drop.classList.toggle('active-menu')
+ element.firstChild.nextSibling.classList.toggle('rotate')
+ element.lastChild.previousSibling.classList.toggle('active-link')
+ }
+ })
+ })
+})
+
+//copy clipboard
+const answer = document.querySelector("#copyResult");
+const copy = document.querySelectorAll("#copyButton");
+const selection = window.getSelection();
+const range = document.createRange();
+const textToCopy = document.querySelectorAll("#textToCopy")
+
+copy.forEach((e)=>{
+ e.addEventListener('click', ()=>{
+ e.classList.add('copied');
+ setTimeout(()=>{
+ e.classList.remove('copied');
+ },2000)
+ range.selectNodeContents(e.nextElementSibling);
+ selection.removeAllRanges();
+ selection.addRange(range);
+ const successful = document.execCommand('copy');
+ if(successful){
+ // answer.innerHTML = 'Copied!';
+ } else {
+ // answer.innerHTML = 'Unable to copy!';
+ }
+ window.getSelection().removeAllRanges()
+ })
+})
+
+
+//profile-setting
+const profileSettingBtn = document.querySelector('.profile-info');
+
+
+if(profileSettingBtn){
+ profileSettingBtn.addEventListener('click', ()=>{
+ document.querySelector('.profile-setting-popup').classList.add('setting-on');
+ document.body.style.overflow = 'hidden'
+ })
+}
+
+window.onclick = (event) => {
+ if (event.target == document.querySelector('.profile-setting-popup')) {
+ document.querySelector('.profile-setting-popup').classList.remove('setting-on');
+ document.body.style.overflow = 'auto'
+ }
+}
+
+//filter
+const filterBtn = document.querySelector('#filter-form');
+
+if(filterBtn){
+ filterBtn.addEventListener('click', ()=>{
+ document.querySelector('.filter-form').classList.toggle('active-block');
+ })
+
+ const _metkvelebisNacili = document.querySelectorAll('.metkv-nacili');
+ _metkvelebisNacili.forEach((e)=>{
+ e.addEventListener('click', ()=>{
+ _metkvelebisNacili.forEach((z)=>{
+ if(e===z){
+ z.classList.toggle('active-li')
+ }else {
+ z.classList.remove('active-li')
+ }
+ })
+ })
+ })
+ const _tipi = document.querySelectorAll('.type');
+ _tipi.forEach((e)=>{
+ e.addEventListener('click', ()=>{
+ _tipi.forEach((z)=>{
+ if(e===z){
+ z.classList.toggle('active-li')
+ }else {
+ z.classList.remove('active-li')
+ }
+ })
+ })
+ })
+ const _suliereba = document.querySelectorAll('.sul');
+ _suliereba.forEach((e)=>{
+ e.addEventListener('click', ()=>{
+ _suliereba.forEach((z)=>{
+ if(e===z){
+ z.classList.toggle('active-li')
+ }else {
+ z.classList.remove('active-li')
+ }
+ })
+ })
+ })
+ const _ricxvi = document.querySelectorAll('.nm');
+ _ricxvi.forEach((e)=>{
+ e.addEventListener('click', ()=>{
+ _ricxvi.forEach((z)=>{
+ if(e===z){
+ z.classList.toggle('active-li')
+ }else {
+ z.classList.remove('active-li')
+ }
+ })
+ })
+ })
+ const _brunva = document.querySelectorAll('.brn');
+ _brunva.forEach((e)=>{
+ e.addEventListener('click', ()=>{
+ _brunva.forEach((z)=>{
+ if(e===z){
+ z.classList.toggle('active-li')
+ }else {
+ z.classList.remove('active-li')
+ }
+ })
+ })
+ })
+}
+
+//team members
+const members = document.querySelectorAll('.team-member');
+const membersInfo = document.querySelectorAll('.team-info');
+const flp = document.querySelectorAll('.full-photo');
+
+if(members){
+ membersInfo.forEach(memberInfo=>{
+ members.forEach(member=>{
+ member.addEventListener('click', ()=>{
+ if(memberInfo.id == member.id){
+ memberInfo.classList.add('active-info');
+ }else{
+ memberInfo.classList.remove('active-info');
+ }
+ members.forEach(e=>{
+ if(member === e){
+ e.classList.add('current-member')
+ }else{
+ e.classList.remove('current-member')
+ }
+ })
+ })
+ })
+ })
+
+ members.forEach((e)=>{
+ flp.forEach((x)=>{
+ document.querySelectorAll('.close-photo').forEach(y=>{
+ y.addEventListener('click', ()=>{
+ x.classList.remove('active-photo')
+ })
+ })
+ e.addEventListener('dblclick', ()=>{
+ if(e.id == x.id){
+ x.classList.add('active-photo')
+ }
+ })
+ })
+ })
+}
diff --git a/app/templates/about.html b/app/templates/about.html
index 135f249..6b1659f 100644
--- a/app/templates/about.html
+++ b/app/templates/about.html
@@ -4,7 +4,7 @@
QartNLP
-
+
+
+