added workflow

.github/workflows/deploy.yml

@@ -0,0 +1,32 @@
+on: 
+  push:
+    branches:
+      - main
+name: Deploy website on push
+
+jobs:
+  web-deploy:
+    name: Deploy
+    runs-on: ubuntu-latest
+    steps:
+    - name: Get latest code
+      uses: actions/checkout@v3
+
+    - name: Use Node.js 16
+      uses: actions/setup-node@v2
+      with:
+        node-version: '16'
+
+    - name: Build Project
+      run: |
+        npm install
+        npm run build
+    
+    - name: Sync files
+      uses: SamKirkland/FTP-Deploy-Action@v4.3.4
+      with:
+        server: ${{ secrets.GIT_CPANEL_REACT_SERVER }}
+        username: ${{ secrets.GIT_CPANEL_REACT_USER }}
+        password: ${{ secrets.GIT_CPANEL_REACT_PWD }}
+        protocol: ${{ secrets.GIT_CPANEL_REACT_PROTOCOL }}
+        local-dir: ./build/

package.json

@@ -2,6 +2,7 @@
   "name": "portfolio",
   "version": "0.1.0",
   "private": true,
+  "homepage": "./",
   "dependencies": {
     "@chakra-ui/react": "^2.2.1",
     "@emotion/react": "^11.9.3",

src/components/navbar/Navbar.tsx

@@ -14,7 +14,7 @@ const Navbar = () => {
   const { language } = useLanguage();
 
   const handleScroll = () => {
-    if (window.scrollY > window.innerHeight*0.22) {
+    if (window.scrollY > window.innerHeight*0.4) {
       setShowNavbar(true);
     } else {
       setShowNavbar(false);