feat: complete markup

src/assets/images/favicon/browserconfig.xml

@@ -3,7 +3,7 @@
     <msapplication>
         <tile>
             <square150x150logo src="/mstile-150x150.png"/>
-            <TileColor>#9f00a7</TileColor>
+            <TileColor>#c372ff</TileColor>
         </tile>
     </msapplication>
 </browserconfig>

src/assets/images/favicon/safari-pinned-tab.svg

@@ -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>

src/assets/images/favicon/site.webmanifest

@@ -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"
 }

src/pages/login/index.html

@@ -86,7 +86,7 @@
                 </div>
 
                 <button class="form__btn">
-                  <label class="form__btn-text">Register</label>
+                  Register
                 </button>
 
                 <div class="login__account">

src/pages/login/style.scss

@@ -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 {

src/scss/modules/_global-palette.scss

 $white: #fff;
 
-$purple: #c372ff;
+$easter-purple: #c372ff;
+$pinkish-purple: #cf4ed8;
+$nebula-purple: #9d10bc;
 $dark-blue: #195e92;
 $light-blue: #94a2f2;