component---src-pages-index-js-f5bfc944de187765f3cc.js

(window.webpackJsonp=window.webpackJsonp||[]).push([[8],{152:function(e,t,a){"use strict";a.r(t);var r=a(0),i=a.n(r),n=a(207),o=a(4),s=a.n(o),l=a(155),d=a(159),c=a(160),u=(a(173),function(e){var t=e.children;return i.a.createElement(l.b,{query:"2803584425",render:function(e){return i.a.createElement(i.a.Fragment,null,i.a.createElement(d.a,{siteTitle:e.site.siteMetadata.title}),i.a.createElement("div",null,i.a.createElement("main",null,t)),i.a.createElement(c.a,{siteAuthor:e.site.siteMetadata.author}))},data:n})});u.propTypes={children:s.a.node.isRequired};var A=u,f=a(208),p=a(184),g=a.n(p),m=function(){return i.a.createElement(l.b,{query:"3776084508",render:function(e){return i.a.createElement(g.a,{fluid:e.placeholderImage.childImageSharp.fluid})},data:f})},h=a(163);t.default=function(){return i.a.createElement(A,{skipStyle:"true"},i.a.createElement(h.a,{title:"Home",keywords:["gatsby","application","react"]}),i.a.createElement("div",{style:{maxWidth:"100%"}},i.a.createElement(m,null)))}},155:function(e,t,a){"use strict";a.d(t,"b",function(){return c});var r=a(0),i=a.n(r),n=a(4),o=a.n(n),s=a(33),l=a.n(s);a.d(t,"a",function(){return l.a});a(156);var d=i.a.createContext({}),c=function(e){return i.a.createElement(d.Consumer,null,function(t){return e.data||t[e.query]&&t[e.query].data?(e.render||e.children)(e.data?e.data.data:t[e.query].data):i.a.createElement("div",null,"Loading (StaticQuery)")})};c.propTypes={data:o.a.object,query:o.a.string.isRequired,render:o.a.func,children:o.a.func}},156:function(e,t,a){var r;e.exports=(r=a(158))&&r.default||r},158:function(e,t,a){"use strict";a.r(t);a(36);var r=a(0),i=a.n(r),n=a(4),o=a.n(n),s=a(55),l=a(2),d=function(e){var t=e.location,a=l.default.getResourcesForPathnameSync(t.pathname);return a?i.a.createElement(s.a,Object.assign({location:t,pageResources:a},a.json)):null};d.propTypes={location:o.a.shape({pathname:o.a.string.isRequired}).isRequired},t.default=d},159:function(e,t,a){"use strict";var r=a(155),i=a(4),n=a.n(i),o=a(0),s=a.n(o),l=a(172),d=a.n(l),c={color:"white",display:"inline-block",margin:"0 0.5rem",padding:"0.25rem",textDecoration:"none"},u=function(e){var t=e.children,a=e.to;return s.a.createElement(r.a,{to:a,style:c},t)},A=a(157),f=function(e){var t=e.siteTitle;return s.a.createElement("header",{style:{background:"#333",textAlign:"center"}},s.a.createElement("div",{style:{margin:"0 auto",padding:"1.45rem 1.0875rem"}},s.a.createElement("h1",null,s.a.createElement(r.a,{to:"/",style:{color:"white",textDecoration:"none"}},t)),s.a.createElement(d.a,{pinStart:90,style:{webkitTransition:"all .5s ease-in-out",mozTransition:"all .5s ease-in-out",oTransition:"all .5s ease-in-out",transition:"all .5s ease-in-out",background:"#333",marginBottom:"1.45rem",textAlign:"center"}},s.a.createElement(u,{to:"/about-me/"},s.a.createElement(A.d,null)," ABOUT ME"),s.a.createElement(u,{to:"/blog/"},s.a.createElement(A.g,null)," BLOG"),s.a.createElement(u,{to:"/projects/"},s.a.createElement(A.e,null)," PROJECTS"),s.a.createElement(u,{to:"/hobbies/"},s.a.createElement(A.b,null)," HOBBIES"),s.a.createElement(u,{to:"/resume/"},s.a.createElement(A.a,null)," RESUME"))))};f.propTypes={siteTitle:n.a.string},f.defaultProps={siteTitle:""};t.a=f},160:function(e,t,a){"use strict";var r=a(0),i=a.n(r),n={color:"white",display:"inline-block",margin:"0 0.5rem",padding:"0.25rem",textDecoration:"none",textAlign:"center"},o=function(e){var t=e.children,a=e.href,r=e.title;return i.a.createElement("a",{href:a,style:n,title:r,target:"_blank",rel:"noopener noreferrer"},t)},s=a(157);t.a=function(e){var t=e.siteAuthor;return i.a.createElement("footer",{style:{textAlign:"center"}},i.a.createElement("div",{style:{background:"#333",marginTop:"1.45rem",marginBottom:"1.45rem",margin:"0 auto",maxWidth:2e3,padding:"1.45rem 1.0875rem"}},i.a.createElement(o,{href:"https://www.linkedin.com/in/rickytham",title:"LinkedIn"},i.a.createElement(s.f,{size:28})),i.a.createElement(o,{href:"https://github.com/TheRamik/",title:"Github"},i.a.createElement(s.c,{size:28}))),i.a.createElement("div",{style:{marginTop:"1.45rem",marginBottom:"1.45rem"}},"Built with"," ",i.a.createElement("a",{href:"https://www.gatsbyjs.org",title:"GatsbyJS",target:"_blank",rel:"noopener noreferrer"},"Gatsby"),i.a.createElement("p",null,"Created by ",t," © ",(new Date).getFullYear()," ")))}},163:function(e,t,a){"use strict";var r=a(164),i=a(0),n=a.n(i),o=a(4),s=a.n(o),l=a(176),d=a.n(l);function c(e){var t=e.description,a=e.lang,i=e.meta,o=e.keywords,s=e.title,l=r.data.site,c=t||l.siteMetadata.description;return n.a.createElement(d.a,{htmlAttributes:{lang:a},title:s,titleTemplate:"%s | "+l.siteMetadata.title,meta:[{name:"description",content:c},{property:"og:title",content:s},{property:"og:description",content:c},{property:"og:type",content:"website"},{name:"twitter:card",content:"summary"},{name:"twitter:creator",content:l.siteMetadata.author},{name:"twitter:title",content:s},{name:"twitter:description",content:c}].concat(o.length>0?{name:"keywords",content:o.join(", ")}:[]).concat(i)})}c.defaultProps={lang:"en",meta:[],keywords:[],description:""},c.propTypes={description:s.a.string,lang:s.a.string,meta:s.a.arrayOf(s.a.object),keywords:s.a.arrayOf(s.a.string),title:s.a.string.isRequired},t.a=c},164:function(e){e.exports={data:{site:{siteMetadata:{title:"RICKY THAM",description:"My Web Portfolio",author:"Ricky Tham"}}}}},184:function(e,t,a){"use strict";var r=a(8);t.__esModule=!0,t.default=void 0;var i,n=r(a(7)),o=r(a(34)),s=r(a(76)),l=r(a(74)),d=r(a(0)),c=r(a(4)),u=function(e){var t=(0,l.default)({},e),a=t.resolutions,r=t.sizes,i=t.critical;return a&&(t.fixed=a,delete t.resolutions),r&&(t.fluid=r,delete t.sizes),i&&(t.loading="eager"),t},A=Object.create({}),f=function(e){var t=u(e),a=t.fluid?t.fluid.src:t.fixed.src;return A[a]||!1},p="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype,g="undefined"!=typeof window,m=g&&window.IntersectionObserver,h=new WeakMap;var b=function(e,t){var a=(void 0===i&&"undefined"!=typeof window&&window.IntersectionObserver&&(i=new window.IntersectionObserver(function(e){e.forEach(function(e){if(h.has(e.target)){var t=h.get(e.target);(e.isIntersecting||e.intersectionRatio>0)&&(i.unobserve(e.target),h.delete(e.target),t())}})},{rootMargin:"200px"})),i);return a&&(a.observe(e),h.set(e,t)),function(){a.unobserve(e),h.delete(e)}},E=function(e){var t=e.src?'src="'+e.src+'" ':'src="" ',a=e.sizes?'sizes="'+e.sizes+'" ':"",r=e.srcSetWebp?"<source type='image/webp' srcset=\""+e.srcSetWebp+'" '+a+"/>":"",i=e.srcSet?'srcset="'+e.srcSet+'" ':"",n=e.title?'title="'+e.title+'" ':"",o=e.alt?'alt="'+e.alt+'" ':'alt="" ',s=e.width?'width="'+e.width+'" ':"",l=e.height?'height="'+e.height+'" ':"",d=e.crossOrigin?'crossorigin="'+e.crossOrigin+'" ':"";return"<picture>"+r+"<img "+(e.loading?'loading="'+e.loading+'" ':"")+s+l+a+i+t+o+n+d+'style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture>'},y=d.default.forwardRef(function(e,t){var a=e.sizes,r=e.srcSet,i=e.src,n=e.style,o=e.onLoad,c=e.onError,u=e.loading,A=(0,s.default)(e,["sizes","srcSet","src","style","onLoad","onError","loading"]);return d.default.createElement("img",(0,l.default)({sizes:a,srcSet:r,src:i},A,{onLoad:o,onError:c,ref:t,loading:u,style:(0,l.default)({position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"},n)}))});y.propTypes={style:c.default.object,onError:c.default.func,onLoad:c.default.func};var w=function(e){function t(t){var a;(a=e.call(this,t)||this).seenBefore=g&&f(t),a.addNoScript=!(t.critical&&!t.fadeIn),a.useIOSupport=!p&&m&&!t.critical&&!a.seenBefore;var r=t.critical||g&&(p||!a.useIOSupport);return a.state={isVisible:r,imgLoaded:!1,imgCached:!1,fadeIn:!a.seenBefore&&t.fadeIn},a.imageRef=d.default.createRef(),a.handleImageLoaded=a.handleImageLoaded.bind((0,o.default)((0,o.default)(a))),a.handleRef=a.handleRef.bind((0,o.default)((0,o.default)(a))),a}(0,n.default)(t,e);var a=t.prototype;return a.componentDidMount=function(){if(this.state.isVisible&&"function"==typeof this.props.onStartLoad&&this.props.onStartLoad({wasCached:f(this.props)}),this.props.critical){var e=this.imageRef.current;e&&e.complete&&this.handleImageLoaded()}},a.componentWillUnmount=function(){this.cleanUpListeners&&this.cleanUpListeners()},a.handleRef=function(e){var t=this;this.useIOSupport&&e&&(this.cleanUpListeners=b(e,function(){var e=f(t.props);t.state.isVisible||"function"!=typeof t.props.onStartLoad||t.props.onStartLoad({wasCached:e}),t.setState({isVisible:!0},function(){return t.setState({imgLoaded:e,imgCached:!!t.imageRef.current.currentSrc})})}))},a.handleImageLoaded=function(){var e,t,a;e=this.props,t=u(e),a=t.fluid?t.fluid.src:t.fixed.src,A[a]=!0,this.setState({imgLoaded:!0}),this.props.onLoad&&this.props.onLoad()},a.render=function(){var e=u(this.props),t=e.title,a=e.alt,r=e.className,i=e.style,n=void 0===i?{}:i,o=e.imgStyle,s=void 0===o?{}:o,c=e.placeholderStyle,A=void 0===c?{}:c,f=e.placeholderClassName,p=e.fluid,g=e.fixed,m=e.backgroundColor,h=e.durationFadeIn,b=e.Tag,w=e.itemProp,S=e.loading,v=!1===this.state.fadeIn||this.state.imgLoaded,R=!0===this.state.fadeIn&&!this.state.imgCached,I=(0,l.default)({opacity:v?1:0,transition:R?"opacity "+h+"ms":"none"},s),j="boolean"==typeof m?"lightgray":m,B={transitionDelay:h+"ms"},L=(0,l.default)({opacity:this.state.imgLoaded?0:1},R&&B,s,A),x={title:t,alt:this.state.isVisible?"":a,style:L,className:f};if(p){var T=p;return d.default.createElement(b,{className:(r||"")+" gatsby-image-wrapper",style:(0,l.default)({position:"relative",overflow:"hidden"},n),ref:this.handleRef,key:"fluid-"+JSON.stringify(T.srcSet)},d.default.createElement(b,{style:{width:"100%",paddingBottom:100/T.aspectRatio+"%"}}),j&&d.default.createElement(b,{title:t,style:(0,l.default)({backgroundColor:j,position:"absolute",top:0,bottom:0,opacity:this.state.imgLoaded?0:1,right:0,left:0},R&&B)}),T.base64&&d.default.createElement(y,(0,l.default)({src:T.base64},x)),T.tracedSVG&&d.default.createElement(y,(0,l.default)({src:T.tracedSVG},x)),this.state.isVisible&&d.default.createElement("picture",null,T.srcSetWebp&&d.default.createElement("source",{type:"image/webp",srcSet:T.srcSetWebp,sizes:T.sizes}),d.default.createElement(y,{alt:a,title:t,sizes:T.sizes,src:T.src,crossOrigin:this.props.crossOrigin,srcSet:T.srcSet,style:I,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError,itemProp:w,loading:S})),this.addNoScript&&d.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:E((0,l.default)({alt:a,title:t,loading:S},T))}}))}if(g){var k=g,Q=(0,l.default)({position:"relative",overflow:"hidden",display:"inline-block",width:k.width,height:k.height},n);return"inherit"===n.display&&delete Q.display,d.default.createElement(b,{className:(r||"")+" gatsby-image-wrapper",style:Q,ref:this.handleRef,key:"fixed-"+JSON.stringify(k.srcSet)},j&&d.default.createElement(b,{title:t,style:(0,l.default)({backgroundColor:j,width:k.width,opacity:this.state.imgLoaded?0:1,height:k.height},R&&B)}),k.base64&&d.default.createElement(y,(0,l.default)({src:k.base64},x)),k.tracedSVG&&d.default.createElement(y,(0,l.default)({src:k.tracedSVG},x)),this.state.isVisible&&d.default.createElement("picture",null,k.srcSetWebp&&d.default.createElement("source",{type:"image/webp",srcSet:k.srcSetWebp,sizes:k.sizes}),d.default.createElement(y,{alt:a,title:t,width:k.width,height:k.height,sizes:k.sizes,src:k.src,crossOrigin:this.props.crossOrigin,srcSet:k.srcSet,style:I,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError,itemProp:w,loading:S})),this.addNoScript&&d.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:E((0,l.default)({alt:a,title:t,loading:S},k))}}))}return null},t}(d.default.Component);w.defaultProps={fadeIn:!0,durationFadeIn:500,alt:"",Tag:"div",loading:"lazy"};var S=c.default.shape({width:c.default.number.isRequired,height:c.default.number.isRequired,src:c.default.string.isRequired,srcSet:c.default.string.isRequired,base64:c.default.string,tracedSVG:c.default.string,srcWebp:c.default.string,srcSetWebp:c.default.string}),v=c.default.shape({aspectRatio:c.default.number.isRequired,src:c.default.string.isRequired,srcSet:c.default.string.isRequired,sizes:c.default.string.isRequired,base64:c.default.string,tracedSVG:c.default.string,srcWebp:c.default.string,srcSetWebp:c.default.string});w.propTypes={resolutions:S,sizes:v,fixed:S,fluid:v,fadeIn:c.default.bool,durationFadeIn:c.default.number,title:c.default.string,alt:c.default.string,className:c.default.oneOfType([c.default.string,c.default.object]),critical:c.default.bool,crossOrigin:c.default.oneOfType([c.default.string,c.default.bool]),style:c.default.object,imgStyle:c.default.object,placeholderStyle:c.default.object,placeholderClassName:c.default.string,backgroundColor:c.default.oneOfType([c.default.string,c.default.bool]),onLoad:c.default.func,onError:c.default.func,onStartLoad:c.default.func,Tag:c.default.string,itemProp:c.default.string,loading:c.default.oneOf(["auto","lazy","eager"])};var R=w;t.default=R},207:function(e){e.exports={data:{site:{siteMetadata:{title:"RICKY THAM",author:"Ricky Tham"}}}}},208:function(e){e.exports={data:{placeholderImage:{childImageSharp:{fluid:{base64:"data:image/jpeg;base64,/9j/2wBDABALDA4MChAODQ4SERATGCgaGBYWGDEjJR0oOjM9PDkzODdASFxOQERXRTc4UG1RV19iZ2hnPk1xeXBkeFxlZ2P/2wBDARESEhgVGC8aGi9jQjhCY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2NjY2P/wgARCAAWABQDASIAAhEBAxEB/8QAGQABAAIDAAAAAAAAAAAAAAAAAAQFAQID/8QAFQEBAQAAAAAAAAAAAAAAAAAAAAH/2gAMAwEAAhADEAAAAZtdW6pORBwyAH//xAAbEAACAwADAAAAAAAAAAAAAAAAAgEREgMQIf/aAAgBAQABBQJuZR3Nybark3PV+H//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAEDAQE/AR//xAAUEQEAAAAAAAAAAAAAAAAAAAAg/9oACAECAQE/AR//xAAYEAACAwAAAAAAAAAAAAAAAAABECAhMf/aAAgBAQAGPwKi9l//xAAcEAACAQUBAAAAAAAAAAAAAAABEQAQITFBYaH/2gAIAQEAAT8hFBDDCsrMfMSydjF78o1mqf/aAAwDAQACAAMAAAAQnD/D/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAwEBPxAf/8QAFBEBAAAAAAAAAAAAAAAAAAAAIP/aAAgBAgEBPxAf/8QAHRABAAMAAQUAAAAAAAAAAAAAAQARITEQQWFxkf/aAAgBAQABPxCiIeGLBKu98QtIrsWFwMxdl+qe4EoHx0oVuVpLn//Z",aspectRatio:.9236564540431944,src:"/static/0ba88519f62a677b178916b4fbc1d18a/abbf4/cover-photo.jpg",srcSet:"/static/0ba88519f62a677b178916b4fbc1d18a/32ee9/cover-photo.jpg 500w,\n/static/0ba88519f62a677b178916b4fbc1d18a/2f7e7/cover-photo.jpg 1000w,\n/static/0ba88519f62a677b178916b4fbc1d18a/abbf4/cover-photo.jpg 1839w",sizes:"(max-width: 1839px) 100vw, 1839px"}}}}}}}]);
//# sourceMappingURL=component---src-pages-index-js-f5bfc944de187765f3cc.js.map