-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathcomponent---src-pages-musco-js-fc642e5c04a31fd312f3.js
2 lines (2 loc) · 14.7 KB
/
component---src-pages-musco-js-fc642e5c04a31fd312f3.js
1
2
(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{"/RCX":function(e,t,a){"use strict";var r=a("q1tI"),i=a.n(r),n=a("9eSz"),s=a.n(n),d=a("dsy7");a("CZM1");function o(e){var t=e.image,a=e.video;Object(d.a)();var r=a?i.a.createElement("video",{autoPlay:!0,loop:!0,muted:!0},i.a.createElement("source",{type:"video/mp4",src:a})):i.a.createElement("div",{className:"browser__img"},i.a.createElement(s.a,{sizes:t}));return i.a.createElement("div",{className:"browser","data-aos":"fade-in"},i.a.createElement("span",{className:"browser__dots"}),r)}o.defaultProp={image:"",video:""},t.a=o},"0mN4":function(e,t,a){"use strict";a("OGtf")("fixed",(function(e){return function(){return e(this,"tt","","")}}))},"2dOj":function(e,t,a){"use strict";a.r(t),a.d(t,"projectQuery",(function(){return f}));a("f3/d");var r=a("q1tI"),i=a.n(r),n=a("Bmby"),s=a("/RCX"),d=a("5gvO"),o=a("orww"),l=a.n(o),c=a("Ju3i"),u=a.n(c);t.default=function(e){var t,a,r,o,c,f=e.data,m=e.path;return f.allFile.edges.forEach((function(e){var i=e.node;switch(i.name){case"blog":t=i.childImageSharp.fluid;break;case"home":a=i.childImageSharp.fluid;break;case"shop":r=i.childImageSharp.fluid;break;case"shop-single-1":o=i.childImageSharp.fluid;break;case"shop-single-2":c=i.childImageSharp.fluid}})),i.a.createElement(n.a,{title:"MUSCO",image:l.a,video:u.a,pathname:m},i.a.createElement(d.a,{header:"Notebooks and planners"},i.a.createElement("p",null,"Kate Matsudaira's product line of notebooks and planners needed somewhere to grow after her successful Kickstart campaigns. She needed an e-commerce website to sell products year-round, so a clean and minimal storefront was built on WordPress and WooCommerce. Development focused on components that could be reused as the brand continued to grow."),i.a.createElement("p",null,"The Ink+Volt website has received recognition from ",i.a.createElement("a",{href:"https://www.cssdesignawards.com/sites/ink-volt/29013/",target:"_blank",rel:"noopener noreferrer"},"CSS Design Awards")," and ",i.a.createElement("a",{href:"https://www.thebestdesigns.com/designs/ink-volt",target:"_blank",rel:"noopener noreferrer"},"The Best Designs"),".")),i.a.createElement("div",{className:"section-padding bg-lightgrey"},i.a.createElement("div",{className:"grid"},i.a.createElement(s.a,{image:a}))),i.a.createElement("div",{className:"section-padding bg-white"},i.a.createElement("div",{className:"grid"},i.a.createElement(s.a,{image:r}))),i.a.createElement("div",{className:"section-padding bg-lightgrey"},i.a.createElement("div",{className:"grid"},i.a.createElement("div",{className:"project__double"},i.a.createElement("div",null,i.a.createElement(s.a,{image:o})),i.a.createElement("div",null,i.a.createElement(s.a,{image:c}))))),i.a.createElement("div",{className:"section-padding bg-white"},i.a.createElement("div",{className:"grid"},i.a.createElement(s.a,{image:t}))))};var f="1583040247"},"5gvO":function(e,t,a){"use strict";var r=a("q1tI"),i=a.n(r),n=a("dsy7");a("WDjL");t.a=function(e){var t=e.header,a=e.children;return Object(n.a)(),i.a.createElement("div",{className:"content section-padding--double bg-white"},i.a.createElement("div",{className:"grid-small"},i.a.createElement("h2",null,i.a.createElement("span",{"data-aos":"slice-up","data-aos-duration":"400"},t)),i.a.createElement("div",{"data-aos":"fade-in","data-aos-duration":"400","data-aos-delay":"100"},a)))}},"9eSz":function(e,t,a){"use strict";a("rGqo"),a("yt8O"),a("Btvt"),a("XfO3"),a("EK0E"),a("INYr"),a("0mN4");var r=a("TqRt");t.__esModule=!0,t.default=void 0;var i,n=r(a("PJYZ")),s=r(a("VbXa")),d=r(a("8OQS")),o=r(a("pVnL")),l=r(a("q1tI")),c=r(a("17x9")),u=function(e){var t=(0,o.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.fluid&&(t.fluid=w([].concat(t.fluid))),t.fixed&&(t.fixed=w([].concat(t.fixed))),t},f=function(e){var t=e.media;return!!t&&(v&&!!window.matchMedia(t).matches)},m=function(e){var t=e.fluid,a=e.fixed;return g(t||a).src},g=function(e){if(v&&function(e){return!!e&&Array.isArray(e)&&e.some((function(e){return void 0!==e.media}))}(e)){var t=e.findIndex(f);if(-1!==t)return e[t]}return e[0]},p=Object.create({}),h=function(e){var t=u(e),a=m(t);return p[a]||!1},b="undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype,v="undefined"!=typeof window,E=v&&window.IntersectionObserver,y=new WeakMap;function S(e){return e.map((function(e){var t=e.src,a=e.srcSet,r=e.srcSetWebp,i=e.media,n=e.sizes;return l.default.createElement(l.default.Fragment,{key:t},r&&l.default.createElement("source",{type:"image/webp",media:i,srcSet:r,sizes:n}),l.default.createElement("source",{media:i,srcSet:a,sizes:n}))}))}function w(e){var t=[],a=[];return e.forEach((function(e){return(e.media?t:a).push(e)})),[].concat(t,a)}function I(e){return e.map((function(e){var t=e.src,a=e.media,r=e.tracedSVG;return l.default.createElement("source",{key:t,media:a,srcSet:r})}))}function O(e){return e.map((function(e){var t=e.src,a=e.media,r=e.base64;return l.default.createElement("source",{key:t,media:a,srcSet:r})}))}function L(e,t){var a=e.srcSet,r=e.srcSetWebp,i=e.media,n=e.sizes;return"<source "+(t?"type='image/webp' ":"")+(i?'media="'+i+'" ':"")+'srcset="'+(t?r:a)+'" '+(n?'sizes="'+n+'" ':"")+"/>"}var N=function(e,t){var a=(void 0===i&&"undefined"!=typeof window&&window.IntersectionObserver&&(i=new window.IntersectionObserver((function(e){e.forEach((function(e){if(y.has(e.target)){var t=y.get(e.target);(e.isIntersecting||e.intersectionRatio>0)&&(i.unobserve(e.target),y.delete(e.target),t())}}))}),{rootMargin:"200px"})),i);return a&&(a.observe(e),y.set(e,t)),function(){a.unobserve(e),y.delete(e)}},k=function(e){var t=e.src?'src="'+e.src+'" ':'src="" ',a=e.sizes?'sizes="'+e.sizes+'" ':"",r=e.srcSet?'srcset="'+e.srcSet+'" ':"",i=e.title?'title="'+e.title+'" ':"",n=e.alt?'alt="'+e.alt+'" ':'alt="" ',s=e.width?'width="'+e.width+'" ':"",d=e.height?'height="'+e.height+'" ':"",o=e.crossOrigin?'crossorigin="'+e.crossOrigin+'" ':"",l=e.loading?'loading="'+e.loading+'" ':"",c=e.draggable?'draggable="'+e.draggable+'" ':"";return"<picture>"+e.imageVariants.map((function(e){return(e.srcSetWebp?L(e,!0):"")+L(e)})).join("")+"<img "+l+s+d+a+r+t+n+i+o+c+'style="position:absolute;top:0;left:0;opacity:1;width:100%;height:100%;object-fit:cover;object-position:center"/></picture>'},x=function(e){var t=e.src,a=e.imageVariants,r=e.generateSources,i=e.spreadProps,n=e.ariaHidden,s=l.default.createElement(R,(0,o.default)({src:t},i,{ariaHidden:n}));return a.length>1?l.default.createElement("picture",null,r(a),s):s},R=l.default.forwardRef((function(e,t){var a=e.sizes,r=e.srcSet,i=e.src,n=e.style,s=e.onLoad,c=e.onError,u=e.loading,f=e.draggable,m=e.ariaHidden,g=(0,d.default)(e,["sizes","srcSet","src","style","onLoad","onError","loading","draggable","ariaHidden"]);return l.default.createElement("img",(0,o.default)({"aria-hidden":m,sizes:a,srcSet:r,src:i},g,{onLoad:s,onError:c,ref:t,loading:u,draggable:f,style:(0,o.default)({position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"},n)}))}));R.propTypes={style:c.default.object,onError:c.default.func,onLoad:c.default.func};var C=function(e){function t(t){var a;(a=e.call(this,t)||this).seenBefore=v&&h(t),a.isCritical="eager"===t.loading||t.critical,a.addNoScript=!(a.isCritical&&!t.fadeIn),a.useIOSupport=!b&&E&&!a.isCritical&&!a.seenBefore;var r=a.isCritical||v&&(b||!a.useIOSupport);return a.state={isVisible:r,imgLoaded:!1,imgCached:!1,fadeIn:!a.seenBefore&&t.fadeIn},a.imageRef=l.default.createRef(),a.handleImageLoaded=a.handleImageLoaded.bind((0,n.default)(a)),a.handleRef=a.handleRef.bind((0,n.default)(a)),a}(0,s.default)(t,e);var a=t.prototype;return a.componentDidMount=function(){if(this.state.isVisible&&"function"==typeof this.props.onStartLoad&&this.props.onStartLoad({wasCached:h(this.props)}),this.isCritical){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=N(e,(function(){var e=h(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=m(t),p[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,s=e.imgStyle,d=void 0===s?{}:s,c=e.placeholderStyle,f=void 0===c?{}:c,m=e.placeholderClassName,p=e.fluid,h=e.fixed,b=e.backgroundColor,v=e.durationFadeIn,E=e.Tag,y=e.itemProp,w=e.loading,L=e.draggable,N=!1===this.state.fadeIn||this.state.imgLoaded,C=!0===this.state.fadeIn&&!this.state.imgCached,V=(0,o.default)({opacity:N?1:0,transition:C?"opacity "+v+"ms":"none"},d),z="boolean"==typeof b?"lightgray":b,j={transitionDelay:v+"ms"},P=(0,o.default)({opacity:this.state.imgLoaded?0:1},C&&j,{},d,{},f),T={title:t,alt:this.state.isVisible?"":a,style:P,className:m,itemProp:y};if(p){var _=p,q=g(p);return l.default.createElement(E,{className:(r||"")+" gatsby-image-wrapper",style:(0,o.default)({position:"relative",overflow:"hidden"},n),ref:this.handleRef,key:"fluid-"+JSON.stringify(q.srcSet)},l.default.createElement(E,{"aria-hidden":!0,style:{width:"100%",paddingBottom:100/q.aspectRatio+"%"}}),z&&l.default.createElement(E,{"aria-hidden":!0,title:t,style:(0,o.default)({backgroundColor:z,position:"absolute",top:0,bottom:0,opacity:this.state.imgLoaded?0:1,right:0,left:0},C&&j)}),q.base64&&l.default.createElement(x,{ariaHidden:!0,src:q.base64,spreadProps:T,imageVariants:_,generateSources:O}),q.tracedSVG&&l.default.createElement(x,{ariaHidden:!0,src:q.tracedSVG,spreadProps:T,imageVariants:_,generateSources:I}),this.state.isVisible&&l.default.createElement("picture",null,S(_),l.default.createElement(R,{alt:a,title:t,sizes:q.sizes,src:q.src,crossOrigin:this.props.crossOrigin,srcSet:q.srcSet,style:V,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError,itemProp:y,loading:w,draggable:L})),this.addNoScript&&l.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:k((0,o.default)({alt:a,title:t,loading:w},q,{imageVariants:_}))}}))}if(h){var M=h,W=g(h),H=(0,o.default)({position:"relative",overflow:"hidden",display:"inline-block",width:W.width,height:W.height},n);return"inherit"===n.display&&delete H.display,l.default.createElement(E,{className:(r||"")+" gatsby-image-wrapper",style:H,ref:this.handleRef,key:"fixed-"+JSON.stringify(W.srcSet)},z&&l.default.createElement(E,{"aria-hidden":!0,title:t,style:(0,o.default)({backgroundColor:z,width:W.width,opacity:this.state.imgLoaded?0:1,height:W.height},C&&j)}),W.base64&&l.default.createElement(x,{ariaHidden:!0,src:W.base64,spreadProps:T,imageVariants:M,generateSources:O}),W.tracedSVG&&l.default.createElement(x,{ariaHidden:!0,src:W.tracedSVG,spreadProps:T,imageVariants:M,generateSources:I}),this.state.isVisible&&l.default.createElement("picture",null,S(M),l.default.createElement(R,{alt:a,title:t,width:W.width,height:W.height,sizes:W.sizes,src:W.src,crossOrigin:this.props.crossOrigin,srcSet:W.srcSet,style:V,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError,itemProp:y,loading:w,draggable:L})),this.addNoScript&&l.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:k((0,o.default)({alt:a,title:t,loading:w},W,{imageVariants:M}))}}))}return null},t}(l.default.Component);C.defaultProps={fadeIn:!0,durationFadeIn:500,alt:"",Tag:"div",loading:"lazy"};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,media:c.default.string}),z=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,media:c.default.string});C.propTypes={resolutions:V,sizes:z,fixed:c.default.oneOfType([V,c.default.arrayOf(V)]),fluid:c.default.oneOfType([z,c.default.arrayOf(z)]),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"]),draggable:c.default.bool};var j=C;t.default=j},Bmby:function(e,t,a){"use strict";var r=a("q1tI"),i=a.n(r),n=a("EIPX"),s=(a("INYr"),a("tUrg"),a("BqI7")),d=a("Z/wt"),o=a("m7xX");a("lkGP");var l=function(e){var t,a,n=e.current,l=s.data.site,c=Object(r.useContext)(d.b),u=c.link,f=c.transitionElement,m=u,g=l.siteMetadata.projects,p=g.findIndex((function(e){return e.title===n})),h=function(e){var t=e.idx,a=g[t].title,r="/"+Object(o.a)(a)+"/";return i.a.createElement(m,{className:"pagination__link section-padding",to:r,transitionElement:f},i.a.createElement("span",{className:"pagination__text"},a))};return 0===p?(t=i.a.createElement(h,{idx:g.length-1}),a=i.a.createElement(h,{idx:p+1})):p===g.length-1?(t=i.a.createElement(h,{idx:p-1}),a=i.a.createElement(h,{idx:0})):(t=i.a.createElement(h,{idx:p-1}),a=i.a.createElement(h,{idx:p+1})),i.a.createElement("div",{className:"pagination"},t,a)},c=a("EYWl");a("6i1Z");function u(e){var t=e.title,a=e.description,s=e.pathname,d=e.image,o=e.video,u=e.children;return i.a.createElement(r.Fragment,null,i.a.createElement(c.a,{title:t,description:a,image:d,pathname:s}),i.a.createElement("article",null,i.a.createElement(n.a,{title:t,backgroundImage:d,backgroundVideo:o}),i.a.createElement("section",null,u),i.a.createElement(l,{current:t})))}u.defaultProps={description:"",video:null};t.a=u},BqI7:function(e){e.exports=JSON.parse('{"data":{"site":{"id":"Site","siteMetadata":{"projects":[{"title":"MUSCO"},{"title":"Using Reinforcement Learning in the Algorithmic Trading"}]}}}}')},INYr:function(e,t,a){"use strict";var r=a("XKFU"),i=a("CkkT")(6),n="findIndex",s=!0;n in[]&&Array(1)[n]((function(){s=!1})),r(r.P+r.F*s,"Array",{findIndex:function(e){return i(this,e,arguments.length>1?arguments[1]:void 0)}}),a("nGyu")(n)},Ju3i:function(e,t,a){e.exports=a.p+"static/mast-1143637c82dc5b985789b57909ca04e2.mp4"},orww:function(e,t,a){e.exports=a.p+"static/mast-871461a7897a856b2f0b97b1f318c07f.jpg"}}]);
//# sourceMappingURL=component---src-pages-musco-js-fc642e5c04a31fd312f3.js.map