From 6a2666f608fa0bdbde917160236a3ed115aed185 Mon Sep 17 00:00:00 2001 From: devalentineomonya Date: Wed, 3 Apr 2024 05:17:45 +0000 Subject: [PATCH] deploy: 12cd34da62c62ac2863fb1174507a3501b94244e --- assets/{index-Q3wLiydK.js => index-xWOa4sEZ.js} | 2 +- index.html | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) rename assets/{index-Q3wLiydK.js => index-xWOa4sEZ.js} (97%) diff --git a/assets/index-Q3wLiydK.js b/assets/index-xWOa4sEZ.js similarity index 97% rename from assets/index-Q3wLiydK.js rename to assets/index-xWOa4sEZ.js index 70f67cb..80f0102 100644 --- a/assets/index-Q3wLiydK.js +++ b/assets/index-xWOa4sEZ.js @@ -828,4 +828,4 @@ object-assign .owl-carousel .owl-item img { width: unset; } - `,t=()=>window.innerWidth<768?1:window.innerWidth<992?2:4;return A.jsxs("div",{className:"partner-section",children:[A.jsx("style",{children:e}),A.jsx(yx,{className:"owl-theme",style:{width:"80%"},loop:!0,margin:40,items:t(),responsive:{0:{items:1},992:{items:2},1200:{items:4}},children:xx.map((n,r)=>A.jsx(Sx,{partner:n},r))})]})},Af="/devalentineweb/assets/projectsWebsite-vXFStsc6.png",Vh="/devalentineweb/assets/devalWeatherApp-Qz8H862d.png";let Ex=[{image:Vh,name:"DevalWeather App",date:"Apr 1, 2024",technology:"React JS",link:"https://deval-weather-app.vercel.app/"},{image:Af,name:"Projects Website",date:"Dec 25, 2023",technology:"PHP",link:"https://devalprojects.000webhostapp.com"},{image:Af,name:"Projects Website",date:"Dec 25, 2023",technology:"PHP",link:"https://devalprojects.000webhostapp.com"}];const kx=()=>A.jsxs("div",{className:"latest-projects-section",children:[A.jsx(Pn,{id:"latest",number:"06",description:"What i did Recently",name:"Latest project"}),A.jsx("div",{className:"team-card-container",children:A.jsx("div",{className:"team-cards",children:Ex.map((e,t)=>A.jsx(Dh,{cardContent:e},t))})})]}),Cx=()=>{const[e,t]=z.useState({fullname:"",email:"",message:""}),[n,r]=z.useState(!1),[i,s]=z.useState({}),[a,l]=z.useState(""),[u,p]=z.useState(""),h=v=>{const{name:y,value:x}=v.target;t({...e,[y]:x}),s({...i,[y]:""})},g=async v=>{v.preventDefault(),r(!0);const y=f(e);if(Object.keys(y).length>0){s(y),r(!1),setTimeout(()=>{s("")},5e3);return}const x=new FormData(v.target);x.append("access_key","46e71153-727d-43b2-853b-6525fc87bc7f");const w=Object.fromEntries(x),o=JSON.stringify(w);try{const d=await(await fetch("https://api.web3forms.com/submit",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:o})).json();d.success?(t({fullname:"",email:"",message:""}),l("Thank you, your email was sent successfully."),r(!1),setTimeout(()=>{l("")},5e3)):(p("Form submission failed:",d),r(!1),setTimeout(()=>{p("")},5e3))}catch(c){p("An error occurred while submitting the form:",c),r(!1),setTimeout(()=>{p("")},5e3)}},f=v=>{let y={};return v.fullname.trim()||(y.fullname="Name is required *"),v.email.trim()?/\S+@\S+\.\S+/.test(v.email)||(y.email="Email is invalid"):y.email="Email is required *",v.message.trim()||(y.message="Message is required *"),y};return A.jsxs("div",{className:"contact-form-container",children:[A.jsx("div",{className:"contact-title",children:A.jsx(Pn,{id:"contact",number:"07",description:"React Out To Me",name:"Contact"})}),A.jsx("div",{className:"contact-form-section",children:A.jsxs("form",{onSubmit:g,children:[u&&A.jsx("small",{className:"form-text",children:u}),a&&A.jsx("small",{className:"form-text",children:a}),A.jsxs("div",{className:"input-fields",children:[A.jsxs("div",{className:"input-field",children:[A.jsx("input",{type:"text",className:`form-control ${i.fullname&&"is-invalid"}`,name:"fullname",value:e.fullname,onChange:h,placeholder:"Your Name*"}),i.fullname&&A.jsx("small",{className:"form-text",children:i.fullname})]}),A.jsxs("div",{className:"input-field",children:[A.jsx("input",{type:"email",className:`form-control ${i.email&&"is-invalid"}`,name:"email",value:e.email,onChange:h,placeholder:"Your Email*"}),i.email&&A.jsx("small",{className:"form-text",children:i.email})]})]}),A.jsxs("div",{className:"text-area",children:[A.jsx("textarea",{name:"message",value:e.message,onChange:h,placeholder:"Message*",className:`form-control ${i.message&&"is-invalid"}`}),i.message&&A.jsx("small",{className:"form-text",children:i.message})]}),A.jsx("div",{className:"contact-button",children:A.jsx("button",{type:"submit",disabled:n,children:n?A.jsx("div",{className:"loader"}):"Submit"})})]})})]})},bx="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAL7SURBVFiF7ZZPbxNHGIefd+w4nKpEAieBUDYIcUE0oMK1giZuC1W8vnAFxBeA0EjgwAGpEIoolC9QCa71wQ4IDoUeeuNQFIc/AqEILQjDroNJxIl4Hb89YDtuWCwjjIVUfsed3+7zzGg0O/A5//cIgHLCeOunNgn0tAOq4PU82npPOFEOA8xb2S9MWX5XdHs7BASyuTXTw+QoGM9KJLqdzPxCqeMHYKoN/KliKTLUn0sXXGvENqB/5K14cu3T1EvfNzEg+xHhWd83sbVPUy/zVjwpmJQBOhSZcAfix/tz6UIE2anKP61n6/RipBzrz6UL3oA9psgE0GGqw6Lys7vOPtbtZOY7RWKtldDpxYgOr3545YW3LvETytnqiKmviXCyKrFCS98h3Go5XPTX+lGzvF6RGO96cnWuc7EU+0CJ20vw+OHl8ECBisSpFkjcXoyUh5bgci6oFChQlchb8WTXk6tz5VBkF3CnWbLAfcH/fvXDKy9cyx59F7yhAIAiE3krnuybSc2Ww5GhZiQUHoD/bdS55rqWPSpwvlG/oUBVwrXs0aYklLsajnzTLLwpgUqpE6CRhMIDET/WN5OaffNEtMlvN45AMupM/vJ8w55V3oC9tyah3K2HG/ydUeea6w3Ye59v2LOq18lcUGT0wwRUxqpwUyr+hXIpb9lH+mZSsxgdBm4CN0V0x5tlTxxCuRgqFf/OW7t7e53MBVTGGk7Qs+zApRJ0POpcPl2Dw+a6VTkadSbP1PddK35QkN+o/OIF7jezGQMFVDnW+3hy4tnGkZWhotwAGQx492IZuQRgYD/ovrcr9adg8FnwlkAVPv/lj90LofB1lK+DzN8jDQ+k/+wBVY63GA7wVagoN55tHFnZ8/jy+eV7oiZQgZ+asxJdryX8Z4vglcjgkkTmXL2EAXxBx6vwBdXrImxrHTxYQtBxwBfPSiR6nEzm48Lro9O+H6pdyQSgffBasr5vhvtz6UIYoMvZ8spbP3WANl7L1+QG5yDdDtznfOL5F+ZzlndeVOsLAAAAAElFTkSuQmCC",_x="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALdSURBVFiFtZdNbAxhGMd/z9t2IwguXdpEZ30dGhLBCfERTiTd3UokEolDCeJESEQ09RURIYiDOPm4OJBod0Qk4lC9cEAjDiQ+uoPU7jYOEg26u/M41ETT3ZmumvmfJvP+Zp5f3pn3SxiTvJVahWE7yhpgIeiN2Vl7HxFGvItcInVA4EIFILouPmD3RSVgAApWcpnA2WqAqlxSjpvIBBREhetAgw+zLG/1b4tKQHIt6Y1i9NEEnDNSirXO/XznR9gCRoy7swbOijUUD4VdHMCALK2JVO0ctNpbIxBgXo1srF7Ku6MQKNZEKqUyJhOFwJsauGGDppuyPb3hCygTTTKDxpV1jY59P+ziowKYu0HFy8Zd2fix53kUxQFM3Ol+CvLWp91u/nDvY1TFAYyAqupNn/ZUYfHW6ZEKANS5ep3qo6FJv48ci1yg8ZM9CNLjw+wfstqWRyoAUFY5hlKqIIR6V+Sartjtt1iFI9DsdL8WuFEdk6WFr/lTkQoAMD12IGBEHM4nknvDFpDxN/JW+0pw+xDqq/BFUUnFnZ4HYQlU7HRmO91PRLTLh29Q0UzOSteyhJOz2jYUEsmLQatoRQ94ySdSV4E9Ae8/G89+6xR6K39coGClNitk/vTkCHB6pBQ7N35T4yugbK0rJIq3QbcESPQbdXc1OvdejL051JJe4Rp9DEwbxzuoHo079i0BDRQAGEisnzKVWfdBN/hCo0P3ov78cWJO/uHw4Py2ljrXPAWafB9RnhmjB+MDdl+gwF+JmbeA9gnQL0AGSAUVH5erEwqA9zl+XQEJe0c0XJOAl0IieURVTvoM0cnk1T8dOOJZ+4xrZDXKuzCqq9L7Tz3g5evCTTNKxdh5hA6gbrL1UbN6UgJecgval0hZu0DT+J+sqqUocCiezVz+LwEvQ3OTzeV6OkTNDtBFwbS+NKod3twRisDY/FlLtiCsBVoZ7Zn3qPa7cG2OY/d6kxDAb2KA/TgkXifuAAAAAElFTkSuQmCC",Tx=({activeTab:e,setActiveTab:t})=>{const n=(l,u)=>{u.preventDefault(),t(l),su(l)},r=new Date().getFullYear(),a=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][new Date().getDay()];return A.jsxs("div",{className:"contact-section",id:"contact",children:[A.jsx("div",{className:"contact-form",children:A.jsx(Cx,{})}),A.jsxs("div",{className:"contact-links",children:[A.jsxs("div",{className:"contact-links-container",children:[A.jsxs("div",{className:"contact-quick-links",children:[A.jsx("h1",{children:A.jsx("span",{children:"Quick Links"})}),A.jsxs("ul",{children:[A.jsx("li",{children:A.jsx("a",{onClick:()=>n("home",event),children:"Home"})}),A.jsx("li",{children:A.jsx("a",{onClick:()=>n("about",event),children:"About"})}),A.jsx("li",{children:A.jsx("a",{onClick:()=>n("techstack",event),children:"Tech Stack"})}),A.jsx("li",{children:A.jsx("a",{onClick:()=>n("projects",event),children:"Projects"})}),A.jsx("li",{children:A.jsx("a",{onClick:()=>n("contact",event),children:"Contact"})})]})]}),A.jsxs("div",{className:"social-contact",children:[A.jsxs("div",{className:"contact-item",children:[A.jsx("div",{className:"image",children:A.jsx("img",{src:bx,alt:""})}),A.jsx("div",{className:"link",children:A.jsx("a",{href:"mailto:valomosh254@gmail.com",children:"Valomosh254@gmail.com"})})]}),A.jsxs("div",{className:"contact-item",children:[A.jsx("div",{className:"image",children:A.jsx("img",{src:_x,alt:""})}),A.jsx("div",{className:"link",children:A.jsx("a",{href:"tel:0768133220",children:"0768133220"})})]})]})]}),A.jsxs("p",{children:["©CopyRight @ DevalentineOmonya ",r]}),A.jsxs("p",{children:["Have a blessed ",a]})]})]})},Px=({projectInfo:e,setTogglePopup:t,setProjectID:n})=>{function r(i){i.preventDefault(),t(!0),n(e.id)}return A.jsxs("div",{className:"project-card-container",children:[A.jsx("div",{className:"project-card-content",children:A.jsx("div",{className:"project-card-image",children:A.jsx("img",{src:e.image,alt:e.name})})}),A.jsxs("div",{className:"card-overlay",children:[A.jsx("div",{className:"click-me-text",children:A.jsx("span",{children:"Click Project Name for more"})}),A.jsx("div",{className:"project-technology",children:A.jsx("p",{children:e.technology})}),A.jsx("div",{className:"project-link",children:A.jsx("a",{target:"_blank",href:e.live_link,onClick:r,children:e.name})})]})]})},Ef="/devalentineweb/assets/notAvailable-eY8W9hdx.jpeg",Ox="/devalentineweb/assets/devalWeatherApp2-6ZzfH1r8.png";let Bh=[{id:1,name:"DevalWeather App",image:Vh,image2:Ox,technology:"ReactJS | OpenWeather API",description:"The React Weather App provides hyperlocal, 5-day forecasts in 3-hour increments for any location. Access temperature, humidity, wind speed, and pressure data. Ideal for travelers and professionals, this app offers effortless navigation and a clear, intuitive interface for informed decision-making",live_link:"https://deval-weather-app.vercel.app/",github_link:"https://github.com/devalentineomonya/ReactJS-Weather-App"},{id:2,name:"Project 2 Name",image:Ef,technology:"ReactJs",description:"Aliqua nostrud non aute irure velit incididunt. Eu eiusmod ea officia incididunt proident aute eiusmod excepteur in cillum sunt elit do culpa. Ad esse deserunt anim reprehenderit ullamco fugiat aliqua proident elit esse. Fugiat quis laboris deserunt cillum. Elit ullamco voluptate irure minim.",live_link:"http://reactjs.com",github_link:"https://github.com/devalentineomonya"},{id:3,name:"Project 3 Name",image:Ef,technology:"ReactJs",description:"Aliqua nostrud non aute irure velit incididunt. Eu eiusmod ea officia incididunt proident aute eiusmod excepteur in cillum sunt elit do culpa. Ad esse deserunt anim reprehenderit ullamco fugiat aliqua proident elit esse. Fugiat quis laboris deserunt cillum. Elit ullamco voluptate irure minim.",live_link:"http://reactjs.com",github_link:"https://github.com/devalentineomonya"}];const Nx=({setTogglePopup:e,setProjectID:t})=>A.jsxs("div",{className:"projects-section",children:[A.jsx(Pn,{id:"projects",number:"04",description:"What i have done",name:"Projects"}),A.jsx("div",{className:"project-container",children:Bh.map((n,r)=>A.jsx(Px,{projectInfo:n,setTogglePopup:e,setProjectID:t},r))})]});var Lx={prefix:"fas",iconName:"plus",icon:[448,512,[10133,61543,"add"],"2b","M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"]};const Ix=({togglePopup:e,setTogglePopup:t,projectID:n})=>{let r=null;return n&&(r=Bh.find(i=>i.id===n)),A.jsx("dialog",{className:`popup-overlay ${e?"open":null}`,children:A.jsxs("div",{className:"popup-content",children:[A.jsx("div",{className:"close-button ",onClick:()=>t(!1),children:A.jsx(lt,{icon:Lx})}),r&&A.jsxs("div",{className:"popup-grid",children:[A.jsx("div",{className:"popup-left-section",children:A.jsx("div",{className:"project-image",children:A.jsx("img",{src:r.image2,alt:r.name})})}),A.jsxs("div",{className:"popup-right-section",children:[A.jsxs("div",{className:"popup-text",children:[A.jsx("h1",{children:r.name}),A.jsx("p",{children:r.description})]}),A.jsxs("div",{className:"popup-buttons",children:[A.jsx("a",{href:r.github_link,target:"_blank",children:"View Github"}),A.jsx("a",{href:r.live_link,target:"_blank",children:"View Live"})]})]})]})]})})},jx=({activeTab:e,setActiveTab:t})=>{const n=window.location.hash.substr(1),[r,i]=z.useState(!1),[s,a]=z.useState(null);return z.useEffect(()=>{su(n),t(n)},[n]),A.jsxs(A.Fragment,{children:[A.jsx(E1,{}),A.jsx(I1,{children:A.jsx(j1,{})}),A.jsx(M1,{children:A.jsx(P0,{children:A.jsx(O0,{})})}),A.jsx(cx,{children:A.jsx(fx,{})}),A.jsx(Nx,{setTogglePopup:i,setProjectID:a}),A.jsx(px,{}),A.jsx(Ax,{}),A.jsx(kx,{}),A.jsx(Tx,{activeTab:e,setActiveTab:t}),A.jsx(Ix,{togglePopup:r,setTogglePopup:i,projectID:s})]})};function zx(){const[e,t]=z.useState("home");return A.jsxs(A.Fragment,{children:[A.jsx(gv,{activeTab:e,setActiveTab:t}),A.jsx(jx,{activeTab:e,setActiveTab:t}),A.jsx(x1,{}),A.jsx(mv,{})]})}qa.createRoot(document.getElementById("root")).render(A.jsx(J.StrictMode,{children:A.jsx(zx,{})})); + `,t=()=>window.innerWidth<768?1:window.innerWidth<992?2:4;return A.jsxs("div",{className:"partner-section",children:[A.jsx("style",{children:e}),A.jsx(yx,{className:"owl-theme",style:{width:"80%"},loop:!0,margin:40,items:t(),responsive:{0:{items:1},992:{items:2},1200:{items:4}},children:xx.map((n,r)=>A.jsx(Sx,{partner:n},r))})]})},Af="/devalentineweb/assets/projectsWebsite-vXFStsc6.png",Vh="/devalentineweb/assets/devalWeatherApp-Qz8H862d.png";let Ex=[{image:Vh,name:"DevalWeather App",date:"Apr 1, 2024",technology:"PHP",link:"https://devalentineomonya.github.io/ReactJS-Weather-App/"},{image:Af,name:"Projects Website",date:"Dec 25, 2023",technology:"PHP",link:"https://devalprojects.000webhostapp.com"},{image:Af,name:"Projects Website",date:"Dec 25, 2023",technology:"PHP",link:"https://devalprojects.000webhostapp.com"}];const kx=()=>A.jsxs("div",{className:"latest-projects-section",children:[A.jsx(Pn,{id:"latest",number:"06",description:"What i did Recently",name:"Latest project"}),A.jsx("div",{className:"team-card-container",children:A.jsx("div",{className:"team-cards",children:Ex.map((e,t)=>A.jsx(Dh,{cardContent:e},t))})})]}),Cx=()=>{const[e,t]=z.useState({fullname:"",email:"",message:""}),[n,r]=z.useState(!1),[i,s]=z.useState({}),[a,l]=z.useState(""),[u,p]=z.useState(""),h=v=>{const{name:y,value:x}=v.target;t({...e,[y]:x}),s({...i,[y]:""})},g=async v=>{v.preventDefault(),r(!0);const y=f(e);if(Object.keys(y).length>0){s(y),r(!1),setTimeout(()=>{s("")},5e3);return}const x=new FormData(v.target);x.append("access_key","46e71153-727d-43b2-853b-6525fc87bc7f");const w=Object.fromEntries(x),o=JSON.stringify(w);try{const d=await(await fetch("https://api.web3forms.com/submit",{method:"POST",headers:{"Content-Type":"application/json",Accept:"application/json"},body:o})).json();d.success?(t({fullname:"",email:"",message:""}),l("Thank you, your email was sent successfully."),r(!1),setTimeout(()=>{l("")},5e3)):(p("Form submission failed:",d),r(!1),setTimeout(()=>{p("")},5e3))}catch(c){p("An error occurred while submitting the form:",c),r(!1),setTimeout(()=>{p("")},5e3)}},f=v=>{let y={};return v.fullname.trim()||(y.fullname="Name is required *"),v.email.trim()?/\S+@\S+\.\S+/.test(v.email)||(y.email="Email is invalid"):y.email="Email is required *",v.message.trim()||(y.message="Message is required *"),y};return A.jsxs("div",{className:"contact-form-container",children:[A.jsx("div",{className:"contact-title",children:A.jsx(Pn,{id:"contact",number:"07",description:"React Out To Me",name:"Contact"})}),A.jsx("div",{className:"contact-form-section",children:A.jsxs("form",{onSubmit:g,children:[u&&A.jsx("small",{className:"form-text",children:u}),a&&A.jsx("small",{className:"form-text",children:a}),A.jsxs("div",{className:"input-fields",children:[A.jsxs("div",{className:"input-field",children:[A.jsx("input",{type:"text",className:`form-control ${i.fullname&&"is-invalid"}`,name:"fullname",value:e.fullname,onChange:h,placeholder:"Your Name*"}),i.fullname&&A.jsx("small",{className:"form-text",children:i.fullname})]}),A.jsxs("div",{className:"input-field",children:[A.jsx("input",{type:"email",className:`form-control ${i.email&&"is-invalid"}`,name:"email",value:e.email,onChange:h,placeholder:"Your Email*"}),i.email&&A.jsx("small",{className:"form-text",children:i.email})]})]}),A.jsxs("div",{className:"text-area",children:[A.jsx("textarea",{name:"message",value:e.message,onChange:h,placeholder:"Message*",className:`form-control ${i.message&&"is-invalid"}`}),i.message&&A.jsx("small",{className:"form-text",children:i.message})]}),A.jsx("div",{className:"contact-button",children:A.jsx("button",{type:"submit",disabled:n,children:n?A.jsx("div",{className:"loader"}):"Submit"})})]})})]})},bx="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAAL7SURBVFiF7ZZPbxNHGIefd+w4nKpEAieBUDYIcUE0oMK1giZuC1W8vnAFxBeA0EjgwAGpEIoolC9QCa71wQ4IDoUeeuNQFIc/AqEILQjDroNJxIl4Hb89YDtuWCwjjIVUfsed3+7zzGg0O/A5//cIgHLCeOunNgn0tAOq4PU82npPOFEOA8xb2S9MWX5XdHs7BASyuTXTw+QoGM9KJLqdzPxCqeMHYKoN/KliKTLUn0sXXGvENqB/5K14cu3T1EvfNzEg+xHhWd83sbVPUy/zVjwpmJQBOhSZcAfix/tz6UIE2anKP61n6/RipBzrz6UL3oA9psgE0GGqw6Lys7vOPtbtZOY7RWKtldDpxYgOr3545YW3LvETytnqiKmviXCyKrFCS98h3Go5XPTX+lGzvF6RGO96cnWuc7EU+0CJ20vw+OHl8ECBisSpFkjcXoyUh5bgci6oFChQlchb8WTXk6tz5VBkF3CnWbLAfcH/fvXDKy9cyx59F7yhAIAiE3krnuybSc2Ww5GhZiQUHoD/bdS55rqWPSpwvlG/oUBVwrXs0aYklLsajnzTLLwpgUqpE6CRhMIDET/WN5OaffNEtMlvN45AMupM/vJ8w55V3oC9tyah3K2HG/ydUeea6w3Ye59v2LOq18lcUGT0wwRUxqpwUyr+hXIpb9lH+mZSsxgdBm4CN0V0x5tlTxxCuRgqFf/OW7t7e53MBVTGGk7Qs+zApRJ0POpcPl2Dw+a6VTkadSbP1PddK35QkN+o/OIF7jezGQMFVDnW+3hy4tnGkZWhotwAGQx492IZuQRgYD/ovrcr9adg8FnwlkAVPv/lj90LofB1lK+DzN8jDQ+k/+wBVY63GA7wVagoN55tHFnZ8/jy+eV7oiZQgZ+asxJdryX8Z4vglcjgkkTmXL2EAXxBx6vwBdXrImxrHTxYQtBxwBfPSiR6nEzm48Lro9O+H6pdyQSgffBasr5vhvtz6UIYoMvZ8spbP3WANl7L1+QG5yDdDtznfOL5F+ZzlndeVOsLAAAAAElFTkSuQmCC",_x="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAAOxAAADsQBlSsOGwAAABl0RVh0U29mdHdhcmUAd3d3Lmlua3NjYXBlLm9yZ5vuPBoAAALdSURBVFiFtZdNbAxhGMd/z9t2IwguXdpEZ30dGhLBCfERTiTd3UokEolDCeJESEQ09RURIYiDOPm4OJBod0Qk4lC9cEAjDiQ+uoPU7jYOEg26u/M41ETT3ZmumvmfJvP+Zp5f3pn3SxiTvJVahWE7yhpgIeiN2Vl7HxFGvItcInVA4EIFILouPmD3RSVgAApWcpnA2WqAqlxSjpvIBBREhetAgw+zLG/1b4tKQHIt6Y1i9NEEnDNSirXO/XznR9gCRoy7swbOijUUD4VdHMCALK2JVO0ctNpbIxBgXo1srF7Ku6MQKNZEKqUyJhOFwJsauGGDppuyPb3hCygTTTKDxpV1jY59P+ziowKYu0HFy8Zd2fix53kUxQFM3Ol+CvLWp91u/nDvY1TFAYyAqupNn/ZUYfHW6ZEKANS5ep3qo6FJv48ci1yg8ZM9CNLjw+wfstqWRyoAUFY5hlKqIIR6V+Sartjtt1iFI9DsdL8WuFEdk6WFr/lTkQoAMD12IGBEHM4nknvDFpDxN/JW+0pw+xDqq/BFUUnFnZ4HYQlU7HRmO91PRLTLh29Q0UzOSteyhJOz2jYUEsmLQatoRQ94ySdSV4E9Ae8/G89+6xR6K39coGClNitk/vTkCHB6pBQ7N35T4yugbK0rJIq3QbcESPQbdXc1OvdejL051JJe4Rp9DEwbxzuoHo079i0BDRQAGEisnzKVWfdBN/hCo0P3ov78cWJO/uHw4Py2ljrXPAWafB9RnhmjB+MDdl+gwF+JmbeA9gnQL0AGSAUVH5erEwqA9zl+XQEJe0c0XJOAl0IieURVTvoM0cnk1T8dOOJZ+4xrZDXKuzCqq9L7Tz3g5evCTTNKxdh5hA6gbrL1UbN6UgJecgval0hZu0DT+J+sqqUocCiezVz+LwEvQ3OTzeV6OkTNDtBFwbS+NKod3twRisDY/FlLtiCsBVoZ7Zn3qPa7cG2OY/d6kxDAb2KA/TgkXifuAAAAAElFTkSuQmCC",Tx=({activeTab:e,setActiveTab:t})=>{const n=(l,u)=>{u.preventDefault(),t(l),su(l)},r=new Date().getFullYear(),a=["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"][new Date().getDay()];return A.jsxs("div",{className:"contact-section",id:"contact",children:[A.jsx("div",{className:"contact-form",children:A.jsx(Cx,{})}),A.jsxs("div",{className:"contact-links",children:[A.jsxs("div",{className:"contact-links-container",children:[A.jsxs("div",{className:"contact-quick-links",children:[A.jsx("h1",{children:A.jsx("span",{children:"Quick Links"})}),A.jsxs("ul",{children:[A.jsx("li",{children:A.jsx("a",{onClick:()=>n("home",event),children:"Home"})}),A.jsx("li",{children:A.jsx("a",{onClick:()=>n("about",event),children:"About"})}),A.jsx("li",{children:A.jsx("a",{onClick:()=>n("techstack",event),children:"Tech Stack"})}),A.jsx("li",{children:A.jsx("a",{onClick:()=>n("projects",event),children:"Projects"})}),A.jsx("li",{children:A.jsx("a",{onClick:()=>n("contact",event),children:"Contact"})})]})]}),A.jsxs("div",{className:"social-contact",children:[A.jsxs("div",{className:"contact-item",children:[A.jsx("div",{className:"image",children:A.jsx("img",{src:bx,alt:""})}),A.jsx("div",{className:"link",children:A.jsx("a",{href:"mailto:valomosh254@gmail.com",children:"Valomosh254@gmail.com"})})]}),A.jsxs("div",{className:"contact-item",children:[A.jsx("div",{className:"image",children:A.jsx("img",{src:_x,alt:""})}),A.jsx("div",{className:"link",children:A.jsx("a",{href:"tel:0768133220",children:"0768133220"})})]})]})]}),A.jsxs("p",{children:["©CopyRight @ DevalentineOmonya ",r]}),A.jsxs("p",{children:["Have a blessed ",a]})]})]})},Px=({projectInfo:e,setTogglePopup:t,setProjectID:n})=>{function r(i){i.preventDefault(),t(!0),n(e.id)}return A.jsxs("div",{className:"project-card-container",children:[A.jsx("div",{className:"project-card-content",children:A.jsx("div",{className:"project-card-image",children:A.jsx("img",{src:e.image,alt:e.name})})}),A.jsxs("div",{className:"card-overlay",children:[A.jsx("div",{className:"click-me-text",children:A.jsx("span",{children:"Click Project Name for more"})}),A.jsx("div",{className:"project-technology",children:A.jsx("p",{children:e.technology})}),A.jsx("div",{className:"project-link",children:A.jsx("a",{target:"_blank",href:e.live_link,onClick:r,children:e.name})})]})]})},Ef="/devalentineweb/assets/notAvailable-eY8W9hdx.jpeg",Ox="/devalentineweb/assets/devalWeatherApp2-6ZzfH1r8.png";let Bh=[{id:1,name:"DevalWeather App",image:Vh,image2:Ox,technology:"ReactJS | OpenWeather API",description:"The React Weather App provides hyperlocal, 5-day forecasts in 3-hour increments for any location. Access temperature, humidity, wind speed, and pressure data. Ideal for travelers and professionals, this app offers effortless navigation and a clear, intuitive interface for informed decision-making",live_link:"https://devalentineomonya.github.io/ReactJS-Weather-App/",github_link:"https://github.com/devalentineomonya/ReactJS-Weather-App"},{id:2,name:"Project 2 Name",image:Ef,technology:"ReactJs",description:"Aliqua nostrud non aute irure velit incididunt. Eu eiusmod ea officia incididunt proident aute eiusmod excepteur in cillum sunt elit do culpa. Ad esse deserunt anim reprehenderit ullamco fugiat aliqua proident elit esse. Fugiat quis laboris deserunt cillum. Elit ullamco voluptate irure minim.",live_link:"http://reactjs.com",github_link:"https://github.com/devalentineomonya"},{id:3,name:"Project 3 Name",image:Ef,technology:"ReactJs",description:"Aliqua nostrud non aute irure velit incididunt. Eu eiusmod ea officia incididunt proident aute eiusmod excepteur in cillum sunt elit do culpa. Ad esse deserunt anim reprehenderit ullamco fugiat aliqua proident elit esse. Fugiat quis laboris deserunt cillum. Elit ullamco voluptate irure minim.",live_link:"http://reactjs.com",github_link:"https://github.com/devalentineomonya"}];const Nx=({setTogglePopup:e,setProjectID:t})=>A.jsxs("div",{className:"projects-section",children:[A.jsx(Pn,{id:"projects",number:"04",description:"What i have done",name:"Projects"}),A.jsx("div",{className:"project-container",children:Bh.map((n,r)=>A.jsx(Px,{projectInfo:n,setTogglePopup:e,setProjectID:t},r))})]});var Lx={prefix:"fas",iconName:"plus",icon:[448,512,[10133,61543,"add"],"2b","M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"]};const Ix=({togglePopup:e,setTogglePopup:t,projectID:n})=>{let r=null;return n&&(r=Bh.find(i=>i.id===n)),A.jsx("dialog",{className:`popup-overlay ${e?"open":null}`,children:A.jsxs("div",{className:"popup-content",children:[A.jsx("div",{className:"close-button ",onClick:()=>t(!1),children:A.jsx(lt,{icon:Lx})}),r&&A.jsxs("div",{className:"popup-grid",children:[A.jsx("div",{className:"popup-left-section",children:A.jsx("div",{className:"project-image",children:A.jsx("img",{src:r.image2,alt:r.name})})}),A.jsxs("div",{className:"popup-right-section",children:[A.jsxs("div",{className:"popup-text",children:[A.jsx("h1",{children:r.name}),A.jsx("p",{children:r.description})]}),A.jsxs("div",{className:"popup-buttons",children:[A.jsx("a",{href:r.github_link,target:"_blank",children:"View Github"}),A.jsx("a",{href:r.live_link,target:"_blank",children:"View Live"})]})]})]})]})})},jx=({activeTab:e,setActiveTab:t})=>{const n=window.location.hash.substr(1),[r,i]=z.useState(!1),[s,a]=z.useState(null);return z.useEffect(()=>{su(n),t(n)},[n]),A.jsxs(A.Fragment,{children:[A.jsx(E1,{}),A.jsx(I1,{children:A.jsx(j1,{})}),A.jsx(M1,{children:A.jsx(P0,{children:A.jsx(O0,{})})}),A.jsx(cx,{children:A.jsx(fx,{})}),A.jsx(Nx,{setTogglePopup:i,setProjectID:a}),A.jsx(px,{}),A.jsx(Ax,{}),A.jsx(kx,{}),A.jsx(Tx,{activeTab:e,setActiveTab:t}),A.jsx(Ix,{togglePopup:r,setTogglePopup:i,projectID:s})]})};function zx(){const[e,t]=z.useState("home");return A.jsxs(A.Fragment,{children:[A.jsx(gv,{activeTab:e,setActiveTab:t}),A.jsx(jx,{activeTab:e,setActiveTab:t}),A.jsx(x1,{}),A.jsx(mv,{})]})}qa.createRoot(document.getElementById("root")).render(A.jsx(J.StrictMode,{children:A.jsx(zx,{})})); diff --git a/index.html b/index.html index 01fe5ab..0e2aab6 100644 --- a/index.html +++ b/index.html @@ -7,7 +7,7 @@ Devalentine | Portfolio - +