-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponent---src-pages-experiments-js-5baa0887b9b06052a1e1.js
2 lines (2 loc) · 16 KB
/
component---src-pages-experiments-js-5baa0887b9b06052a1e1.js
1
2
(window.webpackJsonp=window.webpackJsonp||[]).push([[3],{471:function(e,t,a){"use strict";a.r(t),a.d(t,"default",function(){return c});var i=a(0),r=a.n(i),n=a(493);function c(){return r.a.createElement(r.a.Fragment,null,r.a.createElement(n.a,null))}},488:function(e,t,a){"use strict";var i=a(23);t.__esModule=!0,t.default=void 0;var r,n=i(a(20)),c=i(a(1)),s=i(a(106)),l=i(a(3)),d=i(a(0)),o=i(a(6)),f=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},b={},u=function(e){var t=f(e),a=t.fluid?t.fluid.src:t.fixed.src;return b[a]||!1},p=[];var m=function(e,t){(void 0===r&&"undefined"!=typeof window&&window.IntersectionObserver&&(r=new window.IntersectionObserver(function(e){e.forEach(function(e){p.forEach(function(t){t[0]===e.target&&(e.isIntersecting||e.intersectionRatio>0)&&(r.unobserve(t[0]),t[1]())})})},{rootMargin:"200px"})),r).observe(e),p.push([e,t])},h=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+"/>":"",r=e.srcSet?'<source srcSet="'+e.srcSet+'" '+a+"/>":"",n=e.title?'title="'+e.title+'" ':"",c=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+r+"<img "+s+l+t+c+n+'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>'},g=d.default.forwardRef(function(e,t){var a=e.style,i=e.onLoad,r=e.onError,n=(0,s.default)(e,["style","onLoad","onError"]);return d.default.createElement("img",(0,l.default)({},n,{onLoad:i,onError:r,ref:t,style:(0,l.default)({position:"absolute",top:0,left:0,width:"100%",height:"100%",objectFit:"cover",objectPosition:"center"},a)}))});g.propTypes={style:o.default.object,onError:o.default.func,onLoad:o.default.func};var A=function(e){function t(t){var a;a=e.call(this,t)||this;var i=!0,r=!1,n=t.fadeIn,s=u(t);!s&&"undefined"!=typeof window&&window.IntersectionObserver&&(i=!1,r=!0),"undefined"==typeof window&&(i=!1),t.critical&&(i=!0,r=!1);var l=!(a.props.critical&&!a.props.fadeIn);return a.state={isVisible:i,imgLoaded:!1,IOSupported:r,fadeIn:n,hasNoScript:l,seenBefore:s},a.imageRef=d.default.createRef(),a.handleImageLoaded=a.handleImageLoaded.bind((0,c.default)((0,c.default)(a))),a.handleRef=a.handleRef.bind((0,c.default)((0,c.default)(a))),a}(0,n.default)(t,e);var a=t.prototype;return a.componentDidMount=function(){if(this.state.isVisible&&"function"==typeof this.props.onStartLoad&&this.props.onStartLoad({wasCached:u(this.props)}),this.props.critical){var e=this.imageRef.current;e&&e.complete&&this.handleImageLoaded()}},a.handleRef=function(e){var t=this;this.state.IOSupported&&e&&m(e,function(){t.state.isVisible||"function"!=typeof t.props.onStartLoad||t.props.onStartLoad({wasCached:u(t.props)}),t.setState({isVisible:!0,imgLoaded:!1})})},a.handleImageLoaded=function(){var e,t,a;e=this.props,t=f(e),a=t.fluid?t.fluid.src:t.fixed.src,b[a]=!0,this.setState({imgLoaded:!0}),this.state.seenBefore&&this.setState({fadeIn:!1}),this.props.onLoad&&this.props.onLoad()},a.render=function(){var e=f(this.props),t=e.title,a=e.alt,i=e.className,r=e.style,n=void 0===r?{}:r,c=e.imgStyle,s=void 0===c?{}:c,o=e.placeholderStyle,b=void 0===o?{}:o,u=e.placeholderClassName,p=e.fluid,m=e.fixed,A=e.backgroundColor,E=e.Tag,w="boolean"==typeof A?"lightgray":A,y=(0,l.default)({opacity:this.state.imgLoaded?0:1,transition:"opacity 0.5s",transitionDelay:this.state.imgLoaded?"0.5s":"0.25s"},s,b),S=(0,l.default)({opacity:this.state.imgLoaded||!1===this.state.fadeIn?1:0,transition:!0===this.state.fadeIn?"opacity 0.5s":"none"},s),v={title:t,alt:this.state.isVisible?"":a,style:y,className:u};if(p){var x=p;return d.default.createElement(E,{className:(i||"")+" gatsby-image-wrapper",style:(0,l.default)({position:"relative",overflow:"hidden"},n),ref:this.handleRef,key:"fluid-"+JSON.stringify(x.srcSet)},d.default.createElement(E,{style:{width:"100%",paddingBottom:100/x.aspectRatio+"%"}}),x.base64&&d.default.createElement(g,(0,l.default)({src:x.base64},v)),x.tracedSVG&&d.default.createElement(g,(0,l.default)({src:x.tracedSVG},v)),w&&d.default.createElement(E,{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,x.srcSetWebp&&d.default.createElement("source",{type:"image/webp",srcSet:x.srcSetWebp,sizes:x.sizes}),d.default.createElement("source",{srcSet:x.srcSet,sizes:x.sizes}),d.default.createElement(g,{alt:a,title:t,src:x.src,style:S,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError})),this.state.hasNoScript&&d.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:h((0,l.default)({alt:a,title:t},x))}}))}if(m){var R=m,L=(0,l.default)({position:"relative",overflow:"hidden",display:"inline-block",width:R.width,height:R.height},n);return"inherit"===n.display&&delete L.display,d.default.createElement(E,{className:(i||"")+" gatsby-image-wrapper",style:L,ref:this.handleRef,key:"fixed-"+JSON.stringify(R.srcSet)},R.base64&&d.default.createElement(g,(0,l.default)({src:R.base64},v)),R.tracedSVG&&d.default.createElement(g,(0,l.default)({src:R.tracedSVG},v)),w&&d.default.createElement(E,{title:t,style:{backgroundColor:w,width:R.width,opacity:this.state.imgLoaded?0:1,transitionDelay:"0.25s",height:R.height}}),this.state.isVisible&&d.default.createElement("picture",null,R.srcSetWebp&&d.default.createElement("source",{type:"image/webp",srcSet:R.srcSetWebp,sizes:R.sizes}),d.default.createElement("source",{srcSet:R.srcSet,sizes:R.sizes}),d.default.createElement(g,{alt:a,title:t,width:R.width,height:R.height,src:R.src,style:S,ref:this.imageRef,onLoad:this.handleImageLoaded,onError:this.props.onError})),this.state.hasNoScript&&d.default.createElement("noscript",{dangerouslySetInnerHTML:{__html:h((0,l.default)({alt:a,title:t,width:R.width,height:R.height},R))}}))}return null},t}(d.default.Component);A.defaultProps={critical:!1,fadeIn:!0,alt:"",Tag:"div"};var E=o.default.shape({width:o.default.number.isRequired,height:o.default.number.isRequired,src:o.default.string.isRequired,srcSet:o.default.string.isRequired,base64:o.default.string,tracedSVG:o.default.string,srcWebp:o.default.string,srcSetWebp:o.default.string}),w=o.default.shape({aspectRatio:o.default.number.isRequired,src:o.default.string.isRequired,srcSet:o.default.string.isRequired,sizes:o.default.string.isRequired,base64:o.default.string,tracedSVG:o.default.string,srcWebp:o.default.string,srcSetWebp:o.default.string});A.propTypes={resolutions:E,sizes:w,fixed:E,fluid:w,fadeIn:o.default.bool,title:o.default.string,alt:o.default.string,className:o.default.oneOfType([o.default.string,o.default.object]),critical:o.default.bool,style:o.default.object,imgStyle:o.default.object,placeholderStyle:o.default.object,placeholderClassName:o.default.string,backgroundColor:o.default.oneOfType([o.default.string,o.default.bool]),onLoad:o.default.func,onError:o.default.func,onStartLoad:o.default.func,Tag:o.default.string};var y=A;t.default=y},493:function(e,t,a){"use strict";a(48);var i=a(494),r=a(0),n=a.n(r),c=a(38),s=a.n(c),l=a(26),d=a(487),o=a(510),f=a(488),b=a.n(f);t.a=function(e){return n.a.createElement(l.StaticQuery,{query:"1204415294",render:function(t){return n.a.createElement(u,Object.assign({data:t},e))},data:i})};var u=function(e){var t=e.data.allMarkdownRemark.edges;return n.a.createElement(d.a,null,n.a.createElement(d.a.Column,{mobile:0,tablet:3,computer:3}),n.a.createElement(d.a.Column,{mobile:12,tablet:9,computer:9},n.a.createElement("h3",{class:"header"},"Experiments.")),n.a.createElement(d.a.Column,{mobile:0,tablet:3,computer:3},n.a.createElement("ul",{class:"left"},n.a.createElement("li",null,"Data Visualization"),n.a.createElement("li",null," Machine Learning, Data Analysis, Data Cleaning "),n.a.createElement("li",null,"UX Design"),n.a.createElement("li",null,"Web Design + Development"),n.a.createElement("li",null,"Graphic + Branding"),n.a.createElement("li",null,"Architectural Services"))),n.a.createElement(d.a.Column,{mobile:12,tablet:9,computer:9},n.a.createElement("div",{className:"experiments"},n.a.createElement(d.a,null,t.filter(function(e){return e.node.frontmatter.title.length>0}).map(function(e){var t=e.node;return n.a.createElement(d.a.Column,{mobile:12,tablet:6,computer:4},n.a.createElement("div",{className:"project-preview",key:t.id},n.a.createElement("div",{class:"imgBox"},n.a.createElement(s.a,{to:t.frontmatter.path,class:"itemLink"},n.a.createElement(b.a,{className:"underline",fluid:t.frontmatter.cover.childImageSharp.fluid}))),n.a.createElement("p",{class:"date"},t.frontmatter.date),n.a.createElement("h4",{class:"noPad"}," ",n.a.createElement(s.a,{to:t.frontmatter.path,class:"itemLink"},t.frontmatter.title)),n.a.createElement("p",{class:"excerpt"},t.frontmatter.subtitle)))})))),n.a.createElement(o.a,{hidden:!0}))}},494:function(e){e.exports={data:{allMarkdownRemark:{edges:[{node:{excerpt:"Idea Creating a parametrized type. Thinking about typography, one of the central aspects to type is…",id:"d4e6626c-ca13-5983-92d6-7530c79a6823",frontmatter:{title:"Averages",subtitle:"Creating a typeface through Javascript",date:"November 08, 2018",path:"/averages",cover:{childImageSharp:{fluid:{base64:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAIAAAAmMtkJAAAACXBIWXMAAC4jAAAuIwF4pT92AAAA3klEQVQoz5WSPQqEMBCFc0cvIAhewNoDeAZBCxEE7cUihRaClb2IgqUYQW0E/3YgEBZ/xt1XDIHJl5eXCTmete/7gYq8YsgR5KkxjmPTNMMwIPw9nCSJbdu+70MNgmCe53eYO2RZ5nle13Xruk7TZBiGZVm3/mdnMHFdt21bWG/bBrWqKlVV+76/8uRkC1Edx2GMCRhiK4pSliUGcwEAUfM8F3Acx7Is89gYzHtFUZimmaZpXddhGEqSFEWROAtzFjw8kq7rmqZRSp+mRZAPtCwLZ/6b8/fu621/cn7VB1RE5s/qX7bcAAAAAElFTkSuQmCC",aspectRatio:1.5454545454545454,src:"/static/4f8b84d9efc72e6a2849ff020dd32861/97318/5-b3cd97c1-b38f-476c-994c-2ebab3d06027.png",srcSet:"/static/4f8b84d9efc72e6a2849ff020dd32861/1f258/5-b3cd97c1-b38f-476c-994c-2ebab3d06027.png 175w,\n/static/4f8b84d9efc72e6a2849ff020dd32861/4cb21/5-b3cd97c1-b38f-476c-994c-2ebab3d06027.png 350w,\n/static/4f8b84d9efc72e6a2849ff020dd32861/97318/5-b3cd97c1-b38f-476c-994c-2ebab3d06027.png 700w,\n/static/4f8b84d9efc72e6a2849ff020dd32861/26d2c/5-b3cd97c1-b38f-476c-994c-2ebab3d06027.png 1050w,\n/static/4f8b84d9efc72e6a2849ff020dd32861/7ed75/5-b3cd97c1-b38f-476c-994c-2ebab3d06027.png 1400w,\n/static/4f8b84d9efc72e6a2849ff020dd32861/105a1/5-b3cd97c1-b38f-476c-994c-2ebab3d06027.png 2100w,\n/static/4f8b84d9efc72e6a2849ff020dd32861/466a2/5-b3cd97c1-b38f-476c-994c-2ebab3d06027.png 5100w",sizes:"(max-width: 700px) 100vw, 700px"}}}}}},{node:{excerpt:"Learning from the existing landscape is a way of being revolutionary\nfor an architect. Not the…",id:"b19d71a4-b431-5f21-8720-8bb6564cfc9b",frontmatter:{title:"Big Data and the Big City",subtitle:"",date:"September 12, 2018",path:"/big-data-big-city",cover:{childImageSharp:{fluid:{base64:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAANCAYAAACpUE5eAAAACXBIWXMAAAsSAAALEgHS3X78AAADIUlEQVQ4y3WS7U9TVxjA7z9gNj/tgx/mvpDMZMT4zRkb55YYxVfSOMaiogM3B0M0W4KVhFUElVqc4MvkHSUy1paNWcFCKRtc2ipQ6AsWbHvvbWuB7Z/47dyroMmyD7+cm3Oe53ee5zlXSmtZNDWDqmRQlDSplCD5Ntqb79Qr9DhFxGtq1sjT83V0l/RGqAeJZJ3Uf9HPjPOUaqyamjbQ89aEOlIm/ZI1qZJUSSUUI+n/WJeKWFVUq75VnVFhNptbF2b+XkX7Z4WUqreoGmhCkEmLDvQ9IUomxYWaEK0uo+WW1ytccxjC3PIqykKCQOMvzNodJEILqLkcSjZLaHGRyeAMsVicxIsUipAlg1Hi3aMsDQVJZ16+kr4WSxmxsSQCY5E445Z2+mo6mJ0IEe0fI/JIZuz8bTwDowTnF3gamGFk/E8GHjip+ew0j+/2o2qi5bRod2WFzPIKkm7t7nVSZanH3tqD6UQlx6qshK//ivzlVRItQ7h/dtJ2p4vHrj8wl37DDvNhth49xJYDBdzv7WPu5m+E3TL+6g6kgqJTvPtBPsWlFfQ7BrFetnO9pRWve5T+plZu37LTaamgyrSDH/YXUvn5Cex1V7h19x62pmbkySnCNify3lqiPz5Earxxh5Iz53ANuMmmc0Qiz4nHlsTwVaYm/+LKVzuxfW+ms6GCov27KTxixvvIg2dwmJEnPrzjkwy43NSVX8Le3osUEbPx+2dpaeuj6pqLC81DnK57QG1TDzXWa5SUlVNSXo2tvoHujnbau3oYG/HRc99B3s5D5O0y885HnyBt+hBp42Ykr7zA1TYfX5y9R2F5F19bHpJ/sIbdJ1v49lwbxadslNX24huTmfYHeBaYFo/zjOHhUfYdLcF0+BimIyfJ+7iATVtNSE63n+JqF++bStmw5VMh+omDFV3sOdPKnqJLvLd5G/n7ypiQ5wiHwsyLjmLROLMz84z7JvA88TLk9uBwDorqxQwD/mms9k62FxSzfa+Z45UX+c7SwMX6G9Q2NmMVOJy/E56LEQk/Jyp+r1h00VjnQlFmpueZkp8iTwTEzIP8Cw3CHdCcAzqtAAAAAElFTkSuQmCC",aspectRatio:1.5,src:"/static/ca3938b899f9a8170066224fcfa53e4b/97318/Untitled-c42b3ef7-6305-4b01-b28c-8b91ceb0b36b.png",srcSet:"/static/ca3938b899f9a8170066224fcfa53e4b/1f258/Untitled-c42b3ef7-6305-4b01-b28c-8b91ceb0b36b.png 175w,\n/static/ca3938b899f9a8170066224fcfa53e4b/4cb21/Untitled-c42b3ef7-6305-4b01-b28c-8b91ceb0b36b.png 350w,\n/static/ca3938b899f9a8170066224fcfa53e4b/97318/Untitled-c42b3ef7-6305-4b01-b28c-8b91ceb0b36b.png 700w,\n/static/ca3938b899f9a8170066224fcfa53e4b/26d2c/Untitled-c42b3ef7-6305-4b01-b28c-8b91ceb0b36b.png 1050w,\n/static/ca3938b899f9a8170066224fcfa53e4b/7ed75/Untitled-c42b3ef7-6305-4b01-b28c-8b91ceb0b36b.png 1400w,\n/static/ca3938b899f9a8170066224fcfa53e4b/105a1/Untitled-c42b3ef7-6305-4b01-b28c-8b91ceb0b36b.png 2100w",sizes:"(max-width: 700px) 100vw, 700px"}}}}}},{node:{excerpt:"The Process Working in a team of two, we developed and designed a game where the main player was…",id:"fc7b9dcc-f9f0-57ff-a95a-20b3001b088d",frontmatter:{title:"Worbit Game",subtitle:"Game made from scratch in Python, with all handmade spritesheets",date:"April 08, 2017",path:"/worbit",cover:{childImageSharp:{fluid:{base64:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAACXBIWXMAAAsSAAALEgHS3X78AAADyElEQVQ4y3WTS2wbVRSGZxNBYidpYictTdNWrRSazHvssR3bSWrXjzh2bMeP2IGkAdEQAnLNAiIaKkCUR6pWFXSBQBUsAImKLoAN4rVgWbFgCwvYFbFhg8T+57/2TJNGsPjmP+fec/85d+4dSRlSoAzJUIcVaD61E3dRDqj8H3PddcqwfB/JHXANhep+zRlzUaD6BPL/ojlI2r6kg18YKjBGtY4KxLjuYDA3RzQnZ+xXYVBdJMMd9CsPTLjjJrs22KElYqrpe5BAp6YbW8LQHbScgYCLv6tBqj2iEg1BJ3fVdmMHWxiKh03D8KiOELsJDnOxT4M1KMNmR8EhgerkaicW84FDKlE6NWJdSCjnJfEQRHgQQueO6jg7ZiB90kTssIbkMQPJcQOpEyZmH9GRpiY4nztlIXPcRHyUzdAsIjyokgi6A9zigIxnohFcrc3h8nwMm+EQno3aaEVDuJyO4FIyjBuVKB6bDOCCFcROwsbyhImgV0GMnceJFGPrZ0d0lPnGBXZSpa6rQdSo2zTcDkyjdtrCpmWjOWFh7VELq1MBlFj7xCTzMzZWzgRRGDMx00/D2QEN6cM67mxVcXu9is+erODT9Ro+rmfx5wun8E0ghZ3TBdy9VsOddh6vxVO49+EqdmbmcLOUxXuVLH55p4adZAyxh3gPM8MGwj2TuH0hi79vreKv95v4cauOX3eTwOtj+G1jGj9vLeGPdxfxbTuNG4kk/vmgglvlOXxx/hwu2WF8t5FCfVxFoo/fMDOoINoj482UjbutFH54ahbfP13A1xdT+L11Eh/FDezqWfz0fBxfrkZwPRrGvVdn8Ek5jM8rEbyomviqHkFzTEHKQ8P5AQVZUvTrqJMyr8njxyyURgysHdFQ82g497CMQv8Ulg7JqPKbb4zrKPEQG7wZZR7qCq9cgesW2Jy0wPvVRcE8TzlH83TfFKosapsxtPQI2gYxo9iOzKJtRVHy6ch5uaZfRp71Il4cVFEa0iEV+UbBouiSpiVe1jwL1k8EsJtJ4o1kAtfyGVyh3qzkcDWXxtq4hUVelQoNSjQqC7OBLpIbHKTIK1DgR17gdvO9ckfne6aQpxZpVub8fbx7KnWSAyw5k8W+rpY8XZa8e1phTcXbpboPaS9RUGPR8qCOKk9rjR+7xV9r86iBLf5qz/EibxzRcfG4gfOcq/XJqHtkNMQarl1mLJDcwKVBatziSxMBvM2/4xU5gLesEK4YNl6eDOL69HTnRcvcepOmTY+jDtL+xGVFwC7FogbNG9RO7Giz16npdVEcZPwLASaQYpY+KqMAAAAASUVORK5CYII=",aspectRatio:.9958333333333333,src:"/static/3182a203d8872187ce66311e4b913f5e/97318/Untitled-01f8b946-b2bc-492e-a670-c7435f137c29.png",srcSet:"/static/3182a203d8872187ce66311e4b913f5e/1f258/Untitled-01f8b946-b2bc-492e-a670-c7435f137c29.png 175w,\n/static/3182a203d8872187ce66311e4b913f5e/4cb21/Untitled-01f8b946-b2bc-492e-a670-c7435f137c29.png 350w,\n/static/3182a203d8872187ce66311e4b913f5e/97318/Untitled-01f8b946-b2bc-492e-a670-c7435f137c29.png 700w,\n/static/3182a203d8872187ce66311e4b913f5e/7dce0/Untitled-01f8b946-b2bc-492e-a670-c7435f137c29.png 956w",sizes:"(max-width: 700px) 100vw, 700px"}}}}}}]}}}},510:function(e,t,a){"use strict";var i=a(3),r=a.n(i),n=a(4),c=a.n(n),s=(a(6),a(0)),l=a.n(s),d=a(15),o=a(141),f=a(142),b=a(5);function u(e){var t=e.children,a=e.className,i=e.clearing,n=e.content,s=e.fitted,p=e.hidden,m=e.horizontal,h=e.inverted,g=e.section,A=e.vertical,E=c()("ui",Object(d.a)(i,"clearing"),Object(d.a)(s,"fitted"),Object(d.a)(p,"hidden"),Object(d.a)(m,"horizontal"),Object(d.a)(h,"inverted"),Object(d.a)(g,"section"),Object(d.a)(A,"vertical"),"divider",a),w=Object(o.a)(u,e),y=Object(f.a)(u,e);return l.a.createElement(y,r()({},w,{className:E}),b.a.isNil(t)?n:t)}u.handledProps=["as","children","className","clearing","content","fitted","hidden","horizontal","inverted","section","vertical"],u.propTypes={},t.a=u}}]);
//# sourceMappingURL=component---src-pages-experiments-js-5baa0887b9b06052a1e1.js.map