Skip to content
Snippets Groups Projects
Commit 888009ef authored by Anastasiia But's avatar Anastasiia But
Browse files

feat: complete markup

parent ecf86387
No related branches found
No related tags found
3 merge requests!5First version,!3Login page validation,!2Login page routing
Showing
with 31 additions and 97 deletions
src/assets/images/favicon/android-chrome-192x192.png

19.8 KiB | W: | H:

src/assets/images/favicon/android-chrome-192x192.png

8.8 KiB | W: | H:

src/assets/images/favicon/android-chrome-192x192.png
src/assets/images/favicon/android-chrome-192x192.png
src/assets/images/favicon/android-chrome-192x192.png
src/assets/images/favicon/android-chrome-192x192.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/favicon/android-chrome-384x384.png

51.9 KiB

src/assets/images/favicon/android-chrome-512x512.png

17.3 KiB

src/assets/images/favicon/apple-touch-icon.png

18.6 KiB | W: | H:

src/assets/images/favicon/apple-touch-icon.png

6.49 KiB | W: | H:

src/assets/images/favicon/apple-touch-icon.png
src/assets/images/favicon/apple-touch-icon.png
src/assets/images/favicon/apple-touch-icon.png
src/assets/images/favicon/apple-touch-icon.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -3,7 +3,7 @@
<msapplication>
<tile>
<square150x150logo src="/mstile-150x150.png"/>
<TileColor>#9f00a7</TileColor>
<TileColor>#c372ff</TileColor>
</tile>
</msapplication>
</browserconfig>
src/assets/images/favicon/favicon-16x16.png

1.62 KiB | W: | H:

src/assets/images/favicon/favicon-16x16.png

1.04 KiB | W: | H:

src/assets/images/favicon/favicon-16x16.png
src/assets/images/favicon/favicon-16x16.png
src/assets/images/favicon/favicon-16x16.png
src/assets/images/favicon/favicon-16x16.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/favicon/favicon-32x32.png

2.82 KiB | W: | H:

src/assets/images/favicon/favicon-32x32.png

1.65 KiB | W: | H:

src/assets/images/favicon/favicon-32x32.png
src/assets/images/favicon/favicon-32x32.png
src/assets/images/favicon/favicon-32x32.png
src/assets/images/favicon/favicon-32x32.png
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/favicon/favicon.ico

14.7 KiB | W: | H:

src/assets/images/favicon/favicon.ico

14.7 KiB | W: | H:

src/assets/images/favicon/favicon.ico
src/assets/images/favicon/favicon.ico
src/assets/images/favicon/favicon.ico
src/assets/images/favicon/favicon.ico
  • 2-up
  • Swipe
  • Onion skin
src/assets/images/favicon/mstile-150x150.png

7.83 KiB | W: | H:

src/assets/images/favicon/mstile-150x150.png

6.53 KiB | W: | H:

src/assets/images/favicon/mstile-150x150.png
src/assets/images/favicon/mstile-150x150.png
src/assets/images/favicon/mstile-150x150.png
src/assets/images/favicon/mstile-150x150.png
  • 2-up
  • Swipe
  • Onion skin
......@@ -2,82 +2,25 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
width="388.000000pt" height="388.000000pt" viewBox="0 0 388.000000 388.000000"
width="512.000000pt" height="512.000000pt" viewBox="0 0 512.000000 512.000000"
preserveAspectRatio="xMidYMid meet">
<metadata>
Created by potrace 1.14, written by Peter Selinger 2001-2017
</metadata>
<g transform="translate(0.000000,388.000000) scale(0.100000,-0.100000)"
<g transform="translate(0.000000,512.000000) scale(0.100000,-0.100000)"
fill="#000000" stroke="none">
<path d="M1845 3853 c-575 -26 -1088 -293 -1444 -753 l-66 -85 -100 42 c-173
72 -190 62 -215 -127 -17 -126 -14 -357 6 -485 20 -132 20 -113 0 -260 -80
-579 125 -1178 549 -1600 362 -361 831 -556 1340 -556 242 0 409 27 628 102
782 266 1315 1027 1292 1844 -2 66 -6 154 -10 195 -5 55 -3 91 8 135 42 162
51 434 22 630 -27 183 -42 191 -218 116 -98 -42 -122 -49 -129 -38 -26 48
-159 206 -238 285 -376 374 -901 578 -1425 555z m306 -158 c386 -51 717 -209
992 -474 85 -82 183 -193 221 -253 18 -28 18 -28 -10 -39 -98 -36 -209 -108
-283 -180 -59 -58 -305 -402 -370 -517 -9 -15 -15 -12 -50 22 l-40 39 -3 346
c-4 324 -5 350 -26 412 -57 171 -192 305 -369 365 -72 25 -90 27 -248 27 -191
1 -255 -11 -359 -65 -78 -41 -191 -154 -233 -233 -60 -115 -66 -155 -68 -520
l-2 -330 -42 -44 c-24 -26 -45 -41 -50 -35 -4 5 -52 74 -106 154 -196 289
-291 402 -399 474 -57 38 -195 106 -215 106 -21 0 -11 19 50 96 299 375 712
599 1214 658 79 9 301 4 396 -9z m62 -432 c89 -42 167 -118 206 -198 17 -35
31 -70 31 -78 0 -15 -40 -27 -87 -27 -39 0 -165 -46 -230 -84 -33 -19 -86 -61
-118 -93 l-58 -59 -41 45 c-90 98 -253 178 -399 196 -66 8 -66 7 -22 100 49
102 138 179 253 216 48 16 83 18 227 16 168 -2 171 -2 238 -34z m-1943 -376
c47 -19 129 -53 183 -75 214 -88 262 -133 489 -457 57 -82 132 -193 166 -246
l62 -96 0 -356 0 -357 -52 21 c-29 11 -79 32 -110 47 l-57 27 85 151 c79 140
84 152 74 181 -14 38 -55 58 -91 45 -17 -7 -48 -52 -107 -156 -46 -80 -87
-146 -92 -146 -39 0 -363 291 -344 309 5 5 65 37 134 71 69 35 133 70 143 78
39 34 8 122 -44 122 -12 0 -88 -34 -170 -75 -81 -41 -152 -75 -157 -75 -5 0
-34 48 -65 108 -53 102 -105 238 -125 330 l-10 42 177 1 c97 1 180 1 185 0 4
-1 23 3 41 9 64 21 69 108 7 131 -13 5 -113 6 -226 3 l-203 -7 -6 33 c-17 85
-3 385 17 376 6 -2 49 -20 96 -39z m3445 16 c11 -28 18 -273 11 -346 l-8 -67
-208 0 c-204 0 -210 -1 -230 -22 -28 -30 -23 -75 10 -99 21 -14 55 -18 208
-22 101 -3 186 -7 189 -11 19 -19 -77 -279 -148 -398 l-40 -68 -151 76 c-137
69 -153 74 -178 64 -16 -7 -34 -24 -40 -40 -22 -53 3 -77 149 -150 72 -35 131
-67 131 -70 0 -4 -39 -46 -87 -94 -91 -91 -224 -198 -250 -200 -9 -1 -42 46
-87 125 -88 155 -91 159 -131 159 -35 0 -75 -37 -75 -69 0 -9 36 -79 80 -156
l79 -140 -77 -36 c-132 -63 -117 -101 -115 299 1 191 2 361 2 377 1 21 40 90
130 227 220 336 298 430 406 494 51 30 391 181 411 183 7 1 15 -7 19 -16z
m-2112 -103 c117 -36 236 -135 285 -237 17 -36 60 -58 92 -48 11 4 39 35 60
69 84 132 220 221 357 233 l71 6 -3 -139 c-1 -77 -8 -159 -15 -184 -33 -125
-139 -248 -259 -302 -35 -16 -64 -28 -65 -26 -1 2 -10 21 -20 43 -32 74 -100
135 -151 135 -43 0 -114 -63 -145 -128 l-24 -50 -38 14 c-96 34 -196 123 -245
219 -42 81 -53 140 -53 283 l0 132 44 0 c24 0 73 -9 109 -20z m-22 -688 c46
-31 123 -66 186 -83 22 -7 39 -23 58 -55 31 -53 97 -104 135 -104 34 0 121 75
140 119 10 25 23 33 78 50 85 26 179 82 243 144 36 35 51 44 55 33 3 -8 23
-26 45 -40 21 -14 48 -44 59 -66 19 -38 20 -57 20 -513 l0 -474 -65 0 -65 0 0
49 c0 35 -6 54 -20 68 -19 19 -33 20 -218 20 -186 0 -200 -1 -220 -20 -17 -16
-22 -32 -22 -70 0 -47 -1 -49 -29 -48 -27 1 -29 4 -34 51 -8 84 -15 87 -244
87 -193 0 -194 0 -218 -25 -19 -18 -25 -35 -25 -68 l0 -44 -65 0 -65 0 0 464
c0 528 -3 506 83 588 l52 50 45 -41 c25 -23 66 -55 91 -72z m400 30 c9 -31 8
-45 -6 -77 l-16 -40 -14 25 c-17 31 -19 81 -4 114 15 32 25 26 40 -22z m-1738
-297 c183 -293 473 -524 822 -656 170 -64 162 -66 -304 -66 l-410 0 -40 88
c-100 215 -162 497 -161 733 l1 71 30 -60 c17 -33 44 -82 62 -110z m3444 -43
c-21 -348 -181 -734 -419 -1012 -607 -709 -1670 -826 -2407 -264 -95 72 -211
176 -211 189 0 8 893 -4 901 -13 12 -13 29 -101 29 -145 0 -56 50 -158 94
-192 74 -56 109 -65 277 -65 180 0 224 10 292 70 52 46 84 114 92 196 4 33 11
78 17 102 l11 42 134 0 c132 0 134 0 202 35 55 27 107 41 252 69 101 19 191
37 199 41 8 3 43 43 78 89 67 89 76 122 42 156 -23 23 -10 22 -307 22 -117 1
-213 4 -213 8 0 4 26 17 59 29 147 53 354 169 481 269 124 98 296 296 367 422
15 28 30 50 32 50 2 0 1 -44 -2 -98z m-1907 -712 c0 -17 -5 -30 -12 -31 -76
-3 -167 -1 -176 5 -9 6 -10 28 -3 54 1 1 44 2 96 2 l95 0 0 -30z m550 0 c0
-32 2 -32 -105 -32 -97 0 -95 0 -95 32 l0 30 100 0 100 0 0 -30z m-124 -402
c-3 -13 -9 -53 -12 -90 -13 -132 -52 -158 -233 -158 -134 0 -174 10 -209 55
-12 15 -23 41 -26 59 -2 17 -8 59 -13 94 l-9 62 254 0 254 0 -6 -22z"/>
<path d="M1582 2578 c-44 -22 -42 -96 3 -116 50 -23 95 6 95 60 0 49 -51 79
-98 56z"/>
<path d="M2185 2565 c-14 -13 -25 -33 -25 -45 0 -11 11 -32 25 -45 13 -14 34
-25 45 -25 12 0 32 11 45 25 14 13 25 34 25 45 0 12 -11 32 -25 45 -13 14 -33
25 -45 25 -11 0 -32 -11 -45 -25z"/>
<path d="M3463 3847 c-53 -30 -55 -73 -7 -127 l36 -40 -36 -40 c-41 -46 -44
-67 -15 -104 31 -39 76 -36 119 9 l33 34 39 -34 c45 -41 87 -46 118 -13 29 32
25 63 -16 108 l-36 40 36 40 c41 45 46 80 16 110 -35 35 -73 29 -120 -16 l-36
-34 -33 34 c-36 37 -69 48 -98 33z"/>
<path d="M447 3770 c-20 -16 -27 -30 -27 -55 0 -67 79 -95 123 -43 53 62 -31
149 -96 98z"/>
<path d="M3586 559 c-52 -41 -21 -123 45 -121 66 2 94 81 43 121 -15 12 -34
21 -44 21 -10 0 -29 -9 -44 -21z"/>
<path d="M1283 5094 c-77 -51 -73 9 -73 -1032 l0 -928 -32 -19 c-161 -93 -338
-285 -432 -467 -137 -266 -170 -571 -92 -868 44 -166 165 -374 295 -507 l71
-72 -463 -3 -462 -3 -31 -24 c-87 -64 -79 -203 14 -250 20 -10 40 -19 45 -20
4 -1 385 -1 847 -1 l840 0 0 -94 c0 -164 32 -262 118 -357 44 -50 147 -119
176 -119 10 0 28 -26 48 -67 55 -114 164 -208 283 -245 50 -16 179 -18 231 -4
132 35 249 131 300 245 24 54 31 61 88 87 76 34 170 128 209 207 35 72 47 136
47 253 l0 94 858 2 857 3 34 25 c86 64 76 202 -19 250 -38 19 -58 20 -491 20
l-453 0 50 48 c387 370 474 963 211 1434 -92 165 -243 324 -403 425 l-44 28 0
929 0 930 -21 44 c-24 48 -78 81 -132 82 -73 0 -147 -75 -147 -151 0 -18 -11
-51 -24 -74 -43 -73 -51 -74 -456 -78 -195 -2 -365 -6 -378 -10 -37 -10 -131
-55 -162 -77 l-30 -21 -42 29 c-39 26 -101 55 -153 70 -11 3 -182 7 -380 9
-348 4 -360 5 -398 26 -44 24 -77 79 -77 127 0 41 -32 103 -65 124 -15 10 -48
20 -73 22 -39 4 -54 1 -89 -22z"/>
</g>
</svg>
......@@ -8,12 +8,12 @@
"type": "image/png"
},
{
"src": "/android-chrome-384x384.png",
"sizes": "384x384",
"src": "/android-chrome-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
],
"theme_color": "#ffffff",
"background_color": "#ffffff",
"theme_color": "#c372ff",
"background_color": "#c372ff",
"display": "standalone"
}
......@@ -86,7 +86,7 @@
</div>
<button class="form__btn">
<label class="form__btn-text">Register</label>
Register
</button>
<div class="login__account">
......
......@@ -32,11 +32,9 @@
flex-direction: column;
align-items: center;
justify-content: center;
// margin: 0 auto;
}
&__form-col {
// width: 50%;
flex: 0 1 50%;
display: flex;
......@@ -55,14 +53,9 @@
padding: 30px 41px;
text-align: center;
--borderWidth: 7px;
// background: $white;
position: relative;
border-radius: 20px;
&:hover {
// box-shadow: 0 -2px -10px LightPink inset;
}
&:after {
content: '';
position: absolute;
......@@ -75,7 +68,7 @@
#f79533,
#f37055,
#c78bf8,
$purple,
#cf4ed8,
#5073b8,
#1098ad,
#07b39b,
......@@ -98,7 +91,7 @@
}
.logo-col {
&__title {
background: linear-gradient(266.66deg, $white 1.54%, hotpink 101.33%);
background: linear-gradient(266.66deg, $pinkish-purple 1.54%, $nebula-purple 101.33%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
......@@ -126,9 +119,9 @@
height: 800px;
top: -250px;
left: -120px;
background: $purple;
background: $easter-purple;
border-radius: 30% 70% 70% 30% / 30% 52% 48% 70%;
animation: anim 30s infinite;
animation: anim 27s infinite;
box-shadow: 0 -2vmin 4vmin LightPink inset, 0 1vmin 4vmin $light-blue inset,
0 -2vmin 3vmin rgb(206, 19, 206) inset;
filter: drop-shadow(0 0 5vmin rgba(255, 163, 255, 0.685));
......@@ -166,7 +159,6 @@
height: 48px;
color: $dark-blue;
transition: all 0.3s ease-out;
// text-indent: 10px;
padding: 0 10px;
&:focus,
......@@ -181,19 +173,16 @@
height: 48px;
border: none;
border-radius: 10px;
background: rgb(135, 181, 202);
color: $white;
background: #f9f2ff;
color: $pinkish-purple;
margin-bottom: 28px;
transition: 0.5s;
&:hover {
box-shadow: 0 -2vmin 4vmin $light-blue inset, 0 3vmin 6vmin $purple inset;
box-shadow: 0 -2vmin 4vmin #ead4fa inset, 0 3vmin 6vmin #f6eaff inset;
cursor: pointer;
}
}
&__btn-text {
}
}
@keyframes animatedgradient {
......
$white: #fff;
$purple: #c372ff;
$easter-purple: #c372ff;
$pinkish-purple: #cf4ed8;
$nebula-purple: #9d10bc;
$dark-blue: #195e92;
$light-blue: #94a2f2;
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment