(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{137:function(e,t,a){"use strict";a.r(t),a.d(t,"pageQuery",function(){return q});var i=a(7),n=a.n(i),r=a(141),o=a.n(r),s=a(0),l=a.n(s),d=a(139),c=a(145),u=a(144),p=a(153),f=a(157),h=a(151),g=a(142),m=a(140),b=a(152),y=a.n(b),v=a(146);function w(){var e=o()(["\n    width: auto;\n    padding: 40px;\n    margin: 50px 30px -100px 30px;\n  "]);return w=function(){return e},e}function x(){var e=o()(["max-width: 70%;"]);return x=function(){return e},e}function S(){var e=o()(["max-width: none;"]);return S=function(){return e},e}function E(){var e=o()(["\n      margin-bottom: 40px;\n  "]);return E=function(){return e},e}function I(){var e=o()(["padding: 50px 0;"]);return I=function(){return e},e}function k(){var e=o()(["\n    padding: 40px 10px;\n  "]);return k=function(){return e},e}function C(){var e=o()(["\n    flex-direction: column;\n    align-items: baseline;\n  "]);return C=function(){return e},e}var R=d.c.div.withConfig({displayName:"pages__AboveFold",componentId:"sc-13he07q-0"})([""," padding:140px 0 60px 0;","{color:",";}"],c.a,u.a,m.a.darkest),L=(d.c.div.withConfig({displayName:"pages__Block",componentId:"sc-13he07q-1"})(["&:nth-child(odd){border:solid 1px ",";background-color:",";}"],Object(v.a)(.1,m.a.light),m.a.light),Object(d.c)(p.a).withConfig({displayName:"pages__BlockContent",componentId:"sc-13he07q-2"})([""," padding:100px 40px;",";",";","{margin-top:10px;}","{margin-top:0;}img{width:100%;height:auto;}"],c.b,g.a.tablet(C()),g.a.phone(k()),u.f,u.b),d.c.div.withConfig({displayName:"pages__DivWrapper",componentId:"sc-13he07q-3"})(["padding:80px 30px;"," &:first-child{",";}"],g.a.tablet(I()),g.a.tablet(E())),d.c.img.withConfig({displayName:"pages__ItemImage",componentId:"sc-13he07q-4"})(["max-width:85%;position:relative;",""],g.a.tablet(S())),d.c.div.withConfig({displayName:"pages__HomepageWrapper",componentId:"sc-13he07q-5"})([""," .who-desc{display:block;margin:0 auto 60px auto;max-width:90%;}","{margin-bottom:28px;}","{margin:0 0 20px 0;}.avatar{max-width:200px;width:80%;margin:0 auto 50px auto;border-radius:50%;display:block;","}.link{padding:0;color:",";text-decoration:underlined;svg{margin-left:7px;}}.portfolio{margin:100px 0 50px 0;font-size:42px;}"],c.d,u.e,u.a,g.a.tablet(x()),m.a.darkest)),N=d.c.div.withConfig({displayName:"pages__WorkWithMe",componentId:"sc-13he07q-6"})(["padding:80px;width:73%;border-radius:6px;box-shadow:0 2px 26px 0 rgba(57,55,55,0.08);background-color:#ffffff;text-align:center;position:relative;margin:100px auto -150px auto;","{max-width:80%;margin:0 auto 28px auto;}",";"],u.e,g.a.tablet(w())),_=function(e){function t(){for(var t,a=arguments.length,i=new Array(a),n=0;n<a;n++)i[n]=arguments[n];return(t=e.call.apply(e,[this].concat(i))||this).state={openHireMePopup:!1},t.handleRequestDemoClose=function(){t.setState({openHireMePopup:!1})},t.openContactPopup=function(){t.setState({openHireMePopup:!0})},t}return n()(t,e),t.prototype.render=function(){var e=this.state.openHireMePopup,t=this.props.data;return l.a.createElement(L,null,l.a.createElement(p.b,{theme:"white",bigFooter:!0,openContactPopup:this.openContactPopup},l.a.createElement(R,null,l.a.createElement(y.a,{fluid:t.avatarHomepage.childImageSharp.fluid,alt:"Aleksandar Okiljevic",className:"avatar"}),l.a.createElement(u.a,{primary:!0,align:"center"},"Aleksandar Okiljevic"),l.a.createElement(u.e,{align:"center",max45:!0},"Web and React Native devfrom Novi Sad, love to code the creative products"),l.a.createElement(f.b,{large:!0,onClick:this.openContactPopup,book:!0},"Hire me")),l.a.createElement(N,null,l.a.createElement(u.a,{green:!0},"Get in touch with me"),l.a.createElement(u.e,null,"Fancy working with me? Contact me for more info!"," "),l.a.createElement(f.b,{onClick:this.openContactPopup,book:!0},"Contact me"))),l.a.createElement(h.a,{open:e,handleClose:this.handleRequestDemoClose}))},t}(l.a.Component);t.default=_;var q="4273871663"},152:function(e,t,a){"use strict";var i=a(9);t.__esModule=!0,t.default=void 0;var n,r=i(a(7)),o=i(a(48)),s=i(a(149)),l=i(a(150)),d=i(a(0)),c=i(a(4)),u=function(e){var t=(0,l.default)({},e);return t.resolutions&&(t.fixed=t.resolutions,delete t.resolutions),t.sizes&&(t.fluid=t.sizes,delete t.sizes),t},p={},f=function(e){var t=u(e),a=t.fluid?t.fluid.src:t.fixed.src;return!!p[a]||(p[a]=!0,!1)},h=[];var g=function(e,t){(void 0===n&&"undefined"!=typeof window&&window.IntersectionObserver&&(n=new window.IntersectionObserver(function(e){e.forEach(function(e){h.forEach(function(t){t[0]===e.target&&(e.isIntersecting||e.intersectionRatio>0)&&(n.unobserve(t[0]),t[1]())})})},{rootMargin:"200px"})),n).observe(e),h.push([e,t])},m=function(e){var t=e.src?'src="'+e.src+'" ':'src="" ',a=e.sizes?'sizes="'+e.sizes+'" ':"",i=e.srcSetWebp?"<source type='image/webp' srcSet=\""+e.srcSetWebp+'" '+a+"/>":"",n=e.srcSet?'<source srcSet="'+e.srcSet+'" '+a+"/>":"",r=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.opacity?e.opacity:"1";return"<picture>"+i+n+"<img "+s+l+t+o+r+'style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:'+(e.transitionDelay?e.transitionDelay:"0.5s")+";opacity:"+d+';width:100%;height:100%;object-fit:cover;object-position:center"/></picture>'},b=d.default.forwardRef(function(e,t){var a=e.style,i=e.onLoad,n=e.onError,r=(0,s.default)(e,["style","onLoad","onError"]);return d.default.createElement("img",(0,l.default)({},r,{onLoad:i,onError:n,ref:t,style:(0,l.default)({position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"},a)}))});b.propTypes={style:c.default.object,onError:c.default.func,onLoad:c.default.func};var y=function(e){function t(t){var a;a=e.call(this,t)||this;var i=!0,n=!0,r=!1,s=t.fadeIn,l=f(t);!l&&"undefined"!=typeof window&&window.IntersectionObserver&&(i=!1,n=!1,r=!0),"undefined"==typeof window&&(i=!1,n=!1),t.critical&&(i=!0,n=!1,r=!1);var c=!(a.props.critical&&!a.props.fadeIn);return a.state={isVisible:i,imgLoaded:n,IOSupported:r,fadeIn:s,hasNoScript:c,seenBefore:l},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,r.default)(t,e);var a=t.prototype;return a.componentDidMount=function(){if(this.props.critical){var e=this.imageRef.current;e&&e.complete&&this.handleImageLoaded()}},a.handleRef=function(e){var t=this;this.state.IOSupported&&e&&g(e,function(){t.setState({isVisible:!0})})},a.handleImageLoaded=function(){this.setState({imgLoaded:!0}),this.state.seenBefore&&this.setState({fadeIn:!1}),this.props.onLoad&&this.props.onLoad()},a.render=function(){var e=u(this.props),t=e.title,a=e.alt,i=e.className,n=e.style,r=void 0===n?{}:n,o=e.imgStyle,s=void 0===o?{}:o,c=e.placeholderStyle,p=void 0===c?{}:c,f=e.placeholderClassName,h=e.fluid,g=e.fixed,y=e.backgroundColor,v=e.Tag,w="boolean"==typeof y?"lightgray":y,x=(0,l.default)({opacity:this.state.imgLoaded?0:1,transition:"opacity 0.5s",transitionDelay:this.state.imgLoaded?"0.5s":"0.25s"},s,p),S=(0,l.default)({opacity:this.state.imgLoaded||!1===this.state.fadeIn?1:0,transition:!0===this.state.fadeIn?"opacity 0.5s":"none"},s),E={title:t,alt:this.state.isVisible?"":a,style:x,className:f};if(h){var I=h;return d.default.createElement(v,{className:(i||"")+" gatsby-image-wrapper",style:(0,l.default)({position:"relative",overflow:"hidden"},r),ref:this.handleRef,key:"fluid-"+JSON.stringify(I.srcSet)},d.default.createElement(v,{style:{width:"100%",paddingBottom:100/I.aspectRatio+"%"}}),I.base64&&d.default.createElement(b,(0,l.default)({src:I.base64},E)),I.tracedSVG&&d.default.createElement(b,(0,l.default)({src:I.tracedSVG},E)),w&&d.default.createElement(v,{title:t,style:{backgroundColor:w,position:"absolute",top:0,bottom:0,opacity:this.state.imgLoaded?0:1,transitionDelay:"0.35s",right:0,left:0}}),this.state.isVisible&&d.default.createElement("picture",null,I.srcSetWebp&&d.default.createElement("source",{type:"image/webp",srcSet:I.srcSetWebp,sizes:I.sizes}),d.default.createElement("source",{srcSet:I.srcSet,sizes:I.sizes}),d.default.createElement(b,{alt:a,title:t,src:I.src,style:S,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError})),this.state.hasNoScript&&d.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:m((0,l.default)({alt:a,title:t},I))}}))}if(g){var k=g,C=(0,l.default)({position:"relative",overflow:"hidden",display:"inline-block",width:k.width,height:k.height},r);return"inherit"===r.display&&delete C.display,d.default.createElement(v,{className:(i||"")+" gatsby-image-wrapper",style:C,ref:this.handleRef,key:"fixed-"+JSON.stringify(k.srcSet)},k.base64&&d.default.createElement(b,(0,l.default)({src:k.base64},E)),k.tracedSVG&&d.default.createElement(b,(0,l.default)({src:k.tracedSVG},E)),w&&d.default.createElement(v,{title:t,style:{backgroundColor:w,width:k.width,opacity:this.state.imgLoaded?0:1,transitionDelay:"0.25s",height:k.height}}),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("source",{srcSet:k.srcSet,sizes:k.sizes}),d.default.createElement(b,{alt:a,title:t,width:k.width,height:k.height,src:k.src,style:S,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError})),this.state.hasNoScript&&d.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:m((0,l.default)({alt:a,title:t,width:k.width,height:k.height},k))}}))}return null},t}(d.default.Component);y.defaultProps={critical:!1,fadeIn:!0,alt:"",Tag:"div"};var v=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}),w=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});y.propTypes={resolutions:v,sizes:w,fixed:v,fluid:w,fadeIn:c.default.bool,title:c.default.string,alt:c.default.string,className:c.default.oneOfType([c.default.string,c.default.object]),critical: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,Tag:c.default.string};var x=y;t.default=x}}]);
//# sourceMappingURL=component---src-pages-index-js-02c52a16602b8682e671.js.map