-
Notifications
You must be signed in to change notification settings - Fork 0
/
component---src-pages-index-js-efc37fd6e8f840f63d66.js
2 lines (2 loc) · 16.9 KB
/
component---src-pages-index-js-efc37fd6e8f840f63d66.js
1
2
(window.webpackJsonp=window.webpackJsonp||[]).push([[2],{140:function(e,t,n){"use strict";n.r(t);n(52);var a=n(152),i=n.n(a),r=n(0),o=n.n(r),l=n(141),c=n(193),m=n.n(c);n(202),n(204);function p(){var e=i()(["\n body {\n font-family: 'Catamaran',sans-serif !important;\n color: "," !important;\n }\n"]);return p=function(){return e},e}var d={main:"#0c4c8a",white:"#ffffff",gray:"#353535"};Object(l.d)(p(),d.gray);var s=function(e){var t=e.children;return o.a.createElement("div",null,o.a.createElement(m.a,{title:"เบนซ์นะจ๊ะ - MicroBenz",meta:[{name:"description",content:""},{name:"keywords",content:""}]}),o.a.createElement(l.a,{theme:d},t))},u=n(153),f=n(209),h=n.n(f),g=l.c.div.withConfig({displayName:"Banner__Container",componentId:"iwzvwn-0"})(["height:500px;position:relative;@media(max-width:768px){height:350px;}.gatsby-image-outer-wrapper{height:100%;img{object-position:center 35% !important;}}"]),x=Object(l.c)(h.a).withConfig({displayName:"Banner__BannerImage",componentId:"iwzvwn-1"})(["height:100%;"]),w=l.c.div.withConfig({displayName:"Banner__InnerContainer",componentId:"iwzvwn-2"})(["display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,0.65);position:absolute;left:0;right:0;top:0;bottom:0;@media(max-width:768px){flex-direction:column;}"]),y=l.c.img.attrs({src:Object(u.withPrefix)("/logo.png"),alt:"branding"}).withConfig({displayName:"Banner__BrandingImage",componentId:"iwzvwn-3"})(["width:140px;display:block;margin:0 auto;@media(max-width:768px){width:80px;}"]),E=l.c.div.withConfig({displayName:"Banner__ImageContainer",componentId:"iwzvwn-4"})(["margin-right:18px;@media(max-width:768px){margin-right:0;margin-bottom:13px;}"]),b=l.c.div.withConfig({displayName:"Banner__TextContainer",componentId:"iwzvwn-5"})(["@media(max-width:768px){text-align:center;}"]),v=Object(l.b)(["color:",";"],function(e){return e.theme.white}),C=l.c.h1.withConfig({displayName:"Banner__Title",componentId:"iwzvwn-6"})([""," font-size:44px;font-weight:bold;line-height:46px;@media(max-width:768px){font-size:37px;}"],v),_=l.c.p.withConfig({displayName:"Banner__Subtitle",componentId:"iwzvwn-7"})([""," font-size:23px;@media(max-width:768px){font-size:19px;}"],v),z=function(e){var t=e.bannerImage;return o.a.createElement(g,null,o.a.createElement(x,{style:{height:"100%"},sizes:t.sizes}),o.a.createElement(w,null,o.a.createElement(E,null,o.a.createElement(y,null)),o.a.createElement(b,null,o.a.createElement(C,null,"MicroBenz"),o.a.createElement(_,null,"Geek + Writer + Reader + Eater since 1995"))))},I="#054889",k="#000000",N="#4a4a4a",j="#ffffff",T="#e86a1a",B="#02b99d",S="#ea4335",q="#3b5998",M="#00ab6c",P="radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%)",R="#6e5494",G=l.c.h1.withConfig({displayName:"Typo__SectionTitle",componentId:"lq9ym9-0"})(["text-align:center;font-size:60px;font-weight:700;line-height:70px;@media(max-width:768px){font-size:46px;line-height:56px;}"]),F=l.c.p.withConfig({displayName:"Typo__SectionDescription",componentId:"lq9ym9-1"})(["text-align:center;font-size:22px;font-weight:400;color:",";margin-bottom:25px;@media(max-width:768px){font-size:20px;}"],I),O=l.c.p.withConfig({displayName:"Typo__Paragraph",componentId:"lq9ym9-2"})(["color:",";"],function(e){return e.color||N}),L=l.c.a.attrs({target:function(e){return e.noNewTab?"":"_blank"},rel:function(e){return e.noNewTab?"":"noopener noreferrer"}}).withConfig({displayName:"Typo__Link",componentId:"lq9ym9-3"})(["color:",";"],function(e){return e.color||B}),A=l.c.div.withConfig({displayName:"Container__SectionContainer",componentId:"ysct29-0"})(["padding:40px 0;@media(max-width:768px){padding:40px 25px 20px;","}"],function(e){return e.isLast&&"padding-bottom: 40px;"}),H=(n(252),l.c.i.attrs({className:function(e){return"fa fa-"+e.name},"aria-hidden":"true"}).withConfig({displayName:"FontAwesome",componentId:"sc-12u3qp8-0"})(["color:",";font-size:","px !important;"],function(e){return e.color||k},function(e){return e.size||22}));function V(){var e=i()(["\n font-size: 22px;\n font-weight: 300;\n text-align: center;\n @media(max-width: 768px) {\n font-size: 20px;\n }\n"]);return V=function(){return e},e}function D(){var e=i()(["\n text-align: center;\n font-size: 30px;\n font-weight: 500;\n @media(max-width: 768px) {\n font-size: 22px;\n }\n"]);return D=function(){return e},e}var W=l.c.img.attrs({src:Object(u.withPrefix)("./me.png")}).withConfig({displayName:"Me__Avatar",componentId:"sc-6lmphh-0"})(["width:200px;height:200px;border-radius:50%;display:block;margin:20px auto;"]),J=O.extend(D()),Q=O.extend(V()),U=l.c.span.withConfig({displayName:"Me__TmtHighlight",componentId:"sc-6lmphh-1"})(["color:",";font-weight:bold;"],T),K=l.c.div.withConfig({displayName:"Me__ContactContainer",componentId:"sc-6lmphh-2"})(["display:flex;justify-content:center;padding:15px 0;@media(max-width:768px){flex-wrap:wrap;}"]),X=l.c.div.withConfig({displayName:"Me__CircleIcon",componentId:"sc-6lmphh-3"})(["width:","px;height:","px;border-radius:50%;background:",";display:flex;justify-content:center;align-items:center;margin-right:15px;@media(max-width:768px){margin-bottom:20px;margin-right:15px;}"],function(e){return e.size||"30"},function(e){return e.size||"30"},function(e){return e.color||j}),Y=function(){return o.a.createElement(A,null,o.a.createElement(G,null,"My name is Benz"),o.a.createElement(F,null,"I define myself in 4 words: Geek, Writer, Reader and Eater"),o.a.createElement(W,null),o.a.createElement(J,null,"Tananan Tangthanachaikul (Benz)"),o.a.createElement(Q,null,"Full-Stack Developer at ",o.a.createElement(L,{href:"https://www.takemetour.com"},o.a.createElement(U,null,"TakeMeTour"))),o.a.createElement(K,null,o.a.createElement(L,{href:"https://www.facebook.com/MicroBenz"},o.a.createElement(X,{color:q,size:60},o.a.createElement(H,{name:"facebook",size:30,color:j}))),o.a.createElement(L,{href:"https://www.github.com/MicroBenz"},o.a.createElement(X,{color:R,size:60},o.a.createElement(H,{name:"github",size:30,color:j}))),o.a.createElement(L,{href:"mailto:[email protected]",noNewTab:!0},o.a.createElement(X,{color:S,size:60,isLastMobile:!0},o.a.createElement(H,{name:"envelope-o",size:30,color:j}))),o.a.createElement(L,{href:"https://microbenz.in.th/"},o.a.createElement(X,{color:M,size:60},o.a.createElement(H,{name:"medium",size:30,color:j}))),o.a.createElement(L,{href:"https://www.instagram.com/benz2202/"},o.a.createElement(X,{color:P,size:60,isLast:!0},o.a.createElement(H,{name:"instagram",size:30,color:j})))))},Z=(n(253),n(8)),$=n.n(Z),ee=n(54),te=n.n(ee),ne=n(255),ae=n.n(ne),ie=l.c.div.attrs({size:function(e){return e.size||400}}).withConfig({displayName:"ReactIcon__LottieDiv",componentId:"sc-1lef4lc-0"})(["width:","px;height:","px;margin-top:-20px;"],function(e){return e.size},function(e){return e.size}),re=function(e){function t(t){var n;return(n=e.call(this,t)||this).state={isVisible:!1},n.onChangeVisible=n.onChangeVisible.bind(te()(te()(n))),n}$()(t,e);var a=t.prototype;return a.onChangeVisible=function(e){!this.state.isVisible&&e&&(this.setState({isVisible:e}),n(261).loadAnimation({container:document.getElementById("react-lottie"),renderer:"svg",path:Object(u.withPrefix)("./react.json")}))},a.render=function(){var e=this.props.size;return o.a.createElement(ae.a,{offset:{top:20},onChange:this.onChangeVisible},o.a.createElement(ie,{id:"react-lottie",size:e}))},t}(r.PureComponent),oe=l.c.div.withConfig({displayName:"SkillCard__Container",componentId:"sc-1up4ub5-0"})(["display:flex;flex-direction:row;@media(max-width:768px){flex-direction:column;align-items:center;}"]),le=l.c.img.attrs({src:function(e){return Object(u.withPrefix)(e.img)},alt:function(e){return e.title}}).withConfig({displayName:"SkillCard__SkillImage",componentId:"sc-1up4ub5-1"})(["width:200px;height:100%;@media(max-width:768px){width:125px;}"]),ce=l.c.div.withConfig({displayName:"SkillCard__TextContainer",componentId:"sc-1up4ub5-2"})(["flex:1;padding-left:15px;@media(max-width:768px){padding-left:0;text-align:center;padding-top:15px;}"]),me=l.c.p.withConfig({displayName:"SkillCard__Title",componentId:"sc-1up4ub5-3"})(["font-size:32px;font-weight:bold;"]),pe=function(e){var t=e.img,n=e.title,a=e.subtitle;return o.a.createElement(oe,null,o.a.createElement(le,{img:t}),o.a.createElement(ce,null,o.a.createElement(me,null,n),a))};function de(){var e=i()(["\n font-size: 18px;\n"]);return de=function(){return e},e}function se(){var e=i()(["\n font-size: 20px;\n text-align: center;\n"]);return se=function(){return e},e}function ue(){var e=i()(["\n font-size: 32px;\n font-weight: 500;\n margin-top: -20px;\n color: ",";\n text-align: center;\n"]);return ue=function(){return e},e}var fe=l.c.div.withConfig({displayName:"Geek__TeamReactContainer",componentId:"ahh8pv-0"})(["display:flex;align-items:center;flex-direction:column;"]),he=O.extend(ue(),I),ge=O.extend(se()),xe=O.extend(de()),we=l.c.div.withConfig({displayName:"Geek__SkillsContainer",componentId:"ahh8pv-1"})(["padding-top:50px;"]),ye=l.c.div.attrs({className:"column is-6"}).withConfig({displayName:"Geek__Column",componentId:"ahh8pv-2"})(["",""],function(e){return!e.noMargin&&"\n margin-bottom: 20px;\n @media(max-width: 768px) {\n margin-bottom: 40px;\n }\n "}),Ee=function(){return o.a.createElement(A,null,o.a.createElement(G,null,"Geek"),o.a.createElement(F,null,"Graduate from Computer Engineering. 2 years experience in Web Development."),o.a.createElement(fe,null,o.a.createElement(re,{size:200}),o.a.createElement(he,null,"<TeamReact />"),o.a.createElement(ge,null,"Familiar with React and it's ecosystem (e.g. ",o.a.createElement(L,{href:"https://redux.js.org/"},"Redux")," / ",o.a.createElement(L,{href:"https://www.styled-components.com/"},"styled-components")," / ",o.a.createElement(L,{href:"https://github.com/acdlite/recompose"},"recompose"),")")),o.a.createElement(we,null,o.a.createElement("div",{className:"columns is-multiline"},o.a.createElement(ye,null,o.a.createElement(pe,{img:"./geek/javascript.png",title:"JavaScript",subtitle:o.a.createElement(xe,null,"Experience in ES6, ES7. Also some of Front-end JavaScript library (Vue.js, Angular, jQuery)")})),o.a.createElement(ye,null,o.a.createElement(pe,{img:"./geek/nodejs.png",title:"Node.js",subtitle:o.a.createElement(xe,null,"Experience on Node.js as Back-end API Server, especially ",o.a.createElement(L,{href:"https://expressjs.com/"},"Express"))})),o.a.createElement(ye,null,o.a.createElement(pe,{img:"./geek/python.png",title:"Python",subtitle:o.a.createElement(xe,null,"Once use on my senior project. Deep down into socket package to implements networking over UDP protocol")})))))},be=l.c.div.withConfig({displayName:"BlogCard__Container",componentId:"xrwhkv-0"})(["position:relative;"]),ve=l.c.img.withConfig({displayName:"BlogCard__Image",componentId:"xrwhkv-1"})(["display:block;margin:0;width:100%;object-fit:cover;"]),Ce=l.c.div.withConfig({displayName:"BlogCard__TitleContainer",componentId:"xrwhkv-2"})(["padding:10px;display:flex;align-items:center;height:50px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 27%,rgba(0,0,0,0) 100%);"]),_e=l.c.h2.withConfig({displayName:"BlogCard__BlogTitle",componentId:"xrwhkv-3"})(["font-weight:bold;color:white;font-size:23px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;"]),ze=function(e){var t=e.title,n=e.uniqueSlug,a=e.virtuals;return o.a.createElement("a",{href:"https://microbenz.in.th/"+n,target:"_blank",rel:"noopener noreferrer"},o.a.createElement(be,null,o.a.createElement(ve,{src:"https://cdn-images-1.medium.com/fit/c/600/360/"+a.previewImage.imageId,alt:t}),o.a.createElement(Ce,null,o.a.createElement(_e,null,t))))},Ie=l.c.div.withConfig({displayName:"MoreCard__Container",componentId:"tq3cbp-0"})(["background-color:",";height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;"],M),ke=l.c.p.withConfig({displayName:"MoreCard__MoreText",componentId:"tq3cbp-1"})(["color:",";font-size:36px;"],j),Ne=function(e){var t=e.count,n=void 0===t?0:t;return o.a.createElement(L,{href:"https://microbenz.in.th"},o.a.createElement(Ie,null,o.a.createElement(ke,null,"+",n," More at"),o.a.createElement(H,{name:"medium",size:36,color:"#ffffff"})))},je=l.c.div.attrs({className:"columns is-multiline"}).withConfig({displayName:"Writer__Columns",componentId:"mn2ipe-0"})(["margin-top:0;padding-top:15px;@media(max-width:768px){padding-top:5px;display:flex;flex-wrap:nowrap !important;overflow-x:scroll;margin-left:-25px !important;margin-right:-25px !important;flex-direction:row;padding-left:15px;}"]),Te=l.c.div.attrs({className:function(e){return e.size?"column is-"+e.size:"column"}}).withConfig({displayName:"Writer__Column",componentId:"mn2ipe-1"})([""," @media(max-width:768px){padding:10px 15px !important;flex:none !important;width:250px !important;margin-right:15px;"," ","}"],function(e){return e.desktopHide&&"display: none !important;"},function(e){return e.mobileHide&&"display: none !important;"},function(e){return e.desktopHide&&"display: inherit !important;"}),Be=function(e){var t=e.posts;return o.a.createElement(A,{isLast:!0},o.a.createElement(G,null,"Writer"),o.a.createElement(F,null,"As seen on ",o.a.createElement(L,{href:"https://microbenz.in.th"},"Medium"),". I'm not considering myself as a blogger. I'm just the man who love to share something by writing."),o.a.createElement(je,null,t.slice(0,2).map(function(e){return o.a.createElement(Te,{size:6,key:e.id},o.a.createElement(ze,e))}),t.slice(2,5).map(function(e){return o.a.createElement(Te,{size:3,key:e.id},o.a.createElement(ze,e))}),t.slice(5).map(function(e){return o.a.createElement(Te,{size:3,key:e.id,desktopHide:!0},o.a.createElement(ze,e))}),o.a.createElement(Te,{size:3,mobileHide:!0},o.a.createElement(Ne,{count:t.length-5}))))};function Se(){var e=i()(["\n font-weight: 400;\n @media(max-width: 768px) {\n font-size: 16px;\n }\n"]);return Se=function(){return e},e}var qe=l.c.div.withConfig({displayName:"Footer__Container",componentId:"a1q8jr-0"})(["background-color:",";display:flex;height:40px;flex-direction:column;height:100px;justify-content:center;align-items:center;"],I),Me=l.c.p.withConfig({displayName:"Footer__Label",componentId:"a1q8jr-1"})(["color:",";text-align:center;font-weight:500;font-size:18px;"],j),Pe=Me.extend(Se()),Re=l.c.span.withConfig({displayName:"Footer__Heart",componentId:"a1q8jr-2"})(["color:",";"],S),Ge=function(){return o.a.createElement(qe,null,o.a.createElement(Me,null,"Code with ",o.a.createElement(Re,null,"♥")," by @microbenz"),o.a.createElement(Pe,null,"This site is hosted on GitHub, powered by Gatsby."))};function Fe(){var e=i()(["\n body {\n color: #4a4a4a !important;\n }\n .column {\n @media(max-width: 768px) {\n padding: 0 !important;\n }\n }\n .columns {\n margin-right: 0;\n margin-left: 0;\n }\n"]);return Fe=function(){return e},e}n.d(t,"query",function(){return Oe}),Object(l.d)(Fe());var Oe="1711026184";t.default=function(e){var t=e.data,n=t.allMediumPost,a=t.file;return o.a.createElement(s,null,o.a.createElement(r.Fragment,null,o.a.createElement(z,{bannerImage:a.childImageSharp}),o.a.createElement("div",{className:"container"},o.a.createElement(Y,null),o.a.createElement(Ee,null),o.a.createElement(Be,{posts:n.edges.map(function(e){return e.node})})),o.a.createElement(Ge,null)))}},153:function(e,t,n){"use strict";n.r(t),n.d(t,"graphql",function(){return h}),n.d(t,"StaticQueryContext",function(){return u}),n.d(t,"StaticQuery",function(){return f});var a=n(0),i=n.n(a),r=n(5),o=n.n(r),l=n(143),c=n.n(l);n.d(t,"Link",function(){return c.a}),n.d(t,"withPrefix",function(){return l.withPrefix}),n.d(t,"navigate",function(){return l.navigate}),n.d(t,"push",function(){return l.push}),n.d(t,"replace",function(){return l.replace}),n.d(t,"navigateTo",function(){return l.navigateTo});var m=n(36);n.d(t,"waitForRouteChange",function(){return m.c});var p=n(175),d=n.n(p);n.d(t,"PageRenderer",function(){return d.a});var s=n(50);n.d(t,"parsePath",function(){return s.a});var u=i.a.createContext({}),f=function(e){return i.a.createElement(u.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)")})};function h(){throw new Error("It appears like Gatsby is misconfigured. Gatsby related `graphql` calls are supposed to only be evaluated at compile time, and then compiled away,. Unfortunately, something went wrong and the query was left in the compiled code.\n\n.Unless your site has a complex or custom babel/Gatsby configuration this is likely a bug in Gatsby.")}f.propTypes={data:o.a.object,query:o.a.string.isRequired,render:o.a.func,children:o.a.func}},175:function(e,t,n){var a;e.exports=(a=n(208))&&a.default||a},208:function(e,t,n){"use strict";n.r(t);n(38);var a=n(0),i=n.n(a),r=n(5),o=n.n(r),l=n(73),c=n(1),m=function(e){var t=e.location,n=c.default.getResourcesForPathnameSync(t.pathname);return i.a.createElement(l.a,Object.assign({location:t,pageResources:n},n.json))};m.propTypes={location:o.a.shape({pathname:o.a.string.isRequired}).isRequired},t.default=m}}]);
//# sourceMappingURL=component---src-pages-index-js-efc37fd6e8f840f63d66.js.map