diff --git a/assets/index-c2537422.js b/assets/index-30b63031.js similarity index 98% rename from assets/index-c2537422.js rename to assets/index-30b63031.js index 2b038c3..64ff006 100644 --- a/assets/index-c2537422.js +++ b/assets/index-30b63031.js @@ -85,4 +85,4 @@ Error generating stack: `+o.message+` Discover the tools used by hackers Playing with them to exploit vulnerabilities - Protect yourself against attacks`}),g(Ke,{date:"2016 - 2018",title:"Master's degree in Chemistry",company:"Faculty of Science",location:"Saint-Jérôme, Marseille, France",description:"Master 2 Professional Chemistry PACS (Advanced Chemical and Spectroscopic Analysis)"}),g(Ke,{date:"2015 - 2016",title:"Bachelor's degree in Chemistry",company:"Faculty of Science",location:"Saint-Jérôme, Marseille, France",description:"3rd year of Chemistry degree"}),g(Ke,{date:"2013 - 2015",title:"University Diploma of Technology in Chemistry",company:"University Institute of Technology",location:"Saint-Jérôme, Marseille, France",description:"University Diploma of Technology in Chemistry, analysis and synthesis option"})]})]})});const Fm=()=>$(Rt,{children:["COMING SOON",g("div",{className:"projects-container",children:g("div",{className:"title-container",children:g(yf,{title:"Projects"})})})]});const Um=e=>{const t=Se(he);return g(Rt,{children:g("button",{className:`button-light ${t.theme}`,onClick:e.onClick,children:e.text})})};const $m=()=>{const e=Se(he),[t,n]=P.useState(""),[r,l]=P.useState(""),[o,i]=P.useState(""),u=s=>{s.preventDefault(),n(""),l(""),i("")};return g("div",{className:"form-container",children:$("form",{className:`${e.theme}`,onSubmit:u,children:[$("div",{children:[g("label",{htmlFor:"email",children:"Email :"}),g("input",{type:"email",id:"email",placeholder:"Enter your email",value:t,onChange:s=>n(s.target.value),required:!0})]}),$("div",{children:[g("label",{htmlFor:"subject",children:"Objet :"}),g("input",{type:"text",id:"subject",placeholder:"Enter your object",value:r,onChange:s=>l(s.target.value),required:!0})]}),$("div",{children:[g("label",{htmlFor:"message",children:"Message :"}),g("textarea",{id:"message",value:o,placeholder:"Enter your message",onChange:s=>i(s.target.value),required:!0})]}),g(Um,{text:"Envoyer"})]})})},ct=({path:e,content:t,activeLink:n})=>{const r=Se(he);return g("li",{children:g(Wt,{to:e,className:`${n===e?"active":"inactive"} ${r.theme}`,children:t})})};const Am=()=>{const e=Se(he),t=xr(),[n,r]=P.useState("");return P.useEffect(()=>{r(t.pathname)},[t]),g("ul",{className:"navbar-all-link",children:e.language==="english"?$(Rt,{children:[g(ct,{className:"link",path:"/",content:"About me",activeLink:n}),g(ct,{className:"link",path:"/cv",content:"CV",activeLink:n}),g(ct,{className:"link",path:"/projects",content:"Projects",activeLink:n}),g(ct,{className:"link",path:"/contact",content:"Contact",activeLink:n})]}):$(Rt,{children:[g(ct,{className:"link",path:"/",content:"À propos de moi",activeLink:n}),g(ct,{className:"link",path:"/cv",content:"CV",activeLink:n}),g(ct,{className:"link",path:"/projects",content:"Projets",activeLink:n}),g(ct,{className:"link",path:"/contact",content:"Contact",activeLink:n})]})})};const Bm=()=>g("div",{className:"navbar-title",children:g(Wt,{to:"/",children:"Benjamin Charmes"})});const Ys=({state:e,mode:t,srcOn:n,srcOff:r,textOn:l,textOff:o,handleSwitchButton:i})=>{const[u,s]=P.useState(e),a=()=>{s(!u),i()};return $("div",{className:`switch-button ${u?"on":"off"} ${t}`,onClick:a,children:[n?g("img",{className:"icon",src:n}):g("p",{className:"text",children:l}),g("div",{className:"knob"}),r?g("img",{className:"icon",src:r}):g("p",{className:"text",children:o})]})};const Vm=()=>{const[e,t]=lm(he);function n(){t(l=>({...l,theme:l.theme==="light"?"dark":"light"}))}function r(){t(l=>({...l,language:l.language==="english"?"french":"english"}))}return P.useEffect(()=>{localStorage.setItem("theme",e.theme),localStorage.setItem("language",e.language);const l=document.querySelector("body > div > div");l.classList=`app ${e.theme}`},[e]),$("div",{className:`navbar ${e.theme}`,children:[g(Bm,{}),g(Am,{}),$("div",{className:"switch",children:[g(Ys,{state:e.theme==="light",mode:"theme",srcOn:"src/assets/Images/sun.png",srcOff:"src/assets/Images/moon.png",handleSwitchButton:n}),g(Ys,{state:e.language==="english",mode:"language",textOn:"En",textOff:"Fr",handleSwitchButton:r})]})]})};const Wm=()=>g("div",{className:"FooterTitle",children:$(Wt,{to:"/",children:["Benjamin Charmes || Portfolio © 2022 - ",new Date().getFullYear()]})});const Hm=()=>{const e=Se(he);return $("div",{className:`footer ${e.theme}`,children:[g(Wm,{}),g(gf,{})]})};function Qm(){return Se(he),g(em,{stores:[he],children:g("div",{className:"app",children:$(Kh,{children:[g(Vm,{}),g("div",{className:"page",children:$(Bh,{children:[g(Vn,{path:"/",element:g(dm,{})}),g(Vn,{path:"/projects",element:g(Fm,{})}),g(Vn,{path:"/cv",element:g(jm,{})}),g(Vn,{path:"/contact",element:g($m,{})})]})}),g(Hm,{})]})})})}Lo.createRoot(document.getElementById("root")).render(g(Xe.StrictMode,{children:g(Qm,{})})); + Protect yourself against attacks`}),g(Ke,{date:"2016 - 2018",title:"Master's degree in Chemistry",company:"Faculty of Science",location:"Saint-Jérôme, Marseille, France",description:"Master 2 Professional Chemistry PACS (Advanced Chemical and Spectroscopic Analysis)"}),g(Ke,{date:"2015 - 2016",title:"Bachelor's degree in Chemistry",company:"Faculty of Science",location:"Saint-Jérôme, Marseille, France",description:"3rd year of Chemistry degree"}),g(Ke,{date:"2013 - 2015",title:"University Diploma of Technology in Chemistry",company:"University Institute of Technology",location:"Saint-Jérôme, Marseille, France",description:"University Diploma of Technology in Chemistry, analysis and synthesis option"})]})]})});const Fm=()=>$(Rt,{children:["COMING SOON",g("div",{className:"projects-container",children:g("div",{className:"title-container",children:g(yf,{title:"Projects"})})})]});const Um=e=>{const t=Se(he);return g(Rt,{children:g("button",{className:`button-light ${t.theme}`,onClick:e.onClick,children:e.text})})};const $m=()=>{const e=Se(he),[t,n]=P.useState(""),[r,l]=P.useState(""),[o,i]=P.useState(""),u=s=>{s.preventDefault(),n(""),l(""),i("")};return g("div",{className:"form-container",children:$("form",{className:`${e.theme}`,onSubmit:u,children:[$("div",{children:[g("label",{htmlFor:"email",children:"Email :"}),g("input",{type:"email",id:"email",placeholder:"Enter your email",value:t,onChange:s=>n(s.target.value),required:!0})]}),$("div",{children:[g("label",{htmlFor:"subject",children:"Objet :"}),g("input",{type:"text",id:"subject",placeholder:"Enter your object",value:r,onChange:s=>l(s.target.value),required:!0})]}),$("div",{children:[g("label",{htmlFor:"message",children:"Message :"}),g("textarea",{id:"message",value:o,placeholder:"Enter your message",onChange:s=>i(s.target.value),required:!0})]}),g(Um,{text:"Envoyer"})]})})},Am="/assets/sun-1aa14e00.png",Bm="/assets/moon-674cd01a.png",ct=({path:e,content:t,activeLink:n})=>{const r=Se(he);return g("li",{children:g(Wt,{to:e,className:`${n===e?"active":"inactive"} ${r.theme}`,children:t})})};const Vm=()=>{const e=Se(he),t=xr(),[n,r]=P.useState("");return P.useEffect(()=>{r(t.pathname)},[t]),g("ul",{className:"navbar-all-link",children:e.language==="english"?$(Rt,{children:[g(ct,{className:"link",path:"/",content:"About me",activeLink:n}),g(ct,{className:"link",path:"/cv",content:"CV",activeLink:n}),g(ct,{className:"link",path:"/projects",content:"Projects",activeLink:n}),g(ct,{className:"link",path:"/contact",content:"Contact",activeLink:n})]}):$(Rt,{children:[g(ct,{className:"link",path:"/",content:"À propos de moi",activeLink:n}),g(ct,{className:"link",path:"/cv",content:"CV",activeLink:n}),g(ct,{className:"link",path:"/projects",content:"Projets",activeLink:n}),g(ct,{className:"link",path:"/contact",content:"Contact",activeLink:n})]})})};const Wm=()=>g("div",{className:"navbar-title",children:g(Wt,{to:"/",children:"Benjamin Charmes"})});const Ys=({state:e,mode:t,srcOn:n,srcOff:r,textOn:l,textOff:o,handleSwitchButton:i})=>{const[u,s]=P.useState(e),a=()=>{s(!u),i()};return $("div",{className:`switch-button ${u?"on":"off"} ${t}`,onClick:a,children:[n?g("img",{className:"icon",src:n}):g("p",{className:"text",children:l}),g("div",{className:"knob"}),r?g("img",{className:"icon",src:r}):g("p",{className:"text",children:o})]})};const Hm=()=>{const[e,t]=lm(he);function n(){t(l=>({...l,theme:l.theme==="light"?"dark":"light"}))}function r(){t(l=>({...l,language:l.language==="english"?"french":"english"}))}return P.useEffect(()=>{localStorage.setItem("theme",e.theme),localStorage.setItem("language",e.language);const l=document.querySelector("body > div > div");l.classList=`app ${e.theme}`},[e]),$("div",{className:`navbar ${e.theme}`,children:[g(Wm,{}),g(Vm,{}),$("div",{className:"switch",children:[g(Ys,{state:e.theme==="light",mode:"theme",srcOn:Am,srcOff:Bm,handleSwitchButton:n}),g(Ys,{state:e.language==="english",mode:"language",handleSwitchButton:r})]})]})};const Qm=()=>g("div",{className:"FooterTitle",children:$(Wt,{to:"/",children:["Benjamin Charmes || Portfolio © 2022 - ",new Date().getFullYear()]})});const Km=()=>{const e=Se(he);return $("div",{className:`footer ${e.theme}`,children:[g(Qm,{}),g(gf,{})]})};function Gm(){return Se(he),g(em,{stores:[he],children:g("div",{className:"app",children:$(Kh,{children:[g(Hm,{}),g("div",{className:"page",children:$(Bh,{children:[g(Vn,{path:"/",element:g(dm,{})}),g(Vn,{path:"/projects",element:g(Fm,{})}),g(Vn,{path:"/cv",element:g(jm,{})}),g(Vn,{path:"/contact",element:g($m,{})})]})}),g(Km,{})]})})})}Lo.createRoot(document.getElementById("root")).render(g(Xe.StrictMode,{children:g(Gm,{})})); diff --git a/assets/moon-674cd01a.png b/assets/moon-674cd01a.png new file mode 100644 index 0000000..69a03ed Binary files /dev/null and b/assets/moon-674cd01a.png differ diff --git a/assets/sun-1aa14e00.png b/assets/sun-1aa14e00.png new file mode 100644 index 0000000..9a560cf Binary files /dev/null and b/assets/sun-1aa14e00.png differ diff --git a/index.html b/index.html index 4891d07..074e9ba 100644 --- a/index.html +++ b/index.html @@ -6,7 +6,7 @@