generated from mirzaev/pot
большая разработка аутентификации
This commit is contained in:
@@ -1,5 +1,4 @@
|
||||
@keyframes glare {
|
||||
|
||||
2%,
|
||||
100% {
|
||||
left : 130%;
|
||||
@@ -9,27 +8,78 @@
|
||||
}
|
||||
}
|
||||
|
||||
section#authentication {
|
||||
main {
|
||||
z-index: 1000;
|
||||
top: 20%;
|
||||
position: relative;
|
||||
height: unset;
|
||||
display: flex;
|
||||
flex-direction: unset;
|
||||
justify-content: center;
|
||||
align-items: unset;
|
||||
}
|
||||
|
||||
section.panel {
|
||||
z-index : 1000;
|
||||
width : 400px;
|
||||
position : relative;
|
||||
margin : 25vh auto;
|
||||
position : absolute;
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
section#authentication>section.header {
|
||||
z-index : 1000;
|
||||
height : 100px;
|
||||
margin-left : -50px;
|
||||
padding : 30px 0;
|
||||
display : flex;
|
||||
clip-path : url(#authentication-header-mask);
|
||||
border-radius : 3px 3px 0 0;
|
||||
animation-duration: 120s;
|
||||
section.panel.medium {
|
||||
width: 300px;
|
||||
}
|
||||
|
||||
section#authentication>section.header>img.avatar {
|
||||
section.panel.small {
|
||||
width: 220px;
|
||||
}
|
||||
|
||||
section.panel#mnemonic {
|
||||
margin-left: -570px;
|
||||
}
|
||||
|
||||
section.panel#classic {
|
||||
margin-left: 570px;
|
||||
}
|
||||
|
||||
|
||||
section.panel>section.body>ul {
|
||||
margin: 0 5%;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 4px;
|
||||
list-style: square;
|
||||
}
|
||||
|
||||
section.panel>section.body>ul>li {
|
||||
font-size: 0.8rem;
|
||||
word-break: break-word;
|
||||
animation-duration : .35s;
|
||||
animation-name : uprise;
|
||||
animation-fill-mode : forwards;
|
||||
animation-timing-function: cubic-bezier(.47,0,.74,.71);
|
||||
}
|
||||
section.panel>section.header {
|
||||
z-index : 1000;
|
||||
height : 50px;
|
||||
display : flex;
|
||||
justify-content: center;
|
||||
align-items: end;
|
||||
animation-duration: 120s;
|
||||
border-radius : 3px 3px 0 0;
|
||||
background-color : var(--background-above);
|
||||
}
|
||||
|
||||
section#profile>section.header {
|
||||
margin-left : -50px;
|
||||
height : 100px;
|
||||
padding : 30px 0;
|
||||
clip-path : url(#profile-header-mask);
|
||||
}
|
||||
|
||||
section#profile>section.header>img.avatar {
|
||||
z-index : 1500;
|
||||
left : 6px;
|
||||
top : 36px;
|
||||
@@ -46,7 +96,7 @@ section#authentication>section.header>img.avatar {
|
||||
-moz-box-shadow : 0px 0px 12px 0px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
section#authentication>section.header>img.avatar:hover {
|
||||
section#profile>section.header>img.avatar:hover {
|
||||
left : 0;
|
||||
top : 30px;
|
||||
width : 100px;
|
||||
@@ -56,7 +106,7 @@ section#authentication>section.header>img.avatar:hover {
|
||||
-moz-box-shadow : 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
|
||||
}
|
||||
|
||||
section#authentication>section.header>img.cover {
|
||||
section#profile>section.header>img.cover {
|
||||
z-index : -5000;
|
||||
left : -50px;
|
||||
top : 0;
|
||||
@@ -70,7 +120,7 @@ section#authentication>section.header>img.cover {
|
||||
background : var(--background-above);
|
||||
}
|
||||
|
||||
section#authentication>section.header>div.glare {
|
||||
section#profile>section.header>div.glare {
|
||||
z-index : 3000;
|
||||
left : -30px;
|
||||
top : -300px;
|
||||
@@ -89,11 +139,11 @@ section#authentication>section.header>div.glare {
|
||||
background-color : #fff;
|
||||
}
|
||||
|
||||
section#authentication>section.header>div {
|
||||
section#profile>section.header>div {
|
||||
animation-duration: 80s;
|
||||
}
|
||||
|
||||
section#authentication>section.header>a {
|
||||
section#profile>section.header>a {
|
||||
margin : auto;
|
||||
width : 100%;
|
||||
margin-left : 110px;
|
||||
@@ -107,40 +157,38 @@ section#authentication>section.header>a {
|
||||
text-shadow : 0 0 8px #00000080;
|
||||
}
|
||||
|
||||
section.panel>section.header>:is(h1, h2, h3) {
|
||||
margin-bottom: unset;
|
||||
}
|
||||
|
||||
section#authentication>section.body {
|
||||
margin-top : -160px;
|
||||
padding : 180px 30px 20px 30px;
|
||||
gap : 3ex;
|
||||
section.panel>section.body {
|
||||
padding : 20px 30px;
|
||||
gap : 10px;
|
||||
display : flex;
|
||||
flex-direction : column;
|
||||
border-radius : 3px;
|
||||
border-radius : 0 0 3px 3px;
|
||||
background-color : var(--background-above);
|
||||
/* background-image : radial-gradient(circle at 70% 20%, #000000A0 0%, var(--background-above) 75%); */
|
||||
box-shadow : 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
|
||||
-webkit-box-shadow : 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
|
||||
-moz-box-shadow : 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
section#authentication>section.body>ul {
|
||||
section#profile>section.body>ul {
|
||||
margin : unset;
|
||||
margin-left : 10%;
|
||||
margin-bottom: 1ex;
|
||||
}
|
||||
|
||||
section#authentication>section.body ul ul {
|
||||
section#profile>section.body ul ul {
|
||||
padding-top: 1ex;
|
||||
}
|
||||
|
||||
section#authentication>section.body ul li:not(:last-child) {
|
||||
section#profile>section.body ul li:not(:last-child) {
|
||||
margin-bottom: 1ex;
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons {
|
||||
section#profile>section.body div.buttons {
|
||||
margin-top: 10px;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons>button {
|
||||
section#profile>section.body div.buttons>button {
|
||||
padding : 1ex 2ex;
|
||||
cursor : pointer;
|
||||
border-radius : 3px;
|
||||
@@ -148,35 +196,35 @@ section#authentication>section.body div.buttons>button {
|
||||
background-color: unset;
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons>button:hover {
|
||||
section#profile>section.body div.buttons>button:hover {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons>button:active {
|
||||
section#profile>section.body div.buttons>button:active {
|
||||
color : var(--text-active);
|
||||
transition: unset;
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons>button:first-of-type {
|
||||
section#profile>section.body div.buttons>button:first-of-type {
|
||||
margin-left : auto;
|
||||
margin-right: 5%;
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons>button:last-of-type {
|
||||
section#profile>section.body div.buttons>button:last-of-type {
|
||||
margin-right: auto;
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons>button.accept {
|
||||
section#profile>section.body div.buttons>button.accept {
|
||||
padding : 1ex 5ex;
|
||||
color : var(--text-inverse);
|
||||
background-color: #63954d;
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons>button.accept:hover {
|
||||
section#profile>section.body div.buttons>button.accept:hover {
|
||||
color : var(--text-inverse-above);
|
||||
background-color: #6fa259;
|
||||
}
|
||||
|
||||
section#authentication>section.body div.buttons>button.accept:active {
|
||||
section#profile>section.body div.buttons>button.accept:active {
|
||||
background-color: #63954d;
|
||||
}
|
||||
|
23
mirzaev/site/account/system/public/css/animations.css
Normal file
23
mirzaev/site/account/system/public/css/animations.css
Normal file
@@ -0,0 +1,23 @@
|
||||
@keyframes input-error {
|
||||
0%,
|
||||
20% {
|
||||
background-color: var(--input-error);
|
||||
}
|
||||
|
||||
50%,
|
||||
100% {
|
||||
background-color: var(--background-above-1);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes uprise {
|
||||
0% {
|
||||
opacity: 0;
|
||||
filter: blur(2px);
|
||||
}
|
||||
|
||||
100% {
|
||||
opacity: 1;
|
||||
filter: blur(0px);
|
||||
}
|
||||
}
|
139
mirzaev/site/account/system/public/css/fonts/fira.css
Normal file
139
mirzaev/site/account/system/public/css/fonts/fira.css
Normal file
@@ -0,0 +1,139 @@
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-Hair.woff2') format('woff2'), url('/fonts/fira/FiraSans-Hair.woff') format('woff');
|
||||
font-weight: 100;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-HairItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-HairItalic.woff') format('woff');
|
||||
font-weight: 100;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-UltraLight.woff2') format('woff2'), url('/fonts/fira/FiraSans-UltraLight.woff') format('woff');
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-UltraLightItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-UltraLightItalic.woff') format('woff');
|
||||
font-weight: 200;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-Light.woff2') format('woff2'), url('/fonts/fira/FiraSans-Light.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-LightItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-LightItalic.woff') format('woff');
|
||||
font-weight: 300;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-Regular.woff2') format('woff2'), url('/fonts/fira/FiraSans-Regular.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-Italic.woff2') format('woff2'), url('/fonts/fira/FiraSans-Italic.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraMono-Medium.woff2') format('woff2'), url('/fonts/fira/FiraMono-Medium.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-MediumItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-MediumItalic.woff') format('woff');
|
||||
font-weight: 500;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-SemiBold.woff2') format('woff2'), url('/fonts/fira/FiraSans-SemiBold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-SemiBoldItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-SemiBoldItalic.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-Bold.woff2') format('woff2'), url('/fonts/fira/FiraSans-Bold.woff') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-BoldItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-BoldItalic.woff') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-ExtraBold.woff2') format('woff2'), url('/fonts/fira/FiraSans-ExtraBold.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-ExtraBoldItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-ExtraBoldItalic.woff') format('woff');
|
||||
font-weight: 800;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-Heavy.woff2') format('woff2'), url('/fonts/fira/FiraSans-Heavy.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira;
|
||||
src: url('/fonts/fira/FiraSans-HeavyItalic.woff2') format('woff2'), url('/fonts/fira/FiraSans-HeavyItalic.woff') format('woff');
|
||||
font-weight: 900;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira Mono;
|
||||
src: url('/fonts/fira/FiraMono-Regular.woff2') format('woff2'), url('/fonts/fira/FiraMono-Regular.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: Fira Mono;
|
||||
src: url('/fonts/fira/FiraMono-Bold.woff2') format('woff2'), url('/fonts/fira/FiraMono-Bold.woff') format('woff');
|
||||
font-weight: 600;
|
||||
font-style: normal;
|
||||
}
|
63
mirzaev/site/account/system/public/css/fonts/hack.css
Normal file
63
mirzaev/site/account/system/public/css/fonts/hack.css
Normal file
@@ -0,0 +1,63 @@
|
||||
@font-face {
|
||||
font-family: 'Hack';
|
||||
src: url('/fonts/hack/hack-regular.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-regular.woff?sha=3114f1256') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Hack';
|
||||
src: url('/fonts/hack/hack-bold.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-bold.woff?sha=3114f1256') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Hack';
|
||||
src: url('/fonts/hack/hack-italic.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-italic.woff?sha=3114f1256') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Hack';
|
||||
src: url('/fonts/hack/hack-bolditalic.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-bolditalic.woff?sha=3114f1256') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Hack';
|
||||
src: url('/fonts/hack/hack-regular-subset.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-regular-subset.woff?sha=3114f1256') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Hack';
|
||||
src: url('/fonts/hack/hack-bold-subset.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-bold-subset.woff?sha=3114f1256') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Hack';
|
||||
src: url('/fonts/hack/hack-italic-subset.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-italic-subset.woff?sha=3114f1256') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: 'Hack';
|
||||
src: url('/fonts/hack/hack-bolditalic-subset.woff2?sha=3114f1256') format('woff2'), url('/fonts/hack/hack-bolditalic-subset.woff?sha=3114f1256') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: italic;
|
||||
font-display: swap;
|
||||
}
|
@@ -2,9 +2,9 @@
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
display: block;
|
||||
transform: scale(var(--ggs,1));
|
||||
width: 22px;
|
||||
height: 22px
|
||||
--height: 22px;
|
||||
height: var(--height);
|
||||
}
|
||||
|
||||
i.arrow.right::after,
|
||||
@@ -13,7 +13,7 @@ i.arrow.right::before {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
position: absolute;
|
||||
right: 3px
|
||||
right: 3px;
|
||||
}
|
||||
|
||||
i.arrow.right::after {
|
||||
@@ -22,12 +22,12 @@ i.arrow.right::after {
|
||||
border-top: 2px solid;
|
||||
border-right: 2px solid;
|
||||
transform: rotate(45deg);
|
||||
bottom: 7px
|
||||
bottom: 7px;
|
||||
}
|
||||
|
||||
i.arrow.right::before {
|
||||
width: 16px;
|
||||
height: 2px;
|
||||
bottom: 10px;
|
||||
background: currentColor
|
||||
background: currentColor;
|
||||
}
|
||||
|
48
mirzaev/site/account/system/public/css/icons/keyhole.css
Normal file
48
mirzaev/site/account/system/public/css/icons/keyhole.css
Normal file
@@ -0,0 +1,48 @@
|
||||
i.keyhole,
|
||||
i.keyhole::after,
|
||||
i.keyhole::before {
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
border-radius: 20px;
|
||||
}
|
||||
|
||||
i.keyhole {
|
||||
--width: 20px;
|
||||
--height: 20px;
|
||||
position: relative;
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
i.keyhole::after,
|
||||
i.keyhole::before {
|
||||
position: absolute;
|
||||
content: '';
|
||||
}
|
||||
|
||||
i.keyhole::before {
|
||||
left: 5px;
|
||||
top: 3px;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
i.keyhole::after {
|
||||
left: 7px;
|
||||
bottom: 3px;
|
||||
width: 2px;
|
||||
height: 5px;
|
||||
background: currentColor;
|
||||
}
|
||||
|
||||
label>i.keyhole:first-child {
|
||||
left: 7px;
|
||||
scale: .9;
|
||||
border: 2.1px solid;
|
||||
}
|
||||
|
||||
i.keyhole+input {
|
||||
padding-left: 34px;
|
||||
}
|
28
mirzaev/site/account/system/public/css/icons/lock.css
Normal file
28
mirzaev/site/account/system/public/css/icons/lock.css
Normal file
@@ -0,0 +1,28 @@
|
||||
i.lock {
|
||||
--width: 12px;
|
||||
--height: 11px;
|
||||
position: relative;
|
||||
margin-top: -12px;
|
||||
width: 12px;
|
||||
height: 11px;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid;
|
||||
border-top-right-radius: 50%;
|
||||
border-top-left-radius: 50%;
|
||||
border-bottom: transparent;
|
||||
}
|
||||
|
||||
i.lock::after {
|
||||
left: -4px;
|
||||
top: 9px;
|
||||
position: absolute;
|
||||
width: 16px;
|
||||
height: 10px;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
content: '';
|
||||
box-shadow: 0 0 0 2px;
|
||||
border-radius: 2px;
|
||||
border: 2px solid transparent;
|
||||
}
|
30
mirzaev/site/account/system/public/css/icons/mail.css
Normal file
30
mirzaev/site/account/system/public/css/icons/mail.css
Normal file
@@ -0,0 +1,30 @@
|
||||
i.mail,
|
||||
i.mail::after {
|
||||
--width: 18px;
|
||||
--height: 14px;
|
||||
height: 14px;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
i.mail {
|
||||
position: relative;
|
||||
width: 18px;
|
||||
overflow: hidden;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
i.mail::after {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 3px;
|
||||
width: 14px;
|
||||
transform: rotate(-45deg);
|
||||
content: "";
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
i.mail+input {
|
||||
padding-left: 36px;
|
||||
}
|
34
mirzaev/site/account/system/public/css/icons/nametag.css
Normal file
34
mirzaev/site/account/system/public/css/icons/nametag.css
Normal file
@@ -0,0 +1,34 @@
|
||||
i.nametag {
|
||||
--width: 6px;
|
||||
--height: 6px;
|
||||
box-sizing: border-box;
|
||||
position: relative;
|
||||
width: 6px;
|
||||
height: 6px;
|
||||
display: block;
|
||||
border: 2px solid;
|
||||
}
|
||||
|
||||
i.nametag::before {
|
||||
left: -5px;
|
||||
top: -5px;
|
||||
position: absolute;
|
||||
width: 12px;
|
||||
height: 12px;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
content: '';
|
||||
box-shadow:
|
||||
-5px -5px 0 -3px,
|
||||
5px 5px 0 -3px,
|
||||
5px -5px 0 -3px,
|
||||
-5px 5px 0 -3px;
|
||||
}
|
||||
|
||||
label>i.nametag:first-child {
|
||||
left: 13px;
|
||||
}
|
||||
|
||||
i.nametag+input {
|
||||
padding-left: 32px;
|
||||
}
|
53
mirzaev/site/account/system/public/css/icons/user_add.css
Normal file
53
mirzaev/site/account/system/public/css/icons/user_add.css
Normal file
@@ -0,0 +1,53 @@
|
||||
i.user.add {
|
||||
--width: 20px;
|
||||
--height: 18px;
|
||||
width: 20px;
|
||||
height: 18px;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
background:
|
||||
linear-gradient(
|
||||
to left,
|
||||
currentColor 8px,
|
||||
transparent 0)
|
||||
no-repeat 14px 6px/6px 2px,
|
||||
linear-gradient(
|
||||
to left,
|
||||
currentColor 8px,
|
||||
transparent 0)
|
||||
no-repeat 16px 4px/2px 6px;
|
||||
}
|
||||
|
||||
i.user.add::after,
|
||||
i.user.add::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
display: block;
|
||||
box-sizing: border-box;
|
||||
border: 2px solid
|
||||
}
|
||||
|
||||
i.user.add::before {
|
||||
left: 2px;
|
||||
top: 0;
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 30px;
|
||||
}
|
||||
|
||||
i.user.add::after {
|
||||
top: 9px;
|
||||
width: 12px;
|
||||
height: 9px;
|
||||
border-bottom: 0;
|
||||
border-top-left-radius: 3px;
|
||||
border-top-right-radius: 3px;
|
||||
}
|
||||
|
||||
label>i.user.add:first-child {
|
||||
left: 9px;
|
||||
}
|
||||
|
||||
i.user.add+input {
|
||||
padding-left: 37px;
|
||||
}
|
@@ -35,11 +35,12 @@
|
||||
--text : #e6e6e6;
|
||||
--text-hover : #fff;
|
||||
--text-active : #d0d0d0;
|
||||
--text-inverse : 'dark';
|
||||
--text-inverse : #020202;
|
||||
--red-light-1 : #dc4343;
|
||||
--red-light : #bf3737;
|
||||
--red : #a43333;
|
||||
--red-dark : #8d2a2a;
|
||||
--input-error : #6c2424;
|
||||
}
|
||||
}
|
||||
|
||||
@@ -71,15 +72,6 @@
|
||||
--link-active: #3064dd;
|
||||
}
|
||||
|
||||
* {
|
||||
text-decoration: none;
|
||||
outline : none;
|
||||
border : none;
|
||||
color : var(--text);
|
||||
font-family : 'Commissioner', sans-serif;
|
||||
transition : 0.1s ease-out;
|
||||
}
|
||||
|
||||
.unselectable {
|
||||
-webkit-touch-callout: none;
|
||||
-webkit-user-select : none;
|
||||
@@ -89,6 +81,28 @@
|
||||
user-select : none;
|
||||
}
|
||||
|
||||
.hidden {
|
||||
display: none !important;
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
* {
|
||||
text-decoration: none;
|
||||
outline : none;
|
||||
border : none;
|
||||
color : var(--text);
|
||||
font-family : Fira, sans-serif;
|
||||
transition : 0.1s ease-out;
|
||||
}
|
||||
|
||||
pre, code {
|
||||
font-family: Hack, monospace;
|
||||
}
|
||||
|
||||
button {
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link);
|
||||
}
|
||||
@@ -102,10 +116,60 @@ a:active {
|
||||
transition: unset;
|
||||
}
|
||||
|
||||
label {
|
||||
position: relative;
|
||||
height: 26px;
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
label>i:first-child {
|
||||
left: 8px;
|
||||
top: calc((26px - var(--height)) / 2);
|
||||
position: absolute !important;
|
||||
margin: auto;
|
||||
color: #8c7d7d;
|
||||
}
|
||||
|
||||
label * {
|
||||
/* color: var(--text-inverse); */
|
||||
}
|
||||
|
||||
label>input {
|
||||
width: 100%;
|
||||
padding: 0 8px;
|
||||
background-color: var(--background-above-1);
|
||||
}
|
||||
|
||||
label>input+button {
|
||||
background-color: var(--red);
|
||||
}
|
||||
|
||||
i+input {
|
||||
padding-left: 30px;
|
||||
}
|
||||
|
||||
input.error {
|
||||
animation-duration : 1s;
|
||||
animation-name : input-error;
|
||||
animation-fill-mode : forwards;
|
||||
animation-timing-function: ease-in;
|
||||
}
|
||||
|
||||
section.header>h1 {
|
||||
font-size: 1.3rem;
|
||||
line-height: 1.3rem;
|
||||
}
|
||||
|
||||
section.header>:is(h2, h3) {
|
||||
font-size: 1.1rem;
|
||||
line-height: 1.1rem;
|
||||
}
|
||||
|
||||
body {
|
||||
height : 100vh;
|
||||
margin : 0;
|
||||
overflow : hidden;
|
||||
background-color: var(--background);
|
||||
}
|
||||
|
||||
@@ -217,6 +281,8 @@ main {
|
||||
height : 100%;
|
||||
display : flex;
|
||||
flex-direction: column;
|
||||
justify-content : center;
|
||||
align-items : center;
|
||||
}
|
||||
|
||||
footer {
|
||||
|
BIN
mirzaev/site/account/system/public/fonts/fira/FiraMono-Bold.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/fira/FiraMono-Bold.woff
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Bold.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Bold.woff
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Book.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Book.woff
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Four.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Four.woff
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Hair.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Hair.woff
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Thin.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Thin.woff
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Two.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Two.woff
Normal file
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Two.woff2
Normal file
BIN
mirzaev/site/account/system/public/fonts/fira/FiraSans-Two.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/hack/hack-bold.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/hack/hack-bold.woff
Normal file
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/hack/hack-bold.woff2
Normal file
BIN
mirzaev/site/account/system/public/fonts/hack/hack-bold.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/hack/hack-italic.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/hack/hack-italic.woff
Normal file
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/hack/hack-italic.woff2
Normal file
BIN
mirzaev/site/account/system/public/fonts/hack/hack-italic.woff2
Normal file
Binary file not shown.
Binary file not shown.
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/hack/hack-regular.woff
Normal file
BIN
mirzaev/site/account/system/public/fonts/hack/hack-regular.woff
Normal file
Binary file not shown.
BIN
mirzaev/site/account/system/public/fonts/hack/hack-regular.woff2
Normal file
BIN
mirzaev/site/account/system/public/fonts/hack/hack-regular.woff2
Normal file
Binary file not shown.
@@ -4,8 +4,13 @@ declare(strict_types=1);
|
||||
|
||||
namespace mirzaev\site\account;
|
||||
|
||||
use mirzaev\minimal\core;
|
||||
use mirzaev\minimal\router;
|
||||
// Файлы проекта
|
||||
use mirzaev\site\account\controllers\core as controller,
|
||||
mirzaev\site\account\models\core as model;
|
||||
|
||||
// Фреймворк
|
||||
use mirzaev\minimal\core,
|
||||
mirzaev\minimal\router;
|
||||
|
||||
ini_set('error_reporting', E_ALL);
|
||||
ini_set('display_errors', 1);
|
||||
@@ -25,12 +30,20 @@ $router = new router;
|
||||
$router->write('/', 'index', 'index');
|
||||
$router->write('/system/hotline', 'hotline', 'index');
|
||||
$router->write('/system/graph', 'graph', 'index');
|
||||
$router->write('/account/initialization', 'account', 'initialization', 'PUT');
|
||||
$router->write('/account/initialization', 'account', 'initialization', 'POST');
|
||||
$router->write('/account/vk/connect', 'account', 'connect');
|
||||
$router->write('/account/panel', 'account', 'panel');
|
||||
$router->write('/api/generate/password', 'api', 'password', 'POST');
|
||||
$router->write('/session/login', 'session', 'login', 'POST');
|
||||
$router->write('/session/password', 'session', 'password', 'POST');
|
||||
$router->write('/session/invite', 'session', 'invite', 'POST');
|
||||
|
||||
// Инициализация ядра
|
||||
$core = new core(namespace: __NAMESPACE__, router: $router);
|
||||
|
||||
// Инициализация ядер
|
||||
$core->controller = new controller;
|
||||
$core->model = new model;
|
||||
|
||||
// Обработка запроса
|
||||
echo $core->start();
|
||||
|
@@ -1,26 +1,17 @@
|
||||
"use strict";
|
||||
'use strict';
|
||||
|
||||
class account {
|
||||
static async initialization() {
|
||||
// Запрос
|
||||
return fetch('https://auth.mirzaev.sexy/account/initialization', {
|
||||
method: 'GET'
|
||||
});
|
||||
}
|
||||
static async initialization() {
|
||||
// Запрос
|
||||
return await fetch('https://account.mirzaev.sexy/account/initialization', {
|
||||
method: 'POST',
|
||||
});
|
||||
}
|
||||
|
||||
static authentication() {
|
||||
// Инициализация аккаунта
|
||||
alert(1);
|
||||
this.initialization()
|
||||
.then(
|
||||
(response) => {
|
||||
alert(2);
|
||||
}
|
||||
);
|
||||
static deauthentication() {
|
||||
}
|
||||
|
||||
return true;
|
||||
}
|
||||
|
||||
static deauthentication() {
|
||||
}
|
||||
static registration() {
|
||||
alert(228);
|
||||
}
|
||||
}
|
||||
|
@@ -1,2 +1 @@
|
||||
/*! js-cookie v3.0.1 | MIT */
|
||||
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t():"function"==typeof define&&define.amd?define(t):(e=e||self,function(){var n=e.Cookies,o=e.Cookies=t();o.noConflict=function(){return e.Cookies=n,o}}())}(this,(function(){"use strict";function e(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var o in n)e[o]=n[o]}return e}return function t(n,o){function r(t,r,i){if("undefined"!=typeof document){"number"==typeof(i=e({},o,i)).expires&&(i.expires=new Date(Date.now()+864e5*i.expires)),i.expires&&(i.expires=i.expires.toUTCString()),t=encodeURIComponent(t).replace(/%(2[346B]|5E|60|7C)/g,decodeURIComponent).replace(/[()]/g,escape);var c="";for(var u in i)i[u]&&(c+="; "+u,!0!==i[u]&&(c+="="+i[u].split(";")[0]));return document.cookie=t+"="+n.write(r,t)+c}}return Object.create({set:r,get:function(e){if("undefined"!=typeof document&&(!arguments.length||e)){for(var t=document.cookie?document.cookie.split("; "):[],o={},r=0;r<t.length;r++){var i=t[r].split("="),c=i.slice(1).join("=");try{var u=decodeURIComponent(i[0]);if(o[u]=n.read(c,u),e===u)break}catch(e){}}return e?o[e]:o}},remove:function(t,n){r(t,"",e({},n,{expires:-1}))},withAttributes:function(n){return t(this.converter,e({},this.attributes,n))},withConverter:function(n){return t(e({},this.converter,n),this.attributes)}},{attributes:{value:Object.freeze(o)},converter:{value:Object.freeze(n)}})}({read:function(e){return'"'===e[0]&&(e=e.slice(1,-1)),e.replace(/(%[\dA-F]{2})+/gi,decodeURIComponent)},write:function(e){return encodeURIComponent(e).replace(/%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,decodeURIComponent)}},{path:"/"})}));
|
Some files were not shown because too many files have changed in this diff Show More
Reference in New Issue
Block a user