webpackJsonp([0x8a675b55feca],{69:function(e,t,a){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}function o(){return"undefined"==typeof S&&"undefined"!=typeof window&&window.IntersectionObserver&&(S=new window.IntersectionObserver(function(e){e.forEach(function(e){L.forEach(function(t){t[0]===e.target&&(e.isIntersecting||e.intersectionRatio>0)&&(S.unobserve(t[0]),t[1]())})})},{rootMargin:"200px"})),S}t.__esModule=!0;var s=a(27),l=i(s),r=a(46),n=i(r),d=a(45),u=i(d),c=a(79),f=i(c),p=a(78),m=i(p),h=a(2),g=i(h),b=a(8),y=i(b),v=function(e){var t=(0,m.default)({},e);return t.responsiveResolution&&(t.resolutions=t.responsiveResolution,delete t.responsiveResolution),t.responsiveSizes&&(t.sizes=t.responsiveSizes,delete t.responsiveSizes),t},w={},E=function(e){var t=v(e),a=t.sizes?t.sizes.src:t.resolutions.src;return!!w[a]||(w[a]=!0,!1)},S=void 0,L=[],N=function(e,t){o().observe(e),L.push([e,t])},z=null,I=function(){if(null!==z)return z;var e="undefined"!=typeof window?window.document.createElement("canvas"):{};return z=!(!e.getContext||!e.getContext("2d"))&&0===e.toDataURL("image/webp").indexOf("data:image/webp")},R=function(e){var t=e.opacity,a=void 0===t?"1":t,i=e.src,o=e.srcSet,s=e.sizes,l=void 0===s?"":s,r=e.title,n=void 0===r?"":r,d=e.alt,u=void 0===d?"":d,c=e.width,f=void 0===c?"":c,p=e.height,m=void 0===p?"":p,h=e.transitionDelay,g=void 0===h?"0.5s":h;return'<img width="'+f+'" height="'+m+'" src="'+i+'" srcset="'+o+'" alt="'+u+'" title="'+n+'" sizes="'+l+'" style="position:absolute;top:0;left:0;transition:opacity 0.5s;transition-delay:'+g+";opacity:"+a+';width:100%;height:100%;object-fit:cover;object-position:center"/>'},j=function(e){var t=e.style,a=e.onLoad,i=(0,f.default)(e,["style","onLoad"]);return g.default.createElement("img",(0,m.default)({},i,{onLoad:a,style:(0,m.default)({position:"absolute",top:0,left:0,transition:"opacity 0.5s",width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"},t)}))};j.propTypes={style:y.default.object,onLoad:y.default.func};var _=function(e){function t(a){(0,l.default)(this,t);var i=(0,n.default)(this,e.call(this,a)),o=!0,s=!0,r=!1,d=E(a);return!d&&"undefined"!=typeof window&&window.IntersectionObserver&&(o=!1,s=!1,r=!0),"undefined"==typeof window&&(o=!1,s=!1),i.state={isVisible:o,imgLoaded:s,IOSupported:r},i.handleRef=i.handleRef.bind(i),i}return(0,u.default)(t,e),t.prototype.handleRef=function(e){var t=this;this.state.IOSupported&&e&&N(e,function(){t.setState({isVisible:!0,imgLoaded:!1})})},t.prototype.render=function(){var e=this,t=v(this.props),a=t.title,i=t.alt,o=t.className,s=t.outerWrapperClassName,l=t.style,r=void 0===l?{}:l,n=t.imgStyle,d=void 0===n?{}:n,u=t.sizes,c=t.resolutions,f=t.backgroundColor,p=t.Tag,h=void 0;h="boolean"==typeof f?"lightgray":f;var b=(0,m.default)({opacity:this.state.imgLoaded?0:1,transitionDelay:"0.25s"},d),y=(0,m.default)({opacity:this.state.imgLoaded||this.props.fadeIn===!1?1:0},d);if(u){var w=u;return w.srcWebp&&w.srcSetWebp&&I()&&(w.src=w.srcWebp,w.srcSet=w.srcSetWebp),g.default.createElement(p,{className:(s?s:"")+" gatsby-image-outer-wrapper",style:{position:"absolute"===r.position?"initial":"relative"}},g.default.createElement(p,{className:(o?o:"")+" gatsby-image-wrapper",style:(0,m.default)({position:"relative",overflow:"hidden"},r),ref:this.handleRef},g.default.createElement(p,{style:{width:"100%",paddingBottom:100/w.aspectRatio+"%"}}),w.base64&&g.default.createElement(j,{alt:i,title:a,src:w.base64,style:b}),w.tracedSVG&&g.default.createElement(j,{alt:i,title:a,src:w.tracedSVG,style:b}),h&&g.default.createElement(p,{title:a,style:{backgroundColor:h,position:"absolute",top:0,bottom:0,opacity:this.state.imgLoaded?0:1,transitionDelay:"0.35s",right:0,left:0}}),this.state.isVisible&&g.default.createElement(j,{alt:i,title:a,srcSet:w.srcSet,src:w.src,sizes:w.sizes,style:y,onLoad:function(){e.state.IOSupported&&e.setState({imgLoaded:!0}),e.props.onLoad&&e.props.onLoad()}}),g.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:R((0,m.default)({alt:i,title:a},w))}})))}if(c){var E=c,S=(0,m.default)({position:"relative",overflow:"hidden",display:"inline-block",width:E.width,height:E.height},r);return"inherit"===r.display&&delete S.display,E.srcWebp&&E.srcSetWebp&&I()&&(E.src=E.srcWebp,E.srcSet=E.srcSetWebp),g.default.createElement(p,{className:(s?s:"")+" gatsby-image-outer-wrapper",style:{position:"absolute"===r.position?"initial":"relative"}},g.default.createElement(p,{className:(o?o:"")+" gatsby-image-wrapper",style:S,ref:this.handleRef},E.base64&&g.default.createElement(j,{alt:i,title:a,src:E.base64,style:b}),E.tracedSVG&&g.default.createElement(j,{alt:i,title:a,src:E.tracedSVG,style:b}),h&&g.default.createElement(p,{title:a,style:{backgroundColor:h,width:E.width,opacity:this.state.imgLoaded?0:1,transitionDelay:"0.25s",height:E.height}}),this.state.isVisible&&g.default.createElement(j,{alt:i,title:a,width:E.width,height:E.height,srcSet:E.srcSet,src:E.src,style:y,onLoad:function(){e.setState({imgLoaded:!0}),e.props.onLoad&&e.props.onLoad()}}),g.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:R((0,m.default)({alt:i,title:a,width:E.width,height:E.height},E))}})))}return null},t}(g.default.Component);_.defaultProps={fadeIn:!0,alt:"",Tag:"div"},_.propTypes={responsiveResolution:y.default.object,responsiveSizes:y.default.object,resolutions:y.default.object,sizes:y.default.object,fadeIn:y.default.bool,title:y.default.string,alt:y.default.string,className:y.default.oneOfType([y.default.string,y.default.object]),outerWrapperClassName:y.default.oneOfType([y.default.string,y.default.object]),style:y.default.object,imgStyle:y.default.object,position:y.default.string,backgroundColor:y.default.oneOfType([y.default.string,y.default.bool]),onLoad:y.default.func,Tag:y.default.string},t.default=_},215:function(e,t,a){"use strict";function i(e){return e&&e.__esModule?e:{default:e}}t.__esModule=!0,t.blogQuery=void 0;var o=a(2),s=i(o),l=a(15),r=i(l),n=a(69),d=i(n),u=a(42),c=i(u),f=function(e){var t=e.data,a=t.allMarkdownRemark.edges;return s.default.createElement("div",{className:"blog-index"},s.default.createElement(c.default,{title:"Geoff Ford - Blog",meta:[{name:"description",content:"My latest developments, discoveries, and lessons learned in the world of web development ... and some other stuff"}]}),s.default.createElement("div",{className:"list-view"},a.filter(function(e){return e.node.frontmatter.title.length}).map(function(e){var t=e.node;return s.default.createElement("article",{key:t.id},s.default.createElement("section",{className:"article-body clearfix"},s.default.createElement("h1",{className:"heading1"},s.default.createElement(r.default,{to:t.frontmatter.path},t.frontmatter.title)),s.default.createElement(r.default,{to:t.frontmatter.path,className:"blog-teaser-image-wrapper"},s.default.createElement(d.default,{sizes:t.frontmatter.featuredImage.childImageSharp.sizes})),s.default.createElement("p",null,t.frontmatter.teaser),s.default.createElement("p",{className:"read-more"},s.default.createElement(r.default,{to:t.frontmatter.path},"Read more"))),s.default.createElement("aside",{className:"article-meta clearfix"},s.default.createElement("span",{className:"article-meta-pub"},t.frontmatter.date)))})))};t.blogQuery="** extracted graphql fragment **";t.default=f}});
//# sourceMappingURL=component---src-pages-blog-index-js-ea44e2a1b3f5a629f6c3.js.map