{"ast":null,"code":"var _jsxFileName = \"C:\\\\Users\\\\user\\\\Desktop\\\\00monsite\\\\front\\\\src\\\\page\\\\technology.js\",\n  _s = $RefreshSig$();\nimport React, { useEffect, useState } from \"react\";\nimport Navbar from \"../components/Navbar\";\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\nconst Technology = () => {\n  _s();\n  const [currentTekno, setCurrentTekno] = useState({});\n  const [tekno, setTekno] = useState([]);\n  useEffect(() => {\n    fetch('data.json').then(response => response.json()).then(data => {\n      setTekno(data.technology);\n      setCurrentTekno(data.technology[0]);\n    });\n  }, []);\n  const handleTeknoChange = teknoIndex => {\n    setCurrentTekno(tekno[teknoIndex]);\n  };\n  return /*#__PURE__*/_jsxDEV(\"div\", {\n    className: \"bg-tekno\",\n    children: [/*#__PURE__*/_jsxDEV(Navbar, {}, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 23,\n      columnNumber: 9\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      children: /*#__PURE__*/_jsxDEV(\"h4\", {\n        children: \"03 space loach 101\"\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 25,\n        columnNumber: 11\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 24,\n      columnNumber: 9\n    }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"container \",\n      children: [/*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"containerAll d-flex centre\",\n        children: [/*#__PURE__*/_jsxDEV(\"div\", {\n          className: \"menu d-flex Bonjour Facundo,\\r Je vous prie de bien vouloir toujours mentionner votre parcours, ainsi que la date de passation de votre Jury dans l\\u2019objet de votre mail svp.\\r Je vous confirme votre inscription pour la session jury DWWM du 13  Mars  2023.\\r Veuillez m\\u2019envoyer votre livrable complet, afin de constituer votre dossier Jury :\\r 1.   Votre cahier de sp\\xE9cifications techniques & fonctionnelles (30 \\xE0 35 pages) d\\xE9crivant :\\r le p\\xE9rim\\xE8tre de conception du projet (besoins du client, objectifs, r\\xE9ponse\\u2026)\\r -          la mise en \\u0153uvre cr\\xE9ative et technique (webdesign, int\\xE9gration, d\\xE9veloppement, front-end / back-end\\u2026) \\u2013 Voir RC page 7 (\\xAB Contenu du dossier de projet \\xBB)=\\r 2.   Votre site Internet mis en ligne ou votre application d\\xE9ploy\\xE9e : Un site web r\\xE9alis\\xE9 en HTML5/CSS3 \\u2013 utilisant du JavaScript, du PHP et langage SQL pour la base de donn\\xE9e ou autres langages de programmation ou FrameWork. (ATTENTION : L\\u2019orient\\xE9 objet est obligatoire ! ).\\r 3.   Votre Dossier professionnel\\r 4.   Une pr\\xE9sentation de type PowerPoint qui servira de support \\xE0 votre pr\\xE9sentation orale.  \\r 5- Votre CV mis \\xE0 jour avec la mention indiquant vos \\xE9tudes \\xE0 DORANCO\\r 6.   Votre pi\\xE8ce d\\u2019identit\\xE9 Recto-Verso\\r 7- Votre adresse Actuelle\\r Vous recevrez votre convocation deux semaines avant la date de passation devant le Jury.\\r La session aura lieu en pr\\xE9sentiel sur notre site \\xE0 Bagnolet au 55, Rue du Lieutenant Thomas_93170_Bagnolet\\r Je reste \\xE0 votre disposition pour plus d\\u2019informations si vous le souhaitiez.\\r Excellente journ\\xE9e \\xE0 vous.\",\n          children: tekno.map((t, index) => /*#__PURE__*/_jsxDEV(\"div\", {\n            className: \"rounded-circle border border-white w-50 p-3\",\n            onClick: () => handleTeknoChange(index),\n            children: index + 1\n          }, index, false, {\n            fileName: _jsxFileName,\n            lineNumber: 63,\n            columnNumber: 17\n          }, this))\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 29,\n          columnNumber: 13\n        }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n          children: [/*#__PURE__*/_jsxDEV(\"h6\", {\n            children: currentTekno.name\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 69,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"h3\", {\n            children: currentTekno.name\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 70,\n            columnNumber: 15\n          }, this), /*#__PURE__*/_jsxDEV(\"p\", {\n            children: currentTekno.description\n          }, void 0, false, {\n            fileName: _jsxFileName,\n            lineNumber: 71,\n            columnNumber: 15\n          }, this)]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 68,\n          columnNumber: 13\n        }, this)]\n      }, void 0, true, {\n        fileName: _jsxFileName,\n        lineNumber: 28,\n        columnNumber: 11\n      }, this), /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"containerAll\",\n        id: \"containerImgTekno\",\n        children: currentTekno.images && /*#__PURE__*/_jsxDEV(\"img\", {\n          src: currentTekno.images.portrait,\n          alt: currentTekno.name\n        }, void 0, false, {\n          fileName: _jsxFileName,\n          lineNumber: 76,\n          columnNumber: 37\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 74,\n        columnNumber: 11\n      }, this)]\n    }, void 0, true, {\n      fileName: _jsxFileName,\n      lineNumber: 27,\n      columnNumber: 9\n    }, this)]\n  }, void 0, true, {\n    fileName: _jsxFileName,\n    lineNumber: 22,\n    columnNumber: 7\n  }, this);\n};\n_s(Technology, \"bj8eX0tLeCxLIhORjQzvN5CIaLU=\");\n_c = Technology;\nexport default Technology;\nvar _c;\n$RefreshReg$(_c, \"Technology\");","map":{"version":3,"names":["React","useEffect","useState","Navbar","Technology","currentTekno","setCurrentTekno","tekno","setTekno","fetch","then","response","json","data","technology","handleTeknoChange","teknoIndex","map","t","index","name","description","images","portrait"],"sources":["C:/Users/user/Desktop/00monsite/front/src/page/technology.js"],"sourcesContent":["import React, { useEffect, useState } from \"react\";\r\nimport Navbar from \"../components/Navbar\";\r\n\r\nconst Technology = () => {\r\n    const [currentTekno, setCurrentTekno] = useState({});\r\n    const [tekno, setTekno] = useState([]);\r\n  \r\n    useEffect(() => {\r\n      fetch('data.json')\r\n        .then(response => response.json())\r\n        .then(data => {\r\n          setTekno(data.technology);\r\n          setCurrentTekno(data.technology[0]);\r\n        });\r\n    }, []);\r\n  \r\n    const handleTeknoChange = (teknoIndex) => {\r\n      setCurrentTekno(tekno[teknoIndex]);\r\n    }\r\n  \r\n    return (\r\n      <div className=\"bg-tekno\">\r\n        <Navbar />\r\n        <div>\r\n          <h4>03 space loach 101</h4>\r\n        </div>\r\n        <div className=\"container \">\r\n          <div className=\"containerAll d-flex centre\">\r\n            <div className=\"menu d-flex Bonjour Facundo,\r\n\r\n Je vous prie de bien vouloir toujours mentionner votre parcours, ainsi que la date de passation de votre Jury dans l’objet de votre mail svp.\r\n\r\n Je vous confirme votre inscription pour la session jury DWWM du 13  Mars  2023.\r\n\r\n Veuillez m’envoyer votre livrable complet, afin de constituer votre dossier Jury :\r\n\r\n1.   Votre cahier de spécifications techniques & fonctionnelles (30 à 35 pages) décrivant :\r\n\r\n                        le périmètre de conception du projet (besoins du client, objectifs, réponse…)\r\n\r\n-          la mise en œuvre créative et technique (webdesign, intégration, développement, front-end / back-end…) – Voir RC page 7 (« Contenu du dossier de projet »)=\r\n\r\n2.   Votre site Internet mis en ligne ou votre application déployée : Un site web réalisé en HTML5/CSS3 – utilisant du JavaScript, du PHP et langage SQL pour la base de donnée ou autres langages de programmation ou FrameWork. (ATTENTION : L’orienté objet est obligatoire ! ).\r\n\r\n3.   Votre Dossier professionnel\r\n\r\n4.   Une présentation de type PowerPoint qui servira de support à votre présentation orale.  \r\n\r\n5- Votre CV mis à jour avec la mention indiquant vos études à DORANCO\r\n\r\n6.   Votre pièce d’identité Recto-Verso\r\n\r\n7- Votre adresse Actuelle\r\n\r\nVous recevrez votre convocation deux semaines avant la date de passation devant le Jury.\r\n\r\nLa session aura lieu en présentiel sur notre site à Bagnolet au 55, Rue du Lieutenant Thomas_93170_Bagnolet\r\n\r\nJe reste à votre disposition pour plus d’informations si vous le souhaitiez.\r\n\r\n Excellente journée à vous.\">\r\n              {tekno.map((t, index) => (\r\n                <div key={index} className=\"rounded-circle border border-white w-50 p-3\" onClick={() => handleTeknoChange(index)}>\r\n                  {index + 1}\r\n                </div>\r\n              ))}\r\n            </div>\r\n            <div>\r\n              <h6>{currentTekno.name}</h6>\r\n              <h3>{currentTekno.name}</h3>\r\n              <p>{currentTekno.description}</p>\r\n            </div>\r\n          </div>\r\n          <div className=\"containerAll\" id=\"containerImgTekno\">\r\n            {/* <img src={currentTekno.images.portrait} alt={currentTekno.name} /> */}\r\n            {currentTekno.images && <img src={currentTekno.images.portrait} alt={currentTekno.name} />}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  };\r\n  \r\n  export default Technology;"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAClD,OAAOC,MAAM,MAAM,sBAAsB;AAAC;AAE1C,MAAMC,UAAU,GAAG,MAAM;EAAA;EACrB,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGJ,QAAQ,CAAC,CAAC,CAAC,CAAC;EACpD,MAAM,CAACK,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,CAAC,EAAE,CAAC;EAEtCD,SAAS,CAAC,MAAM;IACdQ,KAAK,CAAC,WAAW,CAAC,CACfC,IAAI,CAACC,QAAQ,IAAIA,QAAQ,CAACC,IAAI,EAAE,CAAC,CACjCF,IAAI,CAACG,IAAI,IAAI;MACZL,QAAQ,CAACK,IAAI,CAACC,UAAU,CAAC;MACzBR,eAAe,CAACO,IAAI,CAACC,UAAU,CAAC,CAAC,CAAC,CAAC;IACrC,CAAC,CAAC;EACN,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,iBAAiB,GAAIC,UAAU,IAAK;IACxCV,eAAe,CAACC,KAAK,CAACS,UAAU,CAAC,CAAC;EACpC,CAAC;EAED,oBACE;IAAK,SAAS,EAAC,UAAU;IAAA,wBACvB,QAAC,MAAM;MAAA;MAAA;MAAA;IAAA,QAAG,eACV;MAAA,uBACE;QAAA,UAAI;MAAkB;QAAA;QAAA;QAAA;MAAA;IAAK;MAAA;MAAA;MAAA;IAAA,QACvB,eACN;MAAK,SAAS,EAAC,YAAY;MAAA,wBACzB;QAAK,SAAS,EAAC,4BAA4B;QAAA,wBACzC;UAAK,SAAS,EAAC,mpDAgCC;UAAA,UACbT,KAAK,CAACU,GAAG,CAAC,CAACC,CAAC,EAAEC,KAAK,kBAClB;YAAiB,SAAS,EAAC,6CAA6C;YAAC,OAAO,EAAE,MAAMJ,iBAAiB,CAACI,KAAK,CAAE;YAAA,UAC9GA,KAAK,GAAG;UAAC,GADFA,KAAK;YAAA;YAAA;YAAA;UAAA,QAGhB;QAAC;UAAA;UAAA;UAAA;QAAA,QACE,eACN;UAAA,wBACE;YAAA,UAAKd,YAAY,CAACe;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC5B;YAAA,UAAKf,YAAY,CAACe;UAAI;YAAA;YAAA;YAAA;UAAA,QAAM,eAC5B;YAAA,UAAIf,YAAY,CAACgB;UAAW;YAAA;YAAA;YAAA;UAAA,QAAK;QAAA;UAAA;UAAA;UAAA;QAAA,QAC7B;MAAA;QAAA;QAAA;QAAA;MAAA,QACF,eACN;QAAK,SAAS,EAAC,cAAc;QAAC,EAAE,EAAC,mBAAmB;QAAA,UAEjDhB,YAAY,CAACiB,MAAM,iBAAI;UAAK,GAAG,EAAEjB,YAAY,CAACiB,MAAM,CAACC,QAAS;UAAC,GAAG,EAAElB,YAAY,CAACe;QAAK;UAAA;UAAA;UAAA;QAAA;MAAG;QAAA;QAAA;QAAA;MAAA,QACtF;IAAA;MAAA;MAAA;MAAA;IAAA,QACF;EAAA;IAAA;IAAA;IAAA;EAAA,QACF;AAEV,CAAC;AAAC,GA7EEhB,UAAU;AAAA,KAAVA,UAAU;AA+Ed,eAAeA,UAAU;AAAC;AAAA"},"metadata":{},"sourceType":"module","externalDependencies":[]}