pls

b2a18471 · Théo Phan · fc6b0d50 · b2a18471 · b2a18471 · b2a18471
--- a/package-lock.json
+++ b/package-lock.json
@@ -12,6 +12,7 @@
        "@react-three/drei": "^9.105.4",
        "@react-three/fiber": "^8.16.1",
        "flowbite-react": "^0.9.0",
+        "meta-url": "^1.0.4",
        "react": "^18.2.0",
        "react-bootstrap": "^2.10.2",
        "react-dom": "^18.2.0",
@@ -305,7 +306,6 @@
      "version": "7.24.4",
      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.24.4.tgz",
      "integrity": "sha512-zTvEBcghmeBma9QIGunWevvBAp4/Qu9Bdq+2k0Ot4fVMD6v3dsC9WOcRSKk7tRRyBM/53yKMJko9xOatGQAwSg==",
-      "dev": true,
      "bin": {
        "parser": "bin/babel-parser.js"
      },
@@ -1732,6 +1732,19 @@
        "vite": "^4.2.0 || ^5.0.0"
      }
    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-2.7.16.tgz",
+      "integrity": "sha512-KWhJ9k5nXuNtygPU7+t1rX6baZeqOYLEforUPjgNDBnLicfHCoi48H87Q8XyLZOrNNsmhuwKqtpDQWjEFe6Ekg==",
+      "dependencies": {
+        "@babel/parser": "^7.23.5",
+        "postcss": "^8.4.14",
+        "source-map": "^0.6.1"
+      },
+      "optionalDependencies": {
+        "prettier": "^1.18.2 || ^2.0.0"
+      }
+    },
    "node_modules/acorn": {
      "version": "8.11.3",
      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.11.3.tgz",
@@ -4196,6 +4209,47 @@
      "resolved": "https://registry.npmjs.org/meshoptimizer/-/meshoptimizer-0.18.1.tgz",
      "integrity": "sha512-ZhoIoL7TNV4s5B6+rx5mC//fw8/POGyNxS/DZyCJeiZ12ScLfVwRE/GfsxwiTkMYYD5DmK2/JXnEVXqL4rF+Sw=="
    },
+    "node_modules/meta-common-input-mixin": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/meta-common-input-mixin/-/meta-common-input-mixin-1.0.2.tgz",
+      "integrity": "sha512-kZ74dGsmzP4Swnqt5xAxTNcCAArW2cByzamyeI88Y99AmNmG8zzkiAN/3WA+zRsYAct801VTUfrLuXs+LVhfxA==",
+      "dependencies": {
+        "vee-validate": "^2.0.0-rc.6",
+        "vue": "^2.3.3"
+      }
+    },
+    "node_modules/meta-label": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/meta-label/-/meta-label-1.0.0.tgz",
+      "integrity": "sha512-HOV0gDYbffLx8THfWbvRDrroj/SM6nO7cZfC39y5mhKxuH00qBGWYKzORg7qYqVjcD4YmQrtPd1dPO/EU7crfg==",
+      "dependencies": {
+        "vee-validate": "^2.0.0-rc.6",
+        "vue": "^2.3.3"
+      }
+    },
+    "node_modules/meta-textual-input-mixin": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/meta-textual-input-mixin/-/meta-textual-input-mixin-1.0.3.tgz",
+      "integrity": "sha512-bRoTv6wadB3bnAhzSPQlfT6xh549w512tyRuYyJxTI7VSPGuFCGWbaOvRYog9bKv2DYlE5uHj4zB2poJJDAimg==",
+      "dependencies": {
+        "meta-common-input-mixin": "^1.0.0",
+        "vee-validate": "^2.0.0-rc.6",
+        "vue": "^2.3.3"
+      }
+    },
+    "node_modules/meta-url": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npmjs.org/meta-url/-/meta-url-1.0.4.tgz",
+      "integrity": "sha512-8oh21folvGlEk7AI1cJNfSbT82WWVGWTXsjsATLZ7O/7y9+7/WhvXLegeZgqljdrBGaQLNC9bhGQHXAx/EtEiA==",
+      "dependencies": {
+        "meta-label": "^1.0.0",
+        "meta-textual-input-mixin": "^1.0.0"
+      },
+      "peerDependencies": {
+        "vee-validate": "^2.0.9",
+        "vue": "^2.3.3"
+      }
+    },
    "node_modules/micromatch": {
      "version": "4.0.5",
      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.5.tgz",
@@ -4750,6 +4804,21 @@
        "node": ">= 0.8.0"
      }
    },
+    "node_modules/prettier": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npmjs.org/prettier/-/prettier-2.8.8.tgz",
+      "integrity": "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q==",
+      "optional": true,
+      "bin": {
+        "prettier": "bin-prettier.js"
+      },
+      "engines": {
+        "node": ">=10.13.0"
+      },
+      "funding": {
+        "url": "https://github.com/prettier/prettier?sponsor=1"
+      }
+    },
    "node_modules/promise-worker-transferable": {
      "version": "1.0.4",
      "resolved": "https://registry.npmjs.org/promise-worker-transferable/-/promise-worker-transferable-1.0.4.tgz",
@@ -5288,6 +5357,14 @@
        "url": "https://github.com/sponsors/isaacs"
      }
    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
    "node_modules/source-map-js": {
      "version": "1.2.0",
      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.0.tgz",
@@ -5993,6 +6070,11 @@
        "uuid": "dist/bin/uuid"
      }
    },
+    "node_modules/vee-validate": {
+      "version": "2.2.15",
+      "resolved": "https://registry.npmjs.org/vee-validate/-/vee-validate-2.2.15.tgz",
+      "integrity": "sha512-4TOsI8XwVkKVLkg8Nhmy+jyoJrR6XcTRDyxBarzcCvYzU61zamipS1WsB6FlDze8eJQpgglS4NXAS6o4NDPs1g=="
+    },
    "node_modules/vite": {
      "version": "5.2.8",
      "resolved": "https://registry.npmjs.org/vite/-/vite-5.2.8.tgz",
@@ -6048,6 +6130,16 @@
        }
      }
    },
+    "node_modules/vue": {
+      "version": "2.7.16",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-2.7.16.tgz",
+      "integrity": "sha512-4gCtFXaAA3zYZdTp5s4Hl2sozuySsgz4jy1EnpBHNfpMa9dK1ZCG7viqBPCwXtmgc8nHqUsAu3G4gtmXkkY3Sw==",
+      "deprecated": "Vue 2 has reached EOL and is no longer actively maintained. See https://v2.vuejs.org/eol/ for more details.",
+      "dependencies": {
+        "@vue/compiler-sfc": "2.7.16",
+        "csstype": "^3.1.0"
+      }
+    },
    "node_modules/warning": {
      "version": "4.0.3",
      "resolved": "https://registry.npmjs.org/warning/-/warning-4.0.3.tgz",

--- a/package.json
+++ b/package.json
@@ -15,6 +15,7 @@
    "@react-three/drei": "^9.105.4",
    "@react-three/fiber": "^8.16.1",
    "flowbite-react": "^0.9.0",
+    "meta-url": "^1.0.4",
    "react": "^18.2.0",
    "react-bootstrap": "^2.10.2",
    "react-dom": "^18.2.0",

--- a/src/components/HomeInfo.jsx
+++ b/src/components/HomeInfo.jsx
@@ -18,7 +18,7 @@ const HomeInfo = ({ currentStage, canvasExpansion }) => {
                <p className='font-medium sm:text-xl text-center'>
                    Je suis un étudiant en première année d&#8217;un BUT en Informatique.Vous trouverez ci-dessous mon CV.
                </p>
-                <a href={getPDFUrl("CV_PHAN_Theo.pdf")}  className='neo-brutalism-white neo-btn'>
+                <a href={getPDFUrl("CV_PHAN_Theo.pdf")} download={'CV_PHAN_Theo.pdf'} className='neo-brutalism-white neo-btn'>
                    Mon CV
                    <img src={download} alt='download' className='w-4 h-4 object-contain' />
                </a>
@@ -28,7 +28,7 @@ const HomeInfo = ({ currentStage, canvasExpansion }) => {
                <p className='font-medium sm:text-xl text-center'>
                Et ci-dessous, vous trouverez ma lettre de motivation, où je partage mon enthousiasme, mes compétences et ma passion pour cette opportunité.
                </p>
-                <a href={getPDFUrl("Lettre_de_motivation_PHAN_Theo.pdf")} className='neo-brutalism-white neo-btn'>
+                <a href={getPDFUrl("Lettre_de_motivation_PHAN_Theo.pdf")} download='Lettre_de_motivation_PHAN_Theo.pdf' className='neo-brutalism-white neo-btn'>
                    Ma lettre de motivation
                    <img src={download} alt='download' className='w-4 h-4 object-contain'/>
                </a>