smoothness update

.firebase/hosting.ZGlzdA.cache

@@ -0,0 +1,23 @@
+star.ico,1711983866903,2b9274fb01116cd384960c6746890cb08f31643ba307378fa1ebce31382a4ccb
+index.html,1711985491690,f09c31e4fd49625e18315468e3087ea9242209b60d4149ab3f477a2cb0da7418
+assets/index-CNf6TW8x.css,1711985491688,31c04cd8c5780e150d67aac3c482696b454bc2f314c3c07097c3a1311ccc65f8
+assets/star1-DmqGUDp5.svg,1711985491687,36310ae149b0565c1d69dd918b3ba08ef9ef3e4e054b2cac845cfdd6bd3a56c8
+assets/star5-BaaVB5V4.svg,1711985491663,de1b25efda0bb1dec125568dd024f7292f2e48fd938e6ca21cd9abb4cf659269
+assets/uiuximage-DPy6r4h3.png,1711985491687,84feca71837b101aab6779b9e4702edcf76794dc76cede92cd1f50a8afed8289
+assets/BaiJamjuree-ExtraLight-4McKhC8f.ttf,1711985491687,1fdbf6e8cc8013453298e5bff33b9f2bd187c23509faefcaa2477ea85671b087
+assets/BaiJamjuree-Bold-DeBm7U-G.ttf,1711985491688,fa6e5447e4c95a18515406bf939cfb3a79f4b7594c86b51397cf70d0ae1d94f8
+assets/BaiJamjuree-Light-cft0qNnr.ttf,1711985491687,5dc8b4883256f08d26a0b6f5a12b2fd7387142789b6201d64dff21ad522f87fb
+assets/BaiJamjuree-ExtraLightItalic-DVLCDKRC.ttf,1711985491687,0723571658179ec546f0919d54a40c401b935f76e5f16a4ac0f522205d42dd7d
+assets/BaiJamjuree-BoldItalic-SJ_FnkQX.ttf,1711985491688,c1259011e978e8054f21e24e934909ab12dbbe0413c7bc5af1c26c80031c2764
+assets/BaiJamjuree-MediumItalic-BRkArAXO.ttf,1711985491687,2da2e4d3f1a08857c9725154fb3139043700e0407f927b761ca392c9338426a1
+assets/BaiJamjuree-Medium-Cyb7aPLt.ttf,1711985491687,09ac3a047ddcd0519b12aa5c2173eddf4e7cc83791389d7612041a705b874531
+assets/BaiJamjuree-LightItalic-B6I1p59R.ttf,1711985491687,74445efc168101bcd47475ae231ec4aea2a1839b7ae42cdae72da35648548b79
+assets/BaiJamjuree-Regular-ZGwtEWvt.ttf,1711985491687,54ea5672d82217d4a6fe2d663082ee63c1d8e81b67608a96045962f053ddb2e3
+assets/BaiJamjuree-SemiBold-Drrt-PTo.ttf,1711985491687,5827a1c13b51424f4bc883201de0e7cb621d6dc6d92896ce06567b51b8f4d2b1
+assets/BaiJamjuree-SemiBoldItalic-BFBZz2B2.ttf,1711985491687,a2d39419feead11c646790e393816e7c5072dd2b617714a23ac3d1ac7663c011
+assets/taskcanvas-Ds3s_pbg.png,1711985491687,a0232fe1c28744eb07743950bb92ee0967cfc1d1116348d322aebfde2c2abee1
+assets/numpickergame-CmEkMii0.png,1711985491687,50202386c16654b74ff58ac17d792452535cded118eef4299440bd2bfc0412b0
+assets/otherwebdevimage-CRDlJ4tY.jpeg,1711985491687,e605a9595863db2103cfa36e96c07ec6d49bb8054eac7ad3977f6f872c8ca9b8
+assets/webdevimage-DR3S-yC9.jpeg,1711985491687,84275163189dbeffc6ab9fd9d91352b24f020e9b54944e4d7add41a23bf9d09f
+assets/index-Cix9feo0.js,1711985491691,bf97d89620c435048991e7769fcd948833c1027473e7cf15a084ecd6f680942a
+assets/ShivImg-BgRemoved-GrayScaled-BYMS1SMg.png,1711985491688,7fc8cdd83bba83bb5816823b76d98735a16f30c83eae06561a625c626780d7d3

.firebase/hosting.cHVibGlj.cache

@@ -1,2 +1,2 @@
-index.html,1711982984762,9dcce7f80ae6195bfbe1384a3210f9941a15789cea8b59f7db9bedc24f41d003
-vite.svg,1711171405522,59ec4b6085a0cb1bf712a5e48dd5f35b08e34830d49c2026c18241be04e05d5a
+star.ico,1711983866903,2b9274fb01116cd384960c6746890cb08f31643ba307378fa1ebce31382a4ccb
+index.html,1711984490910,6ad4d550d49b4107ca5d752987adb5701c7455ba3558a2cc6ecbdea2e5029478

firebase.json

@@ -1,6 +1,6 @@
 {
   "hosting": {
-    "public": "public",
+    "public": "dist",
     "ignore": [
       "firebase.json",
       "**/.*",

src/assets/css/animation.css

@@ -23,15 +23,12 @@
 }
 
 .bottomToTop {
-  position: relative;
-  top: 100px;
-  left: 0;
-  width: 100%;
   opacity: 0;
-  transition: top 0.5s ease-out;
+  transition: opacity 0.5s ease-out, transform 0.5s ease-out;
+  transform: translateY(100px); /* Initial position */
 }
 
 .bottomToTop.topAnimate {
-  top: 0;
   opacity: 1;
+  transform: translateY(0); /* Final position */
 }

src/components/Skills.jsx

@@ -17,6 +17,7 @@ import {
   SiSpring,
   SiSpringboot,
   SiMysql,
+  SiMongodb,
 } from "react-icons/si";
 import { TbBrandJavascript, TbBrandReact, TbSql } from "react-icons/tb";
 import { useRef } from "react";
@@ -29,7 +30,7 @@ const Skills = () => {
     <>
       <section
         ref={sectionRef}
-        className={`relative w-screen overflow-hidden flex flex-col justify-center items-center gap-[4rem] mt-10 md:mt-0 px-14 py-[5%] bottomToTop ${
+        className={`relative Skills w-screen overflow-hidden flex flex-col justify-center items-center gap-[4rem] mt-10 md:mt-0 px-14 py-[5%] bottomToTop ${
           useInViewport(sectionRef) ? "topAnimate" : ""
         }`}
       >
@@ -121,6 +122,12 @@ const Skills = () => {
           <div className="w-[45vw] md:w-[15rem] h-[6rem] bg-[#f2f1ef] border-2 border-black flex flex-row justify-center items-center gap-2 group hover:bg-black  px-3 py-1 transition-all duration-300">
             <SiMysql className="text-7xl group-hover:text-orange-600 transition-all duration-300" />
           </div>
+          <div className="w-[45vw] md:w-[15rem] h-[6rem] bg-[#f2f1ef] border-2 border-black flex flex-row justify-center items-center gap-2 group hover:bg-black  px-3 py-1 transition-all duration-300">
+            <SiMongodb className="text-[30px] md:text-5xl group-hover:text-orange-600 transition-all duration-300" />
+            <span className="text-[16px] md:text-2xl font-bold group-hover:text-orange-600 transition-all duration-300">
+              MongoDb
+            </span>
+          </div>
           <div className="w-[45vw] md:w-[15rem] h-[6rem] bg-[#f2f1ef] border-2 border-black flex flex-row justify-center items-center gap-2 group hover:bg-black  px-3 py-1 transition-all duration-300">
             <SiSpring className="text-[30px] md:text-5xl group-hover:text-orange-600 transition-all duration-300" />
             <span className="text-[16px] md:text-2xl font-bold group-hover:text-orange-600 transition-all duration-300">

src/index.css

@@ -77,4 +77,14 @@
   body{
     background-color: #f2f1ef;
   }
+
+  .Skills {
+    -webkit-touch-callout: none; /* Disable touch callout on iOS */
+    -webkit-user-select: none; /* Disable text selection on iOS */
+    -khtml-user-select: none; /* Disable text selection on Konqueror HTML */
+    -moz-user-select: none; /* Disable text selection on Firefox */
+    -ms-user-select: none; /* Disable text selection on Internet Explorer/Edge */
+    user-select: none; /* Disable text selection on non-WebKit browsers */
+  }
+