{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\000newport\\\\src\\\\components\\\\pages\\\\home\\\\components\\\\03competance\\\\components\\\\tekno.js\",\n _s = $RefreshSig$();\nimport React from \"react\";\nimport { gsap } from \"gsap\";\nimport { useRef } from \"react\";\nimport { useEffect } from \"react\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Tekno = () => {\n _s();\n const divRef = useRef(null);\n useEffect(() => {\n const container = divRef.current;\n\n // Fonction pour gérer l'effet de défilement\n const handleScroll = () => {\n const scrollPosition = container.scrollTop;\n const textElements = container.querySelectorAll(\".titre_scroll\");\n\n // Ajustez ces valeurs selon vos besoins\n const maxScroll = container.scrollHeight - container.clientHeight;\n const maxSize = 2; // Taille maximale du texte\n const maxOpacity = 1; // Opacité maximale\n\n textElements.forEach(text => {\n const offset = text.offsetTop - scrollPosition;\n const scale = 1 + (maxSize - 1) * (1 - offset / maxScroll);\n const opacity = maxOpacity * (1 - offset / maxScroll);\n gsap.to(text, {\n duration: 0.5,\n scale,\n opacity\n });\n });\n };\n container.addEventListener(\"scroll\", handleScroll);\n return () => {\n container.removeEventListener(\"scroll\", handleScroll);\n };\n }, []);\n return /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"text_competence w-1/3 \",\n children: /*#__PURE__*/_jsxDEV(\"div\", {\n className: \" flex flex-col h-full bg-sky-700 rounded-3xl \",\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-5/6 w-full overflow-auto custom-scrollbar \",\n ref: divRef,\n children: [/*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-1/2 flex items-center justify-center titre_scroll\",\n children: \"dd\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 50,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-1/2 flex items-center justify-center titre_scroll\",\n children: \"dd\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 51,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-1/2 flex items-center justify-center titre_scroll\",\n children: \"dd\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 52,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-1/2 flex items-center justify-center titre_scroll\",\n children: \"dd\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-1/2 flex items-center justify-center titre_scroll\",\n children: \"dd\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 54,\n columnNumber: 11\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-1/2 flex items-center justify-center titre_scroll\",\n children: \"dd\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 55,\n columnNumber: 11\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 49,\n columnNumber: 9\n }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n className: \"h-1/6\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 57,\n columnNumber: 10\n }, this), /*#__PURE__*/_jsxDEV(\"h5\", {\n className: \" text-6xl\",\n children: \"tekno\"\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 58,\n columnNumber: 9\n }, this)]\n }, void 0, true, {\n fileName: _jsxFileName,\n lineNumber: 48,\n columnNumber: 7\n }, this)\n }, void 0, false, {\n fileName: _jsxFileName,\n lineNumber: 47,\n columnNumber: 5\n }, this);\n};\n_s(Tekno, \"yu+j3H3uMpPkc7UDcPsbvSQj1vE=\");\n_c = Tekno;\nexport default Tekno;\nvar _c;\n$RefreshReg$(_c, \"Tekno\");","map":{"version":3,"names":["React","gsap","useRef","useEffect","jsxDEV","_jsxDEV","Tekno","_s","divRef","container","current","handleScroll","scrollPosition","scrollTop","textElements","querySelectorAll","maxScroll","scrollHeight","clientHeight","maxSize","maxOpacity","forEach","text","offset","offsetTop","scale","opacity","to","duration","addEventListener","removeEventListener","className","children","ref","fileName","_jsxFileName","lineNumber","columnNumber","_c","$RefreshReg$"],"sources":["C:/Users/user/Desktop/000newport/src/components/pages/home/components/03competance/components/tekno.js"],"sourcesContent":["import React from \"react\";\r\nimport { gsap } from \"gsap\";\r\nimport { useRef } from \"react\";\r\nimport { useEffect } from \"react\";\r\n\r\nconst Tekno = () => {\r\n\r\n \r\n const divRef = useRef(null);\r\n \r\n useEffect(() => {\r\n const container = divRef.current;\r\n \r\n // Fonction pour gérer l'effet de défilement\r\n const handleScroll = () => {\r\n const scrollPosition = container.scrollTop;\r\n const textElements = container.querySelectorAll(\".titre_scroll\");\r\n \r\n // Ajustez ces valeurs selon vos besoins\r\n const maxScroll = container.scrollHeight - container.clientHeight;\r\n const maxSize = 2; // Taille maximale du texte\r\n const maxOpacity = 1; // Opacité maximale\r\n \r\n textElements.forEach((text) => {\r\n const offset = text.offsetTop - scrollPosition;\r\n const scale = 1 + (maxSize - 1) * (1 - offset / maxScroll);\r\n const opacity = maxOpacity * (1 - offset / maxScroll);\r\n \r\n gsap.to(text, {\r\n duration: 0.5,\r\n scale,\r\n opacity,\r\n });\r\n });\r\n };\r\n \r\n container.addEventListener(\"scroll\", handleScroll);\r\n \r\n return () => {\r\n container.removeEventListener(\"scroll\", handleScroll);\r\n };\r\n }, []);\r\n\r\n\r\n\r\n return (\r\n
\r\n
\r\n
\r\n
dd
\r\n
dd
\r\n
dd
\r\n
dd
\r\n
dd
\r\n
dd
\r\n
\r\n
\r\n
tekno
\r\n
\r\n {/* \r\n
\r\n\r\n

Les technos que j'utilise la plupart du temps sont : \r\n

\r\n \r\n\r\n
*/}\r\n
\r\n );\r\n};\r\n\r\nexport default Tekno;\r\n"],"mappings":"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"},"metadata":{},"sourceType":"module","externalDependencies":[]}