text: (this.webpackJsonptowidomo=this.webpackJsonptowidomo||[]).push([[0],{196:function(n,e){},198:function(n,e){},199:function(n,e){},200:function(n,e){},201:function(n,e){},237:function(n,e,t){"use strict";t.r(e);var r=t(0),a=t.n(r),i=t(80),o=t.n(i),c=(t(53),t(2)),l=t(37),d=t(81),u=t.n(d),p=t(82),x=t.n(p),g="375px",f="425px",b="768px",s="1024px",m="1440px",h="2560px",v={mobileS:"(max-width: ".concat("320px",")"),mobileM:"(max-width: ".concat(g,")"),mobileL:"(max-width: ".concat(f,")"),tablet:"(max-width: ".concat(b,")"),laptop:"(max-width: ".concat(s,")"),laptopL:"(max-width: ".concat(m,")"),desktop:"(max-width: ".concat(h,")"),desktopL:"(max-width: ".concat(h,")")},w=t(3),E="#386280",j="#70C4FF",O="#5E7280",y="#5A9CCC",k="#4B4B4C",z="background-image: linear-gradient(140deg, rgba(60, 60, 60, 0.04) 0%, rgba(60, 60, 60, 0.04) 18%,rgba(228, 228, 228, 0.04) 18%, rgba(228, 228, 228, 0.04) 100%),linear-gradient(252deg, rgba(159, 159, 159, 0.04) 0%, rgba(159, 159, 159, 0.04) 76%,rgba(255, 255, 255, 0.04) 76%, rgba(255, 255, 255, 0.04) 100%),linear-gradient(148deg, rgba(165, 165, 165, 0.04) 0%, rgba(165, 165, 165, 0.04) 30%,rgba(221, 221, 221, 0.04) 30%, rgba(221, 221, 221, 0.04) 100%),linear-gradient(196deg, rgba(238, 238, 238, 0.04) 0%, rgba(238, 238, 238, 0.04) 41%,rgba(176, 176, 176, 0.04) 41%, rgba(176, 176, 176, 0.04) 100%),linear-gradient(295deg, rgba(245, 245, 245, 0.04) 0%, rgba(245, 245, 245, 0.04) 75%,rgba(68, 68, 68, 0.04) 75%, rgba(68, 68, 68, 0.04) 100%),linear-gradient(89deg, rgba(179, 179, 179, 0.04) 0%, rgba(179, 179, 179, 0.04) 22%,rgba(30, 30, 30, 0.04) 22%, rgba(30, 30, 30, 0.04) 100%),linear-gradient(165deg, rgba(0, 0, 0, 0.04) 0%, rgba(0, 0, 0, 0.04) 40%,rgba(147, 147, 147, 0.04) 40%, rgba(147, 147, 147, 0.04) 100%),linear-gradient(293deg, rgba(204, 204, 204, 0.04) 0%, rgba(204, 204, 204, 0.04) 73%,rgba(62, 62, 62, 0.04) 73%, rgba(62, 62, 62, 0.04) 100%),linear-gradient(90deg, rgb(215, 117, 38),rgb(171, 161, 219));",L="background-image: linear-gradient(90deg, rgb(145,207,255),rgb(116,166,204),rgb(111,120,128));",S="background-image: repeating-radial-gradient(circle at center center, transparent 0px, transparent 13px,rgba(0,0,0,0.03) 13px, rgba(0,0,0,0.03) 24px,transparent 24px, transparent 62px,rgba(0,0,0,0.03) 62px, rgba(0,0,0,0.03) 96px),repeating-radial-gradient(circle at center center, rgb(241,236,231) 0px, rgb(241,236,231) 14px,rgb(241,236,231) 14px, rgb(241,236,231) 18px,rgb(241,236,231) 18px, rgb(241,236,231) 28px,rgb(241,236,231) 28px, rgb(241,236,231) 32px); background-size: 21px 21px;";function B(){var n=Object(c.a)(["\n  background-image: url(",");\n  background-position: center;\n  align-self: center;\n  margin-top: 5%;\n  background-size: contain;\n  background-repeat: no-repeat;\n  height: 20vw;\n  width: 40%;\n  @media "," {\n    width: 90%;\n    margin-left: 3%;\n  }\n"]);return B=function(){return n},n}function _(){var n=Object(c.a)(["\n  align-self: center;\n  padding: 10px;\n  width: 50%;\n  @media "," {\n    width: 90%;\n  }\n\n  text-shadow: 2px 4px 3px rgba(255, 255, 255, 0.2);\n  margin-top: 5%;\n  color: ",";\n  font-family: Arial, Helvetica, sans-serif;\n  font-size: 20px;\n"]);return _=function(){return n},n}function C(){var n=Object(c.a)(["\n  width: 100%;\n  display: flex;\n\n  flex-direction: column;\n  justify-content: space-around;\n  text-align: center;\n"]);return C=function(){return n},n}function M(n){var e=n.bio,t=n.src;return a.a.createElement(D,null,a.a.createElement(J,{src:t}),e?e.split("\n").filter((function(n){return""!==n})).map((function(n,e){return a.a.createElement(F,{key:e},a.a.createElement(x.a,{source:n}))})):a.a.createElement(a.a.Fragment,null))}var D=w.a.div(C()),F=w.a.div(_(),v.mobileL,j),J=w.a.div(B(),(function(n){return n.src}),v.mobileL),N=t(15),U=t(26),A=t(36);function I(){var n=Object(c.a)(["\n  justify-self: center;\n  align-self: center;\n\n  @media "," {\n    font-size: ",";\n  }\n  color: white;\n  :hover {\n    color: ",";\n  }\n"]);return I=function(){return n},n}function W(){var n=Object(c.a)(["\n  align-self: flex-start;\n  display: flex;\n  flex-direction: row;\n  width: 100%;\n"]);return W=function(){return n},n}function R(){var n=Object(c.a)(["\n  font-size: 3vw;\n  margin: 5%;\n"]);return R=function(){return n},n}function V(){var n=Object(c.a)(["\n  align-self: center;\n  font-size: 5vw;\n  @media "," {\n    font-size: 10vw;\n  }\n"]);return V=function(){return n},n}function P(){var n=Object(c.a)(["\n  width: 50%;\n  @media "," {\n    width: 90%;\n  }\n\n  border: solid 2px black;\n  align-self: center;\n  flex-direction: column;\n  color: white;\n  display: flex;\n  margin-top: 5%;\n  text-align: center;\n"]);return P=function(){return n},n}function T(n){var e=n.phoneNumber,t=n.linkedInAddress,r=n.email;return a.a.createElement(G,null,a.a.createElement(H,null,"Contact Me"),a.a.createElement(q,null,a.a.createElement($,{icon:N.b}),a.a.createElement(K,{href:"mailto:".concat(r),fontSize:2},r)),a.a.createElement(q,null,a.a.createElement($,{icon:N.e}),a.a.createElement(K,{href:"tel:".concat(e),fontSize:4},e)),a.a.createElement(q,null,a.a.createElement($,{icon:A.b}),a.a.createElement(K,{href:t,fontSize:1.5},t)))}var G=w.a.div(P(),v.mobileL),H=w.a.div(V(),v.mobileL),$=Object(w.a)(U.a)(R()),q=w.a.div(W()),K=w.a.a(I(),v.mobileL,(function(n){return"".concat(n.fontSize+3,"vw")}),j),Q=(t(192),t(49)),X=t(50);function Y(){var n=Object(c.a)(["\n  font-family: JetBrainsMono;\n  text-decoration: none;\n  color: ",";\n  :hover {\n    color: ",";\n  }\n  align-self: center;\n  margin-top: 10px;\n"]);return Y=function(){return n},n}function Z(){var n=Object(c.a)(["\n  margin-top: 5%;\n  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12),\n    0 0px 4px rgba(0, 0, 0, 0.12), 0 0px 8px rgba(0, 0, 0, 0.12),\n    0 0px 16px rgba(0, 0, 0, 0.12);\n  align-self: center;\n"]);return Z=function(){return n},n}function nn(){var n=Object(c.a)(["\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n\n  align-self: center;\n  width: 100%;\n  @media "," {\n    margin: 5%;\n  }\n"]);return nn=function(){return n},n}function en(n){var e=n.file,t=Object(r.useState)([]),i=Object(l.a)(t,2),o=i[0],c=i[1],d=window.innerWidth/1200;return a.a.createElement(a.a.Fragment,null,a.a.createElement(an,{href:e,target:"_blank"},"Download"),a.a.createElement(tn,{file:e,onLoadSuccess:function(n){for(var e=n.numPages,t=[],r=0;r<e;r++)t.push(r+1);c(t)}},o.map((function(n){return a.a.createElement(rn,{scale:d,key:n,pageNumber:n})}))))}X.pdfjs.GlobalWorkerOptions.workerSrc="//cdnjs.cloudflare.com/ajax/libs/pdf.js/".concat(X.pdfjs.version,"/pdf.worker.js");var tn=Object(w.a)(Q.Document)(nn(),v.mobileL),rn=Object(w.a)(Q.Page)(Z()),an=w.a.a(Y(),k,j),on=t(38);function cn(){var n=Object(c.a)(["\n  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.3);\n  text-decoration: none;\n  width: 100%;\n  border-top: ridge 1px ",";\n  border-color: ",";\n  font-family: JetBrainsMono;\n\n  padding-bottom: 1px;\n\n  @media "," {\n    display: none;\n  }\n"]);return cn=function(){return n},n}function ln(){var n=Object(c.a)(["\n  text-shadow: 2px 4px 3px rgba(0, 0, 0, 0.2);\n  @media "," {\n    width: 25%;\n  }\n  :hover {\n    transform: scale(1.05);\n  }\n  transition: all 0.2s ease-in-out;\n  width: 23%;\n  align-self: flex-end;\n  justify-self: flex-end;\n  text-align: center;\n  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12),\n    0 0px 4px rgba(0, 0, 0, 0.12), 0 0px 8px rgba(0, 0, 0, 0.12),\n    0 0px 16px rgba(0, 0, 0, 0.12);\n  overflow: hidden;\n  padding-top: 5px;\n  padding-bottom: 5px;\n  height: 75%;\n  border-radius: 5px 5px 0px 0px;\n  ","\n"]);return ln=function(){return n},n}function dn(n){var e=n.icon,t=n.text,r=n.to;return a.a.createElement(un,null,a.a.createElement(on.a,{style:{textDecoration:"none",color:"#4B4B4C"},to:"".concat(r)},a.a.createElement(U.a,{style:{margin:"2px",padding:"0px",width:"80%",height:"60%",color:"".concat(k),textShadow:"2px 4px 3px rgba(0, 0, 0, 0.2)"},icon:e}),a.a.createElement(pn,null,t)))}var un=w.a.div(ln(),v.mobileL,S),pn=w.a.div(cn(),O,y,v.mobileL);function xn(){var n=Object(c.a)(["\n  display: flex;\n  @media "," {\n    width: 100%;\n  }\n  width: 80%;\n  height: 100%;\n  display: flex;\n  justify-content: space-around;\n  z-index: 2;\n"]);return xn=function(){return n},n}function gn(){return a.a.createElement(fn,null,a.a.createElement(dn,{to:"/bio",text:"Bio",icon:N.g}),a.a.createElement(dn,{to:"cv",text:"CV",icon:N.d}),a.a.createElement(dn,{to:"/projects",text:"Projects",icon:N.c}),a.a.createElement(dn,{to:"/contact",text:"Contact",icon:N.a}))}var fn=w.a.div(xn(),v.mobileL);function bn(){var n=Object(c.a)(["\n  text-shadow: 2px 2px #d29573;\n  padding: 5px;\n  height: 50%;\n  margin-left: 5px;\n  margin-right: 10px;\n  font-size: 24px;\n  font-weight: 900;\n  color: #f1ece7;\n  font-family: JetBrainsMono;\n  justify-self: flex-end;\n  align-self: flex-end;\n  border-radius: 5px 5px 5px 5px;\n  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.12),\n    0 4px 4px rgba(0, 0, 0, 0.12), 0 8px 8px rgba(0, 0, 0, 0.12),\n    0 16px 16px rgba(0, 0, 0, 0.12);\n  border: solid 1px ",";\n  background-color: rgba(0, 0, 0, 0.12);\n\n  @media "," {\n    display: none;\n  }\n"]);return bn=function(){return n},n}function sn(){var n=Object(c.a)(["\n  @media "," {\n    display: none;\n  }\n  ","\n  background-size: 100vw;\n  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12),\n    inset 0 2px 2px rgba(0, 0, 0, 0.12), inset 0 4px 4px rgba(0, 0, 0, 0.12),\n    inset 0 8px 8px rgba(0, 0, 0, 0.12), inset 0 16px 16px rgba(0, 0, 0, 0.12);\n  height: 100%;\n  width: 50%;\n  position: relative;\n\n  border-radius: 50% 0% 0% 50%;\n  transform: scale(2);\n\n  top: 50%;\n  right: -83%;\n  z-index: 1;\n"]);return sn=function(){return n},n}function mn(){var n=Object(c.a)(["\n  @media "," {\n    display: none;\n  }\n  ","\n  width: 15%;\n  height: 100%;\n  background-color: ",";\n  display: flex;\n  flex-direction: column;\n  background-size: 700%;\n"]);return mn=function(){return n},n}function hn(){var n=Object(c.a)(["\n  ","\n  display: flex;\n  overflow: hidden;\n  justify-content: space-between;\n  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.12),\n    inset 0 2px 2px rgba(0, 0, 0, 0.12), inset 0 4px 4px rgba(0, 0, 0, 0.12),\n    inset 0 8px 8px rgba(0, 0, 0, 0.12), inset 0 16px 16px rgba(0, 0, 0, 0.12);\n  height: 60%;\n margin-right:10px;\nborder-radius: 5px 5px 5px 5px;\n  width: 80%;\n  /* background-color: ","; */\n  align-self: flex-end;\n  @media "," {\n    width: 100%;\n  }\n"]);return hn=function(){return n},n}function vn(){var n=Object(c.a)(["\n  width: 100%;\n  height: 110px;\n  @media "," {\n    height: 70px;\n  }\n\n  ","\n  display: flex;\n"]);return vn=function(){return n},n}function wn(){return a.a.createElement(a.a.Fragment,null,a.a.createElement(En,null,a.a.createElement(jn,null,a.a.createElement(On,null,a.a.createElement(yn,null)),a.a.createElement(gn,null)),a.a.createElement(kn,null,"TOWIDOMO ",a.a.createElement("br",null),".DEV")))}var En=w.a.div(vn(),v.mobileL,z),jn=w.a.div(hn(),L,E,v.mobileL),On=w.a.div(mn(),v.mobileL,z,y),yn=w.a.div(sn(),v.mobileL,L),kn=w.a.div(bn(),O,v.mobileL);function zn(){var n=Object(c.a)(["\n  font-size: ",";\n  color: ",";\n  align-self: flex-end;\n  :hover {\n    color: ",";\n  }\n"]);return zn=function(){return n},n}function Ln(){var n=Object(c.a)(["\n  align-self: center;\n  width: 100%;\n  height: 50px;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-around;\n  border-top: solid 1px #f5f5f5;\n  box-sizing: border-box;\n  padding-top: 5%;\n  padding-bottom: 5px;\n  padding-left: 5px;\n  margin-top: 5px;\n"]);return Ln=function(){return n},n}function Sn(){var n=Object(c.a)(["\n  text-decoration: none;\n  color: ",";\n  font-family: JetBrainsMono;\n  align-self: flex-end;\n  font-size: 16px;\n  :hover {\n    color: ",";\n  }\n"]);return Sn=function(){return n},n}function Bn(){var n=Object(c.a)(["\n  padding: 5% 5% 0% 5%;\n  overflow: hidden;\n  overflow-y: scroll;\n  flex-grow: 1;\n"]);return Bn=function(){return n},n}function _n(){var n=Object(c.a)([""]);return _n=function(){return n},n}function Cn(){var n=Object(c.a)(["\n  box-sizing: border-box;\n  src: ",";\n  height: auto;\n  width: 90%;\n  align-self: center;\n  box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.12),\n    inset 0 0px 2px rgba(0, 0, 0, 0.12), inset 0 0px 4px rgba(0, 0, 0, 0.12),\n    inset 0 0px 8px rgba(0, 0, 0, 0.12), inset 0 0px 16px rgba(0, 0, 0, 0.12);\n\n  border: solid 1px #b6764b;\n  :hover {\n    border: solid 2px ",";\n  }\n"]);return Cn=function(){return n},n}function Mn(){var n=Object(c.a)(["\nheight: 400px;\n  width: 350px;\n  @media "," {\n    width: 100%;\n  }\n  display: flex;\n  flex-direction: column;\n  text-align: center;\n  align-self: center;\n  justify-self: center;\n\n  margin: 1%;\n  box-shadow: 0 0px 1px rgba(0, 0, 0, 0.12), 0 0px 2px rgba(0, 0, 0, 0.12),\n    0 0px 4px rgba(0, 0, 0, 0.12), 0 0px 8px rgba(0, 0, 0, 0.12),\n    0 0px 16px rgba(0, 0, 0, 0.12);\n  border-radius: 15px;\n  ","\n  color: ","\n"]);return Mn=function(){return n},n}function Dn(n){var e=n.src,t=n.description,r=n.title,i=n.productionURL,o=n.repoURL;return a.a.createElement(Fn,null,a.a.createElement(Nn,null,r),a.a.createElement(Jn,{src:e}),a.a.createElement(Un,null," ",t),a.a.createElement(In,null,a.a.createElement(Wn,{fontSize:"40",icon:N.f}),a.a.createElement(An,{target:"_none",href:i},"Visit the project"),a.a.createElement(Wn,{fontSize:"40",icon:A.a}),a.a.createElement(An,{target:"_none",href:o},"View the code")))}var Fn=w.a.div(Mn(),v.tablet,S,k),Jn=w.a.img(Cn(),(function(n){return n.src}),E),Nn=w.a.div(_n()),Un=w.a.div(Bn()),An=w.a.a(Sn(),k,E),In=w.a.div(Ln()),Wn=Object(w.a)(U.a)(zn(),(function(n){return"".concat(n.fontSize,"px")}),k,E);function Rn(){var n=Object(c.a)(["\n  box-sizing: border-box;\n  display: flex;\n  width: 100%;\n  flex-direction: row;\n  justify-content: center;\n  padding: 5px;\n  flex-wrap: wrap;\n"]);return Rn=function(){return n},n}function Vn(n){var e=n.projects;return a.a.createElement(Pn,null,e.map((function(n){return a.a.createElement(Dn,{key:n.id,src:"".concat("https://api.towidomo.dev").concat(n.image.url),description:n.description,title:n.title,repoURL:n.repo_url,productionURL:n.production_url})})))}var Pn=w.a.div(Rn());function Tn(){var n=Object(c.a)(["\n  width: 100vw;\n  display: grid;\n  background-color: ",";\n  grid-template-columns: 1fr 8fr 1fr;\n  @media "," {\n    grid-template-columns: 1fr;\n  }\n"]);return Tn=function(){return n},n}function Gn(){var n=Object(c.a)(["\n  width: 100%;\n\n  grid-column: 2/2;\n  display: flex;\n  flex-direction: column;\n  min-height: 100vh;\n  z-index: 3;\n  ",";\n"]);return Gn=function(){return n},n}function Hn(){var n=Object(c.a)(["\n  width: 100%;\n  grid-column: 2/2;\n  @media "," {\n    grid-column: 1/1;\n  }\n  ",";\n"]);return Hn=function(){return n},n}var $n=w.a.div(Hn(),v.mobileL,z),qn=Object(w.a)(on.b)(Gn(),z),Kn=w.a.div(Tn(),O,v.mobileL),Qn=function(){var n=Object(r.useState)(void 0),e=Object(l.a)(n,2),t=e[0],i=e[1],o="https://api.towidomo.dev";return Object(r.useEffect)((function(){u.a.get("".concat(o,"/portfolis/1")).then((function(n){var e=n.data;return console.log(e),e})).then(i)}),[]),a.a.createElement("div",{style:{width:"100vw"},className:"App"},a.a.createElement(Kn,null,a.a.createElement($n,null,a.a.createElement(wn,null),t&&a.a.createElement(qn,{primary:!1},a.a.createElement(M,{default:!0,src:"".concat(o).concat(t.bio.Images[0].url),bio:t.bio.body,path:"/bio"}),a.a.createElement(en,{path:"/cv",file:"".concat(o).concat(t.cv.cv.url)}),a.a.createElement(Vn,{path:"/projects",projects:t.projects}),a.a.createElement(T,{path:"/contact",phoneNumber:t.contact_info.phone_number,linkedInAddress:t.contact_info.linkedin,email:t.contact_info.email})))))};Boolean("localhost"===window.location.hostname||"[::1]"===window.location.hostname||window.location.hostname.match(/^127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/));o.a.render(a.a.createElement(a.a.StrictMode,null,a.a.createElement(Qn,null)),document.getElementById("root")),"serviceWorker"in navigator&&navigator.serviceWorker.ready.then((function(n){n.unregister()})).catch((function(n){console.error(n.message)}))},33:function(n,e){function t(n){var e=new Error("Cannot find module '"+n+"'");throw e.code="MODULE_NOT_FOUND",e}t.keys=function(){return[]},t.resolve=t,n.exports=t,t.id=33},53:function(n,e,t){},87:function(n,e,t){n.exports=t(237)}},[[87,1,2]]]);
  //# sourceMappingURL=main.dc28ba53.chunk.js.map