text: (this["webpackJsonpesbuild-reactjs"]=this["webpackJsonpesbuild-reactjs"]||[]).push([[0],{14:function(e,t,a){e.exports=a(24)},24:function(e,t,a){"use strict";a.r(t);var n=a(0),l=a.n(n),c=a(9),s=a.n(c),r=a(10),o=a(11),m=a(13),u=a(12),i=a(2),E=function(e){var t=Object(n.useState)(""),a=Object(i.a)(t,2),c=a[0],s=a[1],r=Object(n.useState)([]),o=Object(i.a)(r,2),m=o[0],u=o[1];return Object(n.useEffect)((function(){fetch("https://spreadsheets.google.com/feeds/list/1EYJ9WPjqKqe26InIhdzyFKZzBKgAKRkM04w7aaFQhxk/od6/public/values?alt=json").then((function(e){return e.json()})).then((function(e){return e.feed.entry})).then((function(t){var a=[];t.forEach((function(e){var t=e.gsx$head.$t;t.length>0&&a.push(t)})),0==e.jpn?s(a[0]):s(a[1]),u(a),document.title=c}))})),l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{className:"header f"},l.a.createElement("h1",null,c),l.a.createElement("br",null),l.a.createElement("div",null,l.a.createElement("b",null,l.a.createElement("a",{href:"#about",onClick:function(){e.handlePage("about")}},e.jpn?m[3]:m[2]),l.a.createElement("a",{href:"#cv",onClick:function(){e.handlePage("cv")}},e.jpn?m[5]:m[4]),l.a.createElement("a",{href:"#projects",onClick:function(){e.handlePage("projects")}},e.jpn?m[7]:m[6]),l.a.createElement("a",{href:"#skills",onClick:function(){e.handlePage("skills")}},e.jpn?m[9]:m[8]))),l.a.createElement("br",null),l.a.createElement("div",{id:"lang"},l.a.createElement("a",{onClick:function(){e.handleJPN(!1)}},"English"),l.a.createElement("a",{onClick:function(){e.handleJPN(!0)}},"\u65e5\u672c\u8a9e")),l.a.createElement("br",null)))},h=function(e){var t=Object(n.useState)(""),a=Object(i.a)(t,2),c=a[0],s=a[1],r=Object(n.useState)(""),o=Object(i.a)(r,2),m=o[0],u=o[1],E=Object(n.useState)([]),h=Object(i.a)(E,2),f=h[0],p=h[1],d=Object(n.useState)([]),g=Object(i.a)(d,2),b=g[0],j=g[1],v=Object(n.useState)(!0),k=Object(i.a)(v,2),O=k[0],P=k[1];Object(n.useEffect)((function(){fetch("https://spreadsheets.google.com/feeds/list/1EYJ9WPjqKqe26InIhdzyFKZzBKgAKRkM04w7aaFQhxk/od6/public/values?alt=json").then((function(e){return e.json()})).then((function(e){return e.feed.entry})).then((function(t){var a=[],n=[],l=0;t.forEach((function(t){var c=t["gsx$"+e.class].$t;c.length>0&&(3==l&&n.push(c),l%2==0?a.push(c):n.push(c),l++)}));var c=e.handleJPN?n:a;console.log(c),u(c[0]),console.log("title"+m),s(c[1]),console.log("english"+a),console.log("jpn"+n),e.handleJPN||(c.shift(),c.shift()),console.log(c),p(c),j(c),console.log(f),console.log(b)}))}),[]);var x={};return x="about"==e.class?{minHeight:"300px",border:"0.5em black solid",borderRadius:"100em",margin:"1em"}:{height:"100px",padding:"1em"},l.a.createElement("div",{class:"box f",id:e.class},""!=c&&l.a.createElement("img",{src:c,style:x}),l.a.createElement("h3",{onClick:function(){P(!O)}},m),("about"==e.class||O)&&l.a.createElement("p",{class:"text"},e.handleJPN?b.map((function(e){return l.a.createElement(l.a.Fragment,null,e,l.a.createElement("br",null))})):f.map((function(e){return l.a.createElement(l.a.Fragment,null,e,l.a.createElement("br",null))}))))},f=function(e){return l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{class:"body f"},l.a.createElement(h,{class:"about"})),l.a.createElement("br",null))},p=function(e){return l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{id:"cv",class:"body f"},l.a.createElement(h,{class:"asu"}),l.a.createElement(h,{class:"sbu"}),l.a.createElement(h,{class:"codepath"}),l.a.createElement(h,{class:"appen"}),l.a.createElement(h,{class:"ask"}),l.a.createElement(h,{class:"triplebyte"}),l.a.createElement(h,{class:"geek"}),l.a.createElement(h,{class:"ibm"}),l.a.createElement(h,{class:"google"}),l.a.createElement(h,{class:"fcc"}),l.a.createElement(h,{class:"hrank"}),l.a.createElement(h,{class:"tekovery"}),l.a.createElement(h,{class:"facebook"}),l.a.createElement(h,{class:"softheon"}),l.a.createElement(h,{class:"peking"})),l.a.createElement("br",null))},d=function(e){return l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{id:"projects",class:"body f"},l.a.createElement(h,{class:"music"}),l.a.createElement(h,{class:"connect4"}),l.a.createElement(h,{class:"regiovinco"}),l.a.createElement(h,{class:"blackjack"}),l.a.createElement(h,{class:"pkmn"}),l.a.createElement(h,{class:"gsachs"}),l.a.createElement(h,{class:"calc"}),l.a.createElement(h,{class:"txt"}),l.a.createElement(h,{class:"snake"}),l.a.createElement(h,{class:"space"}),l.a.createElement(h,{class:"cloudflare"})),l.a.createElement("br",null))},g=function(e){return l.a.createElement(l.a.Fragment,null,l.a.createElement("div",{id:"skills",class:"body f"},l.a.createElement(h,{class:"html"}),l.a.createElement(h,{class:"css"}),l.a.createElement(h,{class:"js"}),l.a.createElement(h,{class:"node"}),l.a.createElement(h,{class:"react"}),l.a.createElement(h,{class:"python"}),l.a.createElement(h,{class:"java"}),l.a.createElement(h,{class:"docker"}),l.a.createElement(h,{class:"kube"}),l.a.createElement(h,{class:"vbox"}),l.a.createElement(h,{class:"wireshark"}),l.a.createElement(h,{class:"burp"}),l.a.createElement(h,{class:"postman"}),l.a.createElement(h,{class:"terra"}),l.a.createElement(h,{class:"gcloud"}),l.a.createElement(h,{class:"ibmcloud"}),l.a.createElement(h,{class:"aws"}),l.a.createElement(h,{class:"bash"}),l.a.createElement(h,{class:"pshell"}),l.a.createElement(h,{class:"vi"}),l.a.createElement(h,{class:"git"}),l.a.createElement(h,{class:"jira"})),l.a.createElement("br",null))},b=function(e){return l.a.createElement(l.a.Fragment,null,"about"==e.page&&l.a.createElement(f,null),"cv"==e.page&&l.a.createElement(p,null),"projects"==e.page&&l.a.createElement(d,null),"skills"==e.page&&l.a.createElement(g,null))},j=a(3),v=a(5),k=a(4),O=function(e){return n.createElement(n.Fragment,null,n.createElement("div",{class:"buttons"},n.createElement("p",null,n.createElement("a",{href:"mailto:jonrey.us@gmail.com"},n.createElement(j.a,{icon:k.b,size:"2x"})),n.createElement("a",{href:"https://drive.google.com/file/d/1B7G2BOXRs0rq03I48kNq2Pch1aJbk-oG/preview"},n.createElement(j.a,{icon:k.c,size:"2x"})),n.createElement("a",{href:"https://linkedin.com/in/jonxreyes"},n.createElement(j.a,{icon:v.c,size:"2x"})),n.createElement("a",{href:"https://github.com/jonreyes"},n.createElement(j.a,{icon:v.a,size:"2x"})),n.createElement("a",{href:"https://instagram.com/jrex.co/"},n.createElement(j.a,{icon:v.b,size:"2x"})),n.createElement("a",{href:"https://act.webull.com/nt/DEr7ucoaAetT/av8/inviteUs/"},n.createElement(j.a,{icon:k.a,size:"2x"})),n.createElement("a",{href:"https://drd.sh/SSClz3/"},n.createElement(j.a,{icon:k.d,size:"2x"})))))},P=function(e){return l.a.createElement("div",{class:"footer f"},l.a.createElement(O,{style:{backgroundColor:"white",color:"black",padding:"0.25em"}}),l.a.createElement("p",null,"Jon Reyes \xa9 ",(new Date).getFullYear()))},x=function(e){Object(m.a)(a,e);var t=Object(u.a)(a);function a(e){var n;return Object(r.a)(this,a),(n=t.call(this,e)).setPage=function(e){n.setState({page:e}),console.log(n.state.page)},n.getJPN=function(){return n.state.jpn},n.setJPN=function(e){n.setState({jpn:e}),console.log(n.state.jpn)},n.state={splash:!0,count:0,page:"about",jpn:!1},n}return Object(o.a)(a,[{key:"renderSplash",value:function(){var e=this;return setInterval((function(){e.setState({count:e.state.count+1})}),100),setTimeout((function(){e.setState({splash:!1})}),1e3),l.a.createElement(b,{time:this.state.count})}},{key:"render",value:function(){return l.a.createElement(l.a.Fragment,null,l.a.createElement(E,{handlePage:this.setPage,jpn:this.state.jpn,handleJPN:this.setJPN}),l.a.createElement(b,{page:this.state.page,handleJPN:this.getJPN}),l.a.createElement(P,{name:this.props.name}))}}]),a}(l.a.Component);s.a.render(l.a.createElement(x,null),document.getElementById("root"))}},[[14,1,2]]]);
  //# sourceMappingURL=main.6da94200.chunk.js.map