feat: new profile image update

VikashPR · Jul 5, 2024 · d9ec02f · d9ec02f
1 parent 528023d
commit d9ec02f
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 96 deletions.
diff --git a/docs/assets/css/style.css b/docs/assets/css/style.css
@@ -234,7 +234,6 @@ li {
   align-items: center;
   padding: 15px;
   border-radius: 10px;
-  -webkit-transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
   transition: 0.2s cubic-bezier(0.3, 0, 0.5, 1);
   font-size: 1.1rem;
   margin-inline-end: 10px;
@@ -243,7 +242,9 @@ li {
   background-color: rgba(25, 34, 58, 0.849);
   border: 1px solid rgba(25, 34, 58, 0.849);
   cursor: pointer;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   color: var(--primaryColor);
   font-weight: 600;
 }
@@ -257,7 +258,6 @@ li {
 }
 
 .btn:active {
-  -webkit-transform: scale(0.98);
   transform: scale(0.98);
 }
 
@@ -634,10 +634,6 @@ footer .footer-bottom .heart {
   display: flex;
   align-items: center;
   font: normal normal 10px Arial;
-  -webkit-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-  -moz-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-  -ms-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
-  -o-transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
   transition: all 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
 }
 
@@ -720,7 +716,9 @@ footer .footer-bottom .heart {
   margin: 30px;
   height: 70%;
   width: 90%;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   backdrop-filter: blur(6px) saturate(90%);
   -webkit-backdrop-filter: blur(6px) saturate(90%);
   background-color: rgba(24, 32, 56, 0.719);
@@ -736,7 +734,8 @@ footer .footer-bottom .heart {
   justify-content: space-between;
   border-radius: 10px 10px 0 0;
   background: rgba(35, 37, 38, 0.8);
-  backdrop-filter: blur(24px);
+  -webkit-backdrop-filter: blur(24px);
+          backdrop-filter: blur(24px);
   height: 70px;
   padding-right: 20px;
 }
@@ -812,7 +811,6 @@ footer .footer-bottom .heart {
   height: 100%;
   margin-top: 70px;
   animation: appear 1.5s ease 300ms backwards;
-  /* nail */
 }
 .intro-wrapper .home-right .swing {
   transform-origin: center -20px;
@@ -824,36 +822,13 @@ footer .footer-bottom .heart {
   transform: rotate(2deg);
 }
 .intro-wrapper .home-right .swing img {
-  border: 5px solid #f8f8f8;
+  border: 5px solid #fff;
+  border-radius: 15px;
   display: block;
   width: 360px;
   max-width: 100%;
   height: 100%;
 }
-.intro-wrapper .home-right .swing:after {
-  content: "";
-  position: absolute;
-  width: 20px;
-  height: 20px;
-  border: 1px solid #999;
-  top: -10px;
-  left: 50%;
-  z-index: 0;
-  border-bottom: none;
-  border-right: none;
-  transform: rotate(45deg);
-}
-.intro-wrapper .home-right .swing:before {
-  content: "";
-  position: absolute;
-  width: 7px;
-  height: 7px;
-  top: -15px;
-  left: 52%;
-  z-index: 5;
-  border-radius: 50%;
-  background: rgb(248, 248, 248);
-}
 
 .scrollToTopBtn {
   background-color: #182038;
@@ -884,17 +859,6 @@ footer .footer-bottom .heart {
     transform: translate(0);
   }
 }
-@-webkit-keyframes up {
-  0% {
-    transform: translate(0);
-  }
-  20% {
-    transform: translateY(-15px);
-  }
-  40% {
-    transform: translate(0);
-  }
-}
 
 .scroll-down-button {
   position: fixed;
@@ -926,17 +890,6 @@ footer .footer-bottom .heart {
     transform: translate(0);
   }
 }
-@-webkit-keyframes down {
-  0% {
-    transform: translate(0);
-  }
-  20% {
-    transform: translateY(15px);
-  }
-  40% {
-    transform: translate(0);
-  }
-}
 
 .about-container {
   width: 100%;
@@ -1012,8 +965,10 @@ footer .footer-bottom .heart {
   flex-direction: column;
 }
 .gallery-container .gallery-wrapper {
-  columns: 5 240px;
-  column-gap: 1.5rem;
+  -moz-columns: 5 240px;
+       columns: 5 240px;
+  -moz-column-gap: 1.5rem;
+       column-gap: 1.5rem;
   width: 90%;
   margin: 0 auto;
   margin-top: 100px;
@@ -1037,7 +992,8 @@ footer .footer-bottom .heart {
 .gallery-container .gallery-wrapper div img {
   width: 100%;
   height: 100%;
-  object-fit: cover;
+  -o-object-fit: cover;
+     object-fit: cover;
   filter: grayscale(100%);
   border-radius: 5px;
   transition: all 0.25s ease-in-out;
@@ -1245,7 +1201,6 @@ footer .footer-bottom .heart {
   border-radius: 5px;
   border: 2px solid transparent;
   color: var(--primaryColor);
-  -webkit-transition: all 0.5s ease-in-out;
   transition: all 0.5s ease-in-out;
   padding: 5px;
   cursor: pointer;
@@ -1307,7 +1262,9 @@ footer .footer-bottom .heart {
   max-width: 140px;
   display: flex;
   align-self: flex-end;
-  user-select: none;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+          user-select: none;
   margin: 0;
 }
 .contact-container .contact-right .form .btn i {
@@ -1772,7 +1729,8 @@ footer .footer-bottom .heart {
   .btn {
     max-width: 90%;
     width: 160px;
-    backdrop-filter: none;
+    -webkit-backdrop-filter: none;
+            backdrop-filter: none;
     background-color: rgba(24, 32, 56, 0.9);
   }
   .btn i {
@@ -2004,6 +1962,4 @@ footer .footer-bottom .heart {
     margin: 0 auto;
     margin-top: 50px;
   }
-}
-
-/*# sourceMappingURL=style.css.map */
+}/*# sourceMappingURL=style.css.map */