(window.webpackJsonp=window.webpackJsonp||[]).push([[0],[,,,,,,function(e,a,t){e.exports=t.p+"static/media/profile.ab524e15.jpg"},,,,,function(e,a,t){e.exports=t.p+"static/media/petronasLogo.b172a998.png"},function(e,a,t){e.exports=t.p+"static/media/upm.98b7efd7.png"},function(e,a,t){e.exports=t.p+"static/media/bizit_logo.78ca8b36.png"},function(e,a,t){e.exports=t(20)},,,,,,function(e,a,t){"use strict";t.r(a);var n=t(0),r=t.n(n),o=t(8),l=t.n(o),i=t(1),c=t(2),s=t(4),m=t(3),d=t(5),u=t(9),p=t.n(u),f=function(e){function a(){return Object(i.a)(this,a),Object(s.a)(this,Object(m.a)(a).apply(this,arguments))}return Object(d.a)(a,e),Object(c.a)(a,[{key:"componentDidMount",value:function(){var e={strings:window.innerWidth<400?["Stanlee"]:window.innerWidth<700?["Stanlee<br>Mok^800","Web<br>Developer^800","Mobile<br>Developer^800","Stanlee<br>Mko","Stanlee<br>Mok"]:["Stanlee Mok^800","Web Developer^800","Mobile Developer^800","Stanlee Mko","Stanlee Mok"],typeSpeed:100,backSpeed:50,startDelay:2e3,backDelay:0};this.typed=new p.a(this.el,e)}},{key:"render",value:function(){var e=this;return r.a.createElement("header",{className:"header"},r.a.createElement("h3",{className:"heading-primary mb-sm"},"I'm"),r.a.createElement("h1",{ref:function(a){e.el=a},className:"header__title"}))}}]),a}(r.a.Component),h=t(10),g=t.n(h),b=t(6),v=t.n(b),w=function(e){function a(){return Object(i.a)(this,a),Object(s.a)(this,Object(m.a)(a).apply(this,arguments))}return Object(d.a)(a,e),Object(c.a)(a,[{key:"render",value:function(){return r.a.createElement("img",{"data-aos":"fade-up","data-aos-once":!0,"data-aos-duration":800,"data-aos-offset":50,className:"about__profile-img",style:{width:this.props.width},src:v.a,alt:"Stanlee profile"})}}]),a}(r.a.Component),y=function(e){function a(){var e,t;Object(i.a)(this,a);for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];return(t=Object(s.a)(this,(e=Object(m.a)(a)).call.apply(e,[this].concat(o)))).renderBreak=function(){if(window.innerWidth<550)return r.a.createElement("span",null,r.a.createElement("br",null),r.a.createElement("br",null))},t}return Object(d.a)(a,e),Object(c.a)(a,[{key:"renderParticles",value:function(){return window.innerWidth>700?r.a.createElement(g.a,{className:"particles",params:{particles:{number:{value:10,density:{enable:!0,value_area:1e3}},opacity:{anim:{speed:.5,opacity_min:.1}},color:{value:["#fdd562","#FDC830","#f8b802","#f58955","#F37335"]},move:{speed:1,bounce:!1},size:{value:30,random:!0}}}}):null}},{key:"render",value:function(){return r.a.createElement("section",{id:"1",className:"section-about"},this.renderParticles(),r.a.createElement("div",{className:"about"},r.a.createElement(w,{width:"13.2rem"}),r.a.createElement("h3",{className:"heading-primary mb-md","data-aos":"fade-up","data-aos-once":!0,"data-aos-duration":800,"data-aos-offset":135},"Hi!\xa0"),r.a.createElement("p",{className:"paragraph mb4ab","data-aos":"fade-up","data-aos-once":!0,"data-aos-duration":800,"data-aos-offset":135},"I'm a front-end web developer based in Kuala Lumpur, Malaysia that found myself passionate about web technologies and latest trends."),r.a.createElement("div",{className:"dots mb4ab"}),r.a.createElement("h3",{className:"heading-primary mb-md","data-aos":"fade-up","data-aos-once":!0,"data-aos-duration":800,"data-aos-offset":135},"A little bit more about me\xa0"),r.a.createElement("p",{className:"paragraph","data-aos":"fade-up","data-aos-once":!0,"data-aos-duration":800,"data-aos-offset":135},"I was graduated on 2018 with a Bachelor's Degree in Statistics. Undeniably, I loved what I learned in those good old days. I mean Statistics can be really fun aside of bunch of boring digits, when you're able to visualize the data and listen to the message they convey. But with the growing amount of data, manually computing just doesn't work, we need some kind of tools to handle them - ",r.a.createElement("i",null,"programming"),".\xa0",this.renderBreak(),"I started learning coding in 22 and was really excited about it. ",r.a.createElement("strong",null,"Code makes me happy"),". Didn't you feel the same when you looking at those monospaced font, well indented code? During the time, I was also very interested in figuring out how the web works, so I started spending my spare time demystifying it. And here I am, a front-end developer, enthusiastic about what I do as there are so much more to learn. I can't stop and I won't stop ",r.a.createElement("i",null,"learning"),".")))}}]),a}(r.a.Component),E=function(e){function a(e){var t;return Object(i.a)(this,a),(t=Object(s.a)(this,Object(m.a)(a).call(this,e))).handleScroll=function(){var e=window.pageYOffset;0===e?t.setState({isZero:!0,displayName:!1}):t.state.previousScrollPosition>e&&0!==e?(t.navRef.current.style.top="0",t.setState({isZero:!1,displayName:!0})):t.navRef.current.style.top="-80px",t.setState({previousScrollPosition:e})},t.state={isZero:!0,previousScrollPosition:window.pageYOffset,displayName:!1},t.navRef=r.a.createRef(),t}return Object(d.a)(a,e),Object(c.a)(a,[{key:"componentDidMount",value:function(){window.addEventListener("scroll",this.handleScroll)}},{key:"componentWillUnmount",value:function(){window.removeEventListener("scroll",this.handleScroll)}},{key:"render",value:function(){return r.a.createElement("div",{ref:this.navRef,className:"navbar",style:this.state.isZero?{backgroundColor:"transparent",boxShadow:"none"}:{backgroundColor:"white"}},r.a.createElement("a",{href:"#",onClick:this.onProfileClick,className:"navbar__profile",style:this.state.displayName?{opacity:1,display:"flex"}:{opacity:0,display:"none"}},r.a.createElement("img",{className:"navbar__img",src:v.a,alt:"Stanlee Profile"}),r.a.createElement("h2",{className:"navbar__name"},"Stanlee Mok")),r.a.createElement("ul",{className:"navbar__list"},r.a.createElement("a",{href:"#1"},r.a.createElement("li",{className:"navbar__item"},"About")),r.a.createElement("a",{href:"#2"},r.a.createElement("li",{className:"navbar__item"},"Timeline")),r.a.createElement("a",{href:"#3"},r.a.createElement("li",{className:"navbar__item"},"Contact"))))}}]),a}(r.a.Component),_=t(11),k=t.n(_),O=t(12),N=t.n(O),j=t(13),S=t.n(j),C=function(e){function a(){return Object(i.a)(this,a),Object(s.a)(this,Object(m.a)(a).apply(this,arguments))}return Object(d.a)(a,e),Object(c.a)(a,[{key:"render",value:function(){return r.a.createElement("section",{id:"2",className:"work"},r.a.createElement("h3",{className:"heading-primary mb-lg"},"Timeline\xa0"),r.a.createElement("div",{className:"work__container mb-sm"},r.a.createElement("div",{className:"work__logo-container work__logo-container--petronas"},r.a.createElement("img",{className:"work__logo",src:k.a,alt:"Petronas Logo"})),r.a.createElement("div",{className:"work__content work__content--petronas","data-aos":"fade-up","data-aos-once":!0,"data-aos-duration":600,"data-aos-offset":300},r.a.createElement("div",{className:"work__company work__company--petronas"}),r.a.createElement("div",{className:"work__info"},r.a.createElement("div",{className:"work__org"},"PETRONAS ICT Sdn Bhd"),r.a.createElement("div",{className:"work__title mb-md"},"Software Developer"),r.a.createElement("br",null),"Stanlee is a Front-End Developer working in Digital Delivery team since August 2018. He is currently working on shipping internal products using React and React Native, handling Self Service Business Inteligence Integration, promoting data culture in workplace, creating technical API documentation, managing collaboration tools - Confluence and Azure DevOps, adhering to Scrum and Agile practices during development, working in Microsoft Azure and Amazon Web Services Cloud Platform. ")),r.a.createElement("div",{className:"work__logo-container work__logo-container--upm"},r.a.createElement("img",{className:"work__logo",src:N.a,alt:"UPM Logo"})),r.a.createElement("div",{className:"work__content work__content--upm","data-aos":"fade-up","data-aos-once":!0,"data-aos-duration":600,"data-aos-offset":150},r.a.createElement("div",{className:"work__company work__company--upm"}),r.a.createElement("div",{className:"work__info"},r.a.createElement("div",{className:"work__org work__org--upm"},"Universiti Putra Malaysia"),r.a.createElement("div",{className:"work__title work__title--upm mb-md"},"Tutor"),r.a.createElement("br",null),"Stanlee was a Statistics tutor and graduated on June 2018. He enjoyed sharing his knowledge with others, taking part in Statistics related conference and presenting his research idea to public. He was experienced in data modelling by adopting his statistical knowledge - Multiple Regression, Experimental Design, Principal Component, Time Series to real-world data using R programming, Minitab and SAS.")),r.a.createElement("div",{className:"work__logo-container work__logo-container--bizit"},r.a.createElement("img",{className:"work__logo",src:S.a,alt:"Bizit Systems Logo"}),r.a.createElement("div",{className:"work__last"},"Born")),r.a.createElement("div",{className:"work__content work__content--bizit","data-aos":"fade-up","data-aos-once":!0,"data-aos-duration":600,"data-aos-offset":250},r.a.createElement("div",{className:"work__company work__company--bizit"}),r.a.createElement("div",{className:"work__info"},r.a.createElement("div",{className:"work__org"},"Bizit Systems Sdn Bhd"),r.a.createElement("div",{className:"work__title mb-md"},"Intern"),r.a.createElement("br",null),"Stanlee was an intern working on offering quality improvement, statistical solutions and technical supports to organizations. He worked closely with the industry and provided timely feedback on their production data using various Quality Controls tools - Cause-and-effect diagram, Control Charts and Pareto Chart. Being able to involve in the industry and apply what he learned was a great experience and invaluable to him. "))),r.a.createElement("div",{className:"work__funny"},"Born"))}}]),a}(r.a.Component);function x(){return(x=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function M(e,a){if(null==e)return{};var t,n,r=function(e,a){if(null==e)return{};var t,n,r={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],a.indexOf(t)>=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],a.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var P=r.a.createElement("title",null,"Github"),B=r.a.createElement("path",{d:"M16 0.396c-8.84 0-16 7.164-16 16 0 7.071 4.584 13.067 10.94 15.18 0.8 0.151 1.093-0.344 1.093-0.769 0-0.38-0.013-1.387-0.020-2.72-4.451 0.965-5.389-2.147-5.389-2.147-0.728-1.847-1.78-2.34-1.78-2.34-1.449-0.992 0.112-0.972 0.112-0.972 1.607 0.112 2.451 1.648 2.451 1.648 1.427 2.447 3.745 1.74 4.66 1.331 0.144-1.035 0.556-1.74 1.013-2.14-3.553-0.4-7.288-1.776-7.288-7.907 0-1.747 0.62-3.173 1.647-4.293-0.18-0.404-0.72-2.031 0.14-4.235 0 0 1.34-0.429 4.4 1.64 1.28-0.356 2.64-0.532 4-0.54 1.36 0.008 2.72 0.184 4 0.54 3.040-2.069 4.38-1.64 4.38-1.64 0.86 2.204 0.32 3.831 0.16 4.235 1.020 1.12 1.64 2.547 1.64 4.293 0 6.147-3.74 7.5-7.3 7.893 0.56 0.48 1.080 1.461 1.080 2.96 0 2.141-0.020 3.861-0.020 4.381 0 0.42 0.28 0.92 1.1 0.76 6.401-2.099 10.981-8.099 10.981-15.159 0-8.836-7.164-16-16-16z"}),I=function(e){var a=e.svgRef,t=M(e,["svgRef"]);return r.a.createElement("svg",x({width:32,height:32,viewBox:"0 0 32 32",ref:a},t),P,B)},R=r.a.forwardRef(function(e,a){return r.a.createElement(I,x({svgRef:a},e))});t.p;function D(){return(D=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function z(e,a){if(null==e)return{};var t,n,r=function(e,a){if(null==e)return{};var t,n,r={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],a.indexOf(t)>=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],a.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var A=r.a.createElement("path",{d:"M23.032,220.285h204.506c12.7,0,23.032-10.333,23.032-23.034V53.318c0-12.701-10.332-23.033-23.032-23.033H23.032 C10.332,30.285,0,40.618,0,53.318v143.933C0,209.952,10.332,220.285,23.032,220.285z M15,53.318c0-4.436,3.601-8.033,8.032-8.033 h204.506c4.433,0,8.032,3.597,8.032,8.033v143.933c0,4.437-3.6,8.034-8.032,8.034H23.032c-4.432,0-8.032-3.597-8.032-8.034V53.318z  M44.738,194.677h-15V56.529l93.674,60.815c1.102,0.715,2.643,0.716,3.748-0.002l93.673-60.813v138.148h-15V84.151l-70.507,45.774 c-2.992,1.941-6.464,2.966-10.041,2.966s-7.049-1.025-10.039-2.965L44.738,84.151V194.677z"}),L=r.a.createElement("g",null),W=r.a.createElement("g",null),H=r.a.createElement("g",null),T=r.a.createElement("g",null),V=r.a.createElement("g",null),F=r.a.createElement("g",null),U=r.a.createElement("g",null),Z=r.a.createElement("g",null),J=r.a.createElement("g",null),Y=r.a.createElement("g",null),q=r.a.createElement("g",null),G=r.a.createElement("g",null),K=r.a.createElement("g",null),Q=r.a.createElement("g",null),X=r.a.createElement("g",null),$=function(e){var a=e.svgRef,t=z(e,["svgRef"]);return r.a.createElement("svg",D({id:"Capa_1",x:"0px",y:"0px",viewBox:"0 0 250.57 250.57",style:{enableBackground:"new 0 0 250.57 250.57"},xmlSpace:"preserve",ref:a},t),A,L,W,H,T,V,F,U,Z,J,Y,q,G,K,Q,X)},ee=r.a.forwardRef(function(e,a){return r.a.createElement($,D({svgRef:a},e))});t.p;function ae(){return(ae=Object.assign||function(e){for(var a=1;a<arguments.length;a++){var t=arguments[a];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function te(e,a){if(null==e)return{};var t,n,r=function(e,a){if(null==e)return{};var t,n,r={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],a.indexOf(t)>=0||(r[t]=e[t]);return r}(e,a);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],a.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(r[t]=e[t])}return r}var ne=r.a.createElement("title",null,"LinkedIn"),re=r.a.createElement("path",{d:"M5.453 9.766v15.484h-5.156v-15.484h5.156zM5.781 4.984c0.016 1.484-1.109 2.672-2.906 2.672v0h-0.031c-1.734 0-2.844-1.188-2.844-2.672 0-1.516 1.156-2.672 2.906-2.672 1.766 0 2.859 1.156 2.875 2.672zM24 16.375v8.875h-5.141v-8.281c0-2.078-0.75-3.5-2.609-3.5-1.422 0-2.266 0.953-2.641 1.875-0.125 0.344-0.172 0.797-0.172 1.266v8.641h-5.141c0.063-14.031 0-15.484 0-15.484h5.141v2.25h-0.031c0.672-1.062 1.891-2.609 4.672-2.609 3.391 0 5.922 2.219 5.922 6.969z"}),oe=function(e){var a=e.svgRef,t=te(e,["svgRef"]);return r.a.createElement("svg",ae({width:24,height:28,viewBox:"0 0 24 28",ref:a},t),ne,re)},le=r.a.forwardRef(function(e,a){return r.a.createElement(oe,ae({svgRef:a},e))}),ie=(t.p,function(e){function a(){var e,t;Object(i.a)(this,a);for(var n=arguments.length,r=new Array(n),o=0;o<n;o++)r[o]=arguments[o];return(t=Object(s.a)(this,(e=Object(m.a)(a)).call.apply(e,[this].concat(r)))).state={content:"Copy Email",clicked:!1},t.onEmailLogoClick=function(){var e=document.createElement("textarea");e.textContent="me@stanleemok.com",e.style.position="fixed",document.body.appendChild(e),e.select();try{return document.execCommand("copy")}catch(a){return console.warn("Copy to clipboard failed.",a),!1}finally{document.body.removeChild(e)}},t.onEmailBoxClick=function(){t.setState({content:"Copied!",clicked:!0})},t.onEmailBoxLeave=function(){t.setState({content:"Copy Email",clicked:!1})},t}return Object(d.a)(a,e),Object(c.a)(a,[{key:"render",value:function(){return r.a.createElement("div",{id:"3",className:"footer"},r.a.createElement("h3",{className:"heading-primary mb-lg"},"Follow me\xa0"),r.a.createElement("div",{className:"footer__logos mb-sm"},r.a.createElement("a",{href:"https://github.com/stanlee94",target:"_blank",rel:"noopener noreferrer"},r.a.createElement(R,{className:"footer__logo footer__logo--github"})),r.a.createElement("a",{href:"https://www.linkedin.com/in/stanleemok/",target:"_blank",rel:"noopener noreferrer"},r.a.createElement(le,{className:"footer__logo footer__logo--linkedin"})),r.a.createElement("span",{className:"footer__email-box",onClick:this.onEmailBoxClick,onMouseLeave:this.onEmailBoxLeave},r.a.createElement(ee,{onClick:this.onEmailLogoClick,className:"footer__logo footer__logo--email"}),r.a.createElement("span",{className:"footer__tooltip",style:{backgroundColor:this.state.clicked?"#72e5a5":"#bbb"}},this.state.content))),r.a.createElement("p",{className:"footer__email"},r.a.createElement("span",{role:"img","aria-label":"email emoji","aria-labelledby":"footer__email"},"\ud83d\udce7:\xa0"),"me@stanleemok.com"),r.a.createElement("p",{className:"footer__cheers"},"Sant\xe9!"))}}]),a}(r.a.Component)),ce=function(e){function a(){var e,t;Object(i.a)(this,a);for(var n=arguments.length,o=new Array(n),l=0;l<n;l++)o[l]=arguments[l];return(t=Object(s.a)(this,(e=Object(m.a)(a)).call.apply(e,[this].concat(o)))).renderDots=function(){return r.a.createElement("div",{className:"dots"})},t.renderNavigationBar=function(){return window.innerWidth>700?r.a.createElement(E,null):null},t}return Object(d.a)(a,e),Object(c.a)(a,[{key:"render",value:function(){return r.a.createElement("div",{className:"container"},this.renderNavigationBar(),r.a.createElement(f,null),r.a.createElement(y,null),this.renderDots(),r.a.createElement(C,null),this.renderDots(),r.a.createElement(ie,null))}}]),a}(r.a.Component);l.a.render(r.a.createElement(ce,null),document.getElementById("root"))}],[[14,1,2]]]);
//# sourceMappingURL=main.44f8b8db.chunk.js.map