{"version":3,"sources":["webpack:///./src/util.js","webpack:///./src/components/icon-linkedin.jsx","webpack:///./src/components/icon-menu.jsx","webpack:///./src/components/header.jsx","webpack:///./src/components/footer.jsx","webpack:///./src/components/layouts/default.jsx","webpack:///./node_modules/gatsby-image/index.js","webpack:///./src/components/icon-github.jsx","webpack:///./src/pages/projects/index.jsx","webpack:///./src/components/layouts/page.jsx"],"names":["exports","slugify","str","toString","toLowerCase","replace","trim","LinkedinIcon","className","viewBox","id","fill","d","MenuIcon","x","y","enableBackground","Header","to","href","style","textDecoration","aria-label","Footer","DefaultLayout","title","children","_interopRequireDefault","require","__esModule","default","io","_assertThisInitialized2","_inheritsLoose2","_objectWithoutPropertiesLoose2","_extends2","_react","_propTypes","convertProps","props","convertedProps","resolutions","sizes","critical","fixed","fluid","loading","groupByMedia","concat","matchesMedia","_ref","media","isBrowser","window","matchMedia","matches","getImageCacheKey","_ref2","srcData","getCurrentSrcData","src","currentData","Array","isArray","some","image","hasArtDirectionSupport","foundMedia","findIndex","noMedia","imageCache","Object","create","inImageCache","cacheKey","hasNativeLazyLoadSupport","HTMLImageElement","prototype","hasIOSupport","IntersectionObserver","listeners","WeakMap","generateImageSources","imageVariants","map","_ref3","srcSet","srcSetWebp","createElement","Fragment","key","type","withMedia","without","forEach","variant","push","generateTracedSVGSources","_ref4","tracedSVG","generateBase64Sources","_ref5","base64","generateNoscriptSource","_ref6","isWebp","listenToIntersections","el","cb","observer","entries","entry","has","target","get","isIntersecting","intersectionRatio","unobserve","delete","rootMargin","observe","set","noscriptImg","alt","width","height","crossOrigin","draggable","join","Placeholder","forwardRef","ref","generateSources","spreadProps","ariaHidden","baseImage","Img","length","onLoad","onError","otherProps","position","top","left","objectFit","objectPosition","propTypes","object","func","Image","_React$Component","_this","call","this","seenBefore","isCritical","addNoScript","fadeIn","useIOSupport","isVisible","state","imgLoaded","imgCached","isHydrated","imageRef","createRef","placeholderRef","handleImageLoaded","bind","handleRef","_proto","componentDidMount","setState","onStartLoad","wasCached","img","current","complete","componentWillUnmount","cleanUpListeners","_this2","imageInCache","currentSrc","render","_convertProps","_convertProps$style","_convertProps$imgStyl","imgStyle","_convertProps$placeho","placeholderStyle","placeholderClassName","backgroundColor","durationFadeIn","Tag","itemProp","shouldReveal","shouldFadeIn","imageStyle","opacity","transition","bgColor","delayHideStyle","transitionDelay","imagePlaceholderStyle","placeholderImageProps","overflow","maxWidth","maxHeight","JSON","stringify","paddingBottom","aspectRatio","bottom","right","dangerouslySetInnerHTML","__html","divStyle","display","Component","defaultProps","fixedObject","shape","number","isRequired","string","srcWebp","fluidObject","requireFixedOrFluid","originalPropTypes","propName","componentName","_PropTypes$checkPropT","Error","checkPropTypes","oneOfType","arrayOf","bool","oneOf","_default","GithubIcon","ProjectsPage","clickTool","tool","console","log","selectedTool","edges","data","allMarkdownRemark","projectImages","allFile","projects","node","frontmatter","project","slug","find","pi","name","assign","childImageSharp","filteredProjects","filter","tools","split","indexOf","more","sort","a","b","date","reduce","acc","val","localeCompare","i","arr","marginLeft","onClick","color","description","React","PageLayout"],"mappings":"8EAAAA,EAAQC,QAAU,SAASC,GACzB,OAAOA,EACJC,WACAC,cACAC,QAAQ,OAAQ,KAChBA,QAAQ,MAAO,KACfC,S,oCCNL,yBAceC,IAZM,kBACnB,0BAAMC,UAAU,QACd,yBAAKC,QAAQ,eACX,0BACEC,GAAG,gBACHC,KAAK,UACLC,EAAE,gxB,sICgBKC,EAtBE,kBACf,0BAAML,UAAU,QACd,yBAAKM,EAAE,MAAMC,EAAE,MAAMN,QAAQ,YAAYO,iBAAiB,gBAAgBN,GAAG,aAC3E,0BACEC,KAAK,UACLC,EAAE,2JAGJ,0BACED,KAAK,UACLC,EAAE,8JAGJ,0BACED,KAAK,UACLC,EAAE,4K,wBCkCKK,G,UA1CA,kBACb,4BAAQT,UAAU,eAChB,yBAAKA,UAAU,WACb,kBAAC,OAAD,CAAMU,GAAG,IAAIR,GAAG,cAAhB,eAIA,yBAAKF,UAAU,YACb,yBAAKA,UAAU,aACb,kBAAC,EAAD,OAEF,yBAAKE,GAAG,QACN,kBAAC,OAAD,CAAMQ,GAAG,UAAUV,UAAU,aAA7B,SAGA,kBAAC,OAAD,CAAMU,GAAG,aAAaV,UAAU,aAAhC,YAGA,kBAAC,OAAD,CAAMU,GAAG,SAASV,UAAU,aAA5B,QAGA,uBAAGW,KAAK,2BAAR,UACA,kBAAC,OAAD,CAAMD,GAAG,YAAYV,UAAU,aAA/B,WAIA,uBAAGW,KAAK,gCAAgCC,MAAO,CAAEC,eAAgB,QAAUC,aAAW,kBACpF,kBAAC,IAAD,OAEF,uBACEH,KAAK,2CACLC,MAAO,CAAEC,eAAgB,QACzBC,aAAW,oBAEX,kBAAC,IAAD,aClCGC,EAPA,kBACb,gCACE,wBAAIf,UAAU,UACd,8D,UC0BWgB,IApBO,SAAC,GAAD,IAAGC,EAAH,EAAGA,MAAOC,EAAV,EAAUA,SAAV,OACpB,6BACE,kBAAC,IAAD,CAAMD,MAAOA,IACb,kBAAC,IAAD,MACA,kBAAC,IAAD,MACA,kBAAC,EAAD,MACA,yBAAKjB,UAAU,qBACb,yBAAKA,UAAU,OACZkB,EACD,kBAAC,EAAD,W,oCClBR,IAAIC,EAAyBC,EAAQ,QAErC5B,EAAQ6B,YAAa,EACrB7B,EAAQ8B,aAAU,EAElB,IAsJIC,EAtJAC,EAA0BL,EAAuBC,EAAQ,SAEzDK,EAAkBN,EAAuBC,EAAQ,SAEjDM,EAAiCP,EAAuBC,EAAQ,SAEhEO,EAAYR,EAAuBC,EAAQ,SAE3CQ,EAAST,EAAuBC,EAAQ,SAExCS,EAAaV,EAAuBC,EAAQ,SAe5CU,EAAe,SAAsBC,GACvC,IAAIC,GAAiB,EAAIL,EAAUL,SAAS,GAAIS,GAC5CE,EAAcD,EAAeC,YAC7BC,EAAQF,EAAeE,MACvBC,EAAWH,EAAeG,SA4B9B,OA1BIF,IACFD,EAAeI,MAAQH,SAEhBD,EAAeC,aAGpBC,IACFF,EAAeK,MAAQH,SAEhBF,EAAeE,OAGpBC,IAEFH,EAAeM,QAAU,SAIvBN,EAAeK,QACjBL,EAAeK,MAAQE,EAAa,GAAGC,OAAOR,EAAeK,SAG3DL,EAAeI,QACjBJ,EAAeI,MAAQG,EAAa,GAAGC,OAAOR,EAAeI,SAGxDJ,GAsBLS,EAAe,SAAsBC,GACvC,IAAIC,EAAQD,EAAKC,MACjB,QAAOA,IAAQC,KAAeC,OAAOC,WAAWH,GAAOI,UAUrDC,EAAmB,SAA0BC,GAC/C,IAAIZ,EAAQY,EAAMZ,MACdD,EAAQa,EAAMb,MACdc,EAAUC,EAAkBd,GAASD,GAAS,IAClD,OAAOc,GAAWA,EAAQE,KASxBD,EAAoB,SAA2BE,GACjD,GAAIT,GAtCuB,SAAgCS,GAC3D,QAASA,GAAeC,MAAMC,QAAQF,IAAgBA,EAAYG,MAAK,SAAUC,GAC/E,YAA8B,IAAhBA,EAAMd,SAoCLe,CAAuBL,GAAc,CAEpD,IAAIM,EAAaN,EAAYO,UAAUnB,GAEvC,IAAoB,IAAhBkB,EACF,OAAON,EAAYM,GAIrB,IAAIE,EAAUR,EAAYO,WAAU,SAAUH,GAC5C,YAA8B,IAAhBA,EAAMd,SAGtB,IAAiB,IAAbkB,EACF,OAAOR,EAAYQ,GAKvB,OAAOR,EAAY,IAKjBS,EAAaC,OAAOC,OAAO,IAE3BC,EAAe,SAAsBlC,GACvC,IAAIC,EAAiBF,EAAaC,GAC9BmC,EAAWlB,EAAiBhB,GAChC,OAAO8B,EAAWI,KAAa,GAa7BC,EAAuD,oBAArBC,kBAAoC,YAAaA,iBAAiBC,UACpGzB,EAA8B,oBAAXC,OACnByB,EAAe1B,GAAaC,OAAO0B,qBAEnCC,EAAY,IAAIC,QAwBpB,SAASC,EAAqBC,GAC5B,OAAOA,EAAcC,KAAI,SAAUC,GACjC,IAAIzB,EAAMyB,EAAMzB,IACZ0B,EAASD,EAAMC,OACfC,EAAaF,EAAME,WACnBpC,EAAQkC,EAAMlC,MACdT,EAAQ2C,EAAM3C,MAClB,OAAoBN,EAAON,QAAQ0D,cAAcpD,EAAON,QAAQ2D,SAAU,CACxEC,IAAK9B,GACJ2B,GAA2BnD,EAAON,QAAQ0D,cAAc,SAAU,CACnEG,KAAM,aACNxC,MAAOA,EACPmC,OAAQC,EACR7C,MAAOA,IACL4C,GAAuBlD,EAAON,QAAQ0D,cAAc,SAAU,CAChErC,MAAOA,EACPmC,OAAQA,EACR5C,MAAOA,QAOb,SAASK,EAAaoC,GACpB,IAAIS,EAAY,GACZC,EAAU,GASd,OARAV,EAAcW,SAAQ,SAAUC,GAC9B,OAAQA,EAAQ5C,MAAQyC,EAAYC,GAASG,KAAKD,MAO7C,GAAG/C,OAAO4C,EAAWC,GAG9B,SAASI,EAAyBd,GAChC,OAAOA,EAAcC,KAAI,SAAUc,GACjC,IAAItC,EAAMsC,EAAMtC,IACZT,EAAQ+C,EAAM/C,MACdgD,EAAYD,EAAMC,UACtB,OAAoB/D,EAAON,QAAQ0D,cAAc,SAAU,CACzDE,IAAK9B,EACLT,MAAOA,EACPmC,OAAQa,OAKd,SAASC,EAAsBjB,GAC7B,OAAOA,EAAcC,KAAI,SAAUiB,GACjC,IAAIzC,EAAMyC,EAAMzC,IACZT,EAAQkD,EAAMlD,MACdmD,EAASD,EAAMC,OACnB,OAAoBlE,EAAON,QAAQ0D,cAAc,SAAU,CACzDE,IAAK9B,EACLT,MAAOA,EACPmC,OAAQgB,OAKd,SAASC,EAAuBC,EAAOC,GACrC,IAAInB,EAASkB,EAAMlB,OACfC,EAAaiB,EAAMjB,WACnBpC,EAAQqD,EAAMrD,MACdT,EAAQ8D,EAAM9D,MAKlB,MAAO,YAFQ+D,EAAS,qBAAuB,KAD/BtD,EAAQ,UAAaA,EAAQ,KAAQ,IAGV,YAJjCsD,EAASlB,EAAaD,GAI+B,MAD/C5C,EAAQ,UAAaA,EAAQ,KAAQ,IAC8B,KASrF,IAAIgE,EAAwB,SAA+BC,EAAIC,GAC7D,IAAIC,QAxGc,IAAP9E,GAAwC,oBAAXsB,QAA0BA,OAAO0B,uBACvEhD,EAAK,IAAIsB,OAAO0B,sBAAqB,SAAU+B,GAC7CA,EAAQhB,SAAQ,SAAUiB,GACxB,GAAI/B,EAAUgC,IAAID,EAAME,QAAS,CAC/B,IAAIL,EAAK5B,EAAUkC,IAAIH,EAAME,SAEzBF,EAAMI,gBAAkBJ,EAAMK,kBAAoB,KACpDrF,EAAGsF,UAAUN,EAAME,QACnBjC,EAAUsC,OAAOP,EAAME,QACvBL,WAIL,CACDW,WAAY,WAITxF,GA6FP,OALI8E,IACFA,EAASW,QAAQb,GACjB3B,EAAUyC,IAAId,EAAIC,IAGb,WACLC,EAASQ,UAAUV,GACnB3B,EAAUsC,OAAOX,KAIjBe,EAAc,SAAqBnF,GAGrC,IAAIqB,EAAMrB,EAAMqB,IAAM,QAAWrB,EAAMqB,IAAM,KAAQ,UAEjDlB,EAAQH,EAAMG,MAAQ,UAAaH,EAAMG,MAAQ,KAAQ,GACzD4C,EAAS/C,EAAM+C,OAAS,WAAc/C,EAAM+C,OAAS,KAAQ,GAC7D7D,EAAQc,EAAMd,MAAQ,UAAac,EAAMd,MAAQ,KAAQ,GACzDkG,EAAMpF,EAAMoF,IAAM,QAAWpF,EAAMoF,IAAM,KAAQ,UAEjDC,EAAQrF,EAAMqF,MAAQ,UAAarF,EAAMqF,MAAQ,KAAQ,GACzDC,EAAStF,EAAMsF,OAAS,WAActF,EAAMsF,OAAS,KAAQ,GAC7DC,EAAcvF,EAAMuF,YAAc,gBAAmBvF,EAAMuF,YAAc,KAAQ,GACjFhF,EAAUP,EAAMO,QAAU,YAAeP,EAAMO,QAAU,KAAQ,GACjEiF,EAAYxF,EAAMwF,UAAY,cAAiBxF,EAAMwF,UAAY,KAAQ,GAE7E,MAAO,YAD+BxF,EAAM4C,cAlCvBC,KAAI,SAAUW,GACjC,OAAQA,EAAQR,WAAagB,EAAuBR,GAAS,GAAQ,IAAMQ,EAAuBR,MACjGiC,KAAK,IAiCuB,QAAUlF,EAAU8E,EAAQC,EAASnF,EAAQ4C,EAAS1B,EAAM+D,EAAMlG,EAAQqG,EAAcC,EAAY,+HAMjIE,EAA2B7F,EAAON,QAAQoG,YAAW,SAAU3F,EAAO4F,GACxE,IAAIvE,EAAMrB,EAAMqB,IACZuB,EAAgB5C,EAAM4C,cACtBiD,EAAkB7F,EAAM6F,gBACxBC,EAAc9F,EAAM8F,YACpBC,EAAa/F,EAAM+F,WAEnBC,EAAyBnG,EAAON,QAAQ0D,cAAcgD,GAAK,EAAIrG,EAAUL,SAAS,CACpFqG,IAAKA,EACLvE,IAAKA,GACJyE,EAAa,CACdC,WAAYA,KAGd,OAAOnD,EAAcsD,OAAS,EAAiBrG,EAAON,QAAQ0D,cAAc,UAAW,KAAM4C,EAAgBjD,GAAgBoD,GAAaA,KAGxIC,EAAmBpG,EAAON,QAAQoG,YAAW,SAAU3F,EAAO4F,GAChE,IAAIzF,EAAQH,EAAMG,MACd4C,EAAS/C,EAAM+C,OACf1B,EAAMrB,EAAMqB,IACZxC,EAAQmB,EAAMnB,MACdsH,EAASnG,EAAMmG,OACfC,EAAUpG,EAAMoG,QAChB7F,EAAUP,EAAMO,QAChBiF,EAAYxF,EAAMwF,UAClBO,EAAa/F,EAAM+F,WACnBM,GAAa,EAAI1G,EAA+BJ,SAASS,EAAO,CAAC,QAAS,SAAU,MAAO,QAAS,SAAU,UAAW,UAAW,YAAa,eACrJ,OAAoBH,EAAON,QAAQ0D,cAAc,OAAO,EAAIrD,EAAUL,SAAS,CAC7E,cAAewG,EACf5F,MAAOA,EACP4C,OAAQA,EACR1B,IAAKA,GACJgF,EAAY,CACbF,OAAQA,EACRC,QAASA,EACTR,IAAKA,EACLrF,QAASA,EACTiF,UAAWA,EACX3G,OAAO,EAAIe,EAAUL,SAAS,CAC5B+G,SAAU,WACVC,IAAK,EACLC,KAAM,EACNnB,MAAO,OACPC,OAAQ,OACRmB,UAAW,QACXC,eAAgB,UACf7H,SAIPoH,EAAIU,UAAY,CACd9H,MAAOiB,EAAWP,QAAQqH,OAC1BR,QAAStG,EAAWP,QAAQsH,KAC5BV,OAAQrG,EAAWP,QAAQsH,MAG7B,IAAIC,EAAqB,SAAUC,GAGjC,SAASD,EAAM9G,GACb,IAAIgH,GAEJA,EAAQD,EAAiBE,KAAKC,KAAMlH,IAAUkH,MAGxCC,WAAatG,GAAaqB,EAAalC,GAC7CgH,EAAMI,WAA+B,UAAlBpH,EAAMO,SAAuBP,EAAMI,SACtD4G,EAAMK,cAAgBL,EAAMI,aAAepH,EAAMsH,QACjDN,EAAMO,cAAgBnF,GAA4BG,IAAiByE,EAAMI,aAAeJ,EAAMG,WAC9F,IAAIK,EAAYR,EAAMI,YAAcvG,IAAcuB,IAA6B4E,EAAMO,cAYrF,OAXAP,EAAMS,MAAQ,CACZD,UAAWA,EACXE,WAAW,EACXC,WAAW,EACXL,QAASN,EAAMG,YAAcnH,EAAMsH,OACnCM,YAAY,GAEdZ,EAAMa,SAAwBhI,EAAON,QAAQuI,YAC7Cd,EAAMe,eAAiB/H,EAAM+H,gBAA+BlI,EAAON,QAAQuI,YAC3Ed,EAAMgB,kBAAoBhB,EAAMgB,kBAAkBC,MAAK,EAAIxI,EAAwBF,SAASyH,IAC5FA,EAAMkB,UAAYlB,EAAMkB,UAAUD,MAAK,EAAIxI,EAAwBF,SAASyH,IACrEA,GAxBT,EAAItH,EAAgBH,SAASuH,EAAOC,GA2BpC,IAAIoB,EAASrB,EAAMxE,UA4QnB,OA1QA6F,EAAOC,kBAAoB,WAWzB,GAVAlB,KAAKmB,SAAS,CACZT,WAAY/G,IAGVqG,KAAKO,MAAMD,WAA+C,mBAA3BN,KAAKlH,MAAMsI,aAC5CpB,KAAKlH,MAAMsI,YAAY,CACrBC,UAAWrG,EAAagF,KAAKlH,SAI7BkH,KAAKE,WAAY,CACnB,IAAIoB,EAAMtB,KAAKW,SAASY,QAEpBD,GAAOA,EAAIE,UACbxB,KAAKc,sBAKXG,EAAOQ,qBAAuB,WACxBzB,KAAK0B,kBACP1B,KAAK0B,oBAKTT,EAAOD,UAAY,SAAmBtC,GACpC,IAAIiD,EAAS3B,KAETA,KAAKK,cAAgB3B,IACvBsB,KAAK0B,iBAAmBzE,EAAsByB,GAAK,WACjD,IAAIkD,EAAe5G,EAAa2G,EAAO7I,OAElC6I,EAAOpB,MAAMD,WAAiD,mBAA7BqB,EAAO7I,MAAMsI,aACjDO,EAAO7I,MAAMsI,YAAY,CACvBC,UAAWO,IAQfD,EAAOR,SAAS,CACdb,WAAW,IACV,WACDqB,EAAOR,SAAS,CACdX,UAAWoB,EAKXnB,aAAckB,EAAOhB,SAASY,UAAWI,EAAOhB,SAASY,QAAQM,sBAO3EZ,EAAOH,kBAAoB,WA/SD,IAA+BhI,EACrDC,EACAkC,EAFqDnC,EAgTjCkH,KAAKlH,MA/SzBC,EAAiBF,EAAaC,IAC9BmC,EAAWlB,EAAiBhB,MAG9B8B,EAAWI,IAAY,GA4SvB+E,KAAKmB,SAAS,CACZX,WAAW,IAGTR,KAAKlH,MAAMmG,QACbe,KAAKlH,MAAMmG,UAIfgC,EAAOa,OAAS,WACd,IAAIC,EAAgBlJ,EAAamH,KAAKlH,OAClCd,EAAQ+J,EAAc/J,MACtBkG,EAAM6D,EAAc7D,IACpBnH,EAAYgL,EAAchL,UAC1BiL,EAAsBD,EAAcpK,MACpCA,OAAgC,IAAxBqK,EAAiC,GAAKA,EAC9CC,EAAwBF,EAAcG,SACtCA,OAAqC,IAA1BD,EAAmC,GAAKA,EACnDE,EAAwBJ,EAAcK,iBACtCA,OAA6C,IAA1BD,EAAmC,GAAKA,EAC3DE,EAAuBN,EAAcM,qBACrCjJ,EAAQ2I,EAAc3I,MACtBD,EAAQ4I,EAAc5I,MACtBmJ,EAAkBP,EAAcO,gBAChCC,EAAiBR,EAAcQ,eAC/BC,EAAMT,EAAcS,IACpBC,EAAWV,EAAcU,SACzBpJ,EAAU0I,EAAc1I,QACxBiF,EAAYyD,EAAczD,UAE1B5C,EAAgBtC,GAASD,EAE7B,IAAKuC,EACH,OAAO,KAGT,IAAIgH,GAAqC,IAAtB1C,KAAKO,MAAMH,QAAoBJ,KAAKO,MAAMC,UACzDmC,GAAqC,IAAtB3C,KAAKO,MAAMH,SAAoBJ,KAAKO,MAAME,UACzDmC,GAAa,EAAIlK,EAAUL,SAAS,CACtCwK,QAASH,EAAe,EAAI,EAC5BI,WAAYH,EAAe,WAAaJ,EAAiB,KAAO,QAC/DL,GACCa,EAAqC,kBAApBT,EAAgC,YAAcA,EAC/DU,EAAiB,CACnBC,gBAAiBV,EAAiB,MAEhCW,GAAwB,EAAIxK,EAAUL,SAAS,CACjDwK,QAAS7C,KAAKO,MAAMC,UAAY,EAAI,GACnCmC,GAAgBK,EAAgBd,EAAUE,GACzCe,EAAwB,CAC1BnL,MAAOA,EACPkG,IAAM8B,KAAKO,MAAMD,UAAkB,GAANpC,EAC7BvG,MAAOuL,EACPnM,UAAWsL,EACXI,SAAUA,GAKRjI,EAASwF,KAAKO,MAAMG,WAAgCxG,EAAkBwB,GAArCA,EAAc,GAEnD,GAAItC,EACF,OAAoBT,EAAON,QAAQ0D,cAAcyG,EAAK,CACpDzL,WAAYA,GAAwB,IAAM,wBAC1CY,OAAO,EAAIe,EAAUL,SAAS,CAC5B+G,SAAU,WACVgE,SAAU,SACVC,SAAU7I,EAAM6I,SAAW7I,EAAM6I,SAAW,KAAO,KACnDC,UAAW9I,EAAM8I,UAAY9I,EAAM8I,UAAY,KAAO,MACrD3L,GACH+G,IAAKsB,KAAKgB,UACV/E,IAAK,SAAWsH,KAAKC,UAAUhJ,EAAMqB,SACvBlD,EAAON,QAAQ0D,cAAcyG,EAAK,CAChD,eAAe,EACf7K,MAAO,CACLwG,MAAO,OACPsF,cAAe,IAAMjJ,EAAMkJ,YAAc,OAEzCX,GAAwBpK,EAAON,QAAQ0D,cAAcyG,EAAK,CAC5D,eAAe,EACfxK,MAAOA,EACPL,OAAO,EAAIe,EAAUL,SAAS,CAC5BiK,gBAAiBS,EACjB3D,SAAU,WACVC,IAAK,EACLsE,OAAQ,EACRd,QAAU7C,KAAKO,MAAMC,UAAgB,EAAJ,EACjCoD,MAAO,EACPtE,KAAM,GACLqD,GAAgBK,KACjBxI,EAAMqC,QAAuBlE,EAAON,QAAQ0D,cAAcyC,EAAa,CACzEK,YAAY,EACZH,IAAKsB,KAAKa,eACV1G,IAAKK,EAAMqC,OACX+B,YAAauE,EACbzH,cAAeA,EACfiD,gBAAiBhC,IACfnC,EAAMkC,WAA0B/D,EAAON,QAAQ0D,cAAcyC,EAAa,CAC5EK,YAAY,EACZH,IAAKsB,KAAKa,eACV1G,IAAKK,EAAMkC,UACXkC,YAAauE,EACbzH,cAAeA,EACfiD,gBAAiBnC,IACfwD,KAAKO,MAAMD,WAA0B3H,EAAON,QAAQ0D,cAAc,UAAW,KAAMN,EAAqBC,GAA6B/C,EAAON,QAAQ0D,cAAcgD,EAAK,CACzKb,IAAKA,EACLlG,MAAOA,EACPiB,MAAOuB,EAAMvB,MACbkB,IAAKK,EAAML,IACXkE,YAAa2B,KAAKlH,MAAMuF,YACxBxC,OAAQrB,EAAMqB,OACdlE,MAAOiL,EACPlE,IAAKsB,KAAKW,SACV1B,OAAQe,KAAKc,kBACb5B,QAASc,KAAKlH,MAAMoG,QACpBuD,SAAUA,EACVpJ,QAASA,EACTiF,UAAWA,KACR0B,KAAKG,aAA4BxH,EAAON,QAAQ0D,cAAc,WAAY,CAC7E8H,wBAAyB,CACvBC,OAAQ7F,GAAY,EAAIvF,EAAUL,SAAS,CACzC6F,IAAKA,EACLlG,MAAOA,EACPqB,QAASA,GACRmB,EAAO,CACRkB,cAAeA,SAMvB,GAAIvC,EAAO,CACT,IAAI4K,GAAW,EAAIrL,EAAUL,SAAS,CACpC+G,SAAU,WACVgE,SAAU,SACVY,QAAS,eACT7F,MAAO3D,EAAM2D,MACbC,OAAQ5D,EAAM4D,QACbzG,GAMH,MAJsB,YAAlBA,EAAMqM,gBACDD,EAASC,QAGErL,EAAON,QAAQ0D,cAAcyG,EAAK,CACpDzL,WAAYA,GAAwB,IAAM,wBAC1CY,MAAOoM,EACPrF,IAAKsB,KAAKgB,UACV/E,IAAK,SAAWsH,KAAKC,UAAUhJ,EAAMqB,SACpCkH,GAAwBpK,EAAON,QAAQ0D,cAAcyG,EAAK,CAC3D,eAAe,EACfxK,MAAOA,EACPL,OAAO,EAAIe,EAAUL,SAAS,CAC5BiK,gBAAiBS,EACjB5E,MAAO3D,EAAM2D,MACb0E,QAAU7C,KAAKO,MAAMC,UAAgB,EAAJ,EACjCpC,OAAQ5D,EAAM4D,QACbuE,GAAgBK,KACjBxI,EAAMqC,QAAuBlE,EAAON,QAAQ0D,cAAcyC,EAAa,CACzEK,YAAY,EACZH,IAAKsB,KAAKa,eACV1G,IAAKK,EAAMqC,OACX+B,YAAauE,EACbzH,cAAeA,EACfiD,gBAAiBhC,IACfnC,EAAMkC,WAA0B/D,EAAON,QAAQ0D,cAAcyC,EAAa,CAC5EK,YAAY,EACZH,IAAKsB,KAAKa,eACV1G,IAAKK,EAAMkC,UACXkC,YAAauE,EACbzH,cAAeA,EACfiD,gBAAiBnC,IACfwD,KAAKO,MAAMD,WAA0B3H,EAAON,QAAQ0D,cAAc,UAAW,KAAMN,EAAqBC,GAA6B/C,EAAON,QAAQ0D,cAAcgD,EAAK,CACzKb,IAAKA,EACLlG,MAAOA,EACPmG,MAAO3D,EAAM2D,MACbC,OAAQ5D,EAAM4D,OACdnF,MAAOuB,EAAMvB,MACbkB,IAAKK,EAAML,IACXkE,YAAa2B,KAAKlH,MAAMuF,YACxBxC,OAAQrB,EAAMqB,OACdlE,MAAOiL,EACPlE,IAAKsB,KAAKW,SACV1B,OAAQe,KAAKc,kBACb5B,QAASc,KAAKlH,MAAMoG,QACpBuD,SAAUA,EACVpJ,QAASA,EACTiF,UAAWA,KACR0B,KAAKG,aAA4BxH,EAAON,QAAQ0D,cAAc,WAAY,CAC7E8H,wBAAyB,CACvBC,OAAQ7F,GAAY,EAAIvF,EAAUL,SAAS,CACzC6F,IAAKA,EACLlG,MAAOA,EACPqB,QAASA,GACRmB,EAAO,CACRkB,cAAeA,SAMvB,OAAO,MAGFkE,EAxSgB,CAySvBjH,EAAON,QAAQ4L,WAEjBrE,EAAMsE,aAAe,CACnB9D,QAAQ,EACRmC,eAAgB,IAChBrE,IAAK,GACLsE,IAAK,MAGLnJ,QAAS,QAGX,IAAI8K,EAAcvL,EAAWP,QAAQ+L,MAAM,CACzCjG,MAAOvF,EAAWP,QAAQgM,OAAOC,WACjClG,OAAQxF,EAAWP,QAAQgM,OAAOC,WAClCnK,IAAKvB,EAAWP,QAAQkM,OAAOD,WAC/BzI,OAAQjD,EAAWP,QAAQkM,OAAOD,WAClCzH,OAAQjE,EAAWP,QAAQkM,OAC3B7H,UAAW9D,EAAWP,QAAQkM,OAC9BC,QAAS5L,EAAWP,QAAQkM,OAC5BzI,WAAYlD,EAAWP,QAAQkM,OAC/B7K,MAAOd,EAAWP,QAAQkM,SAGxBE,EAAc7L,EAAWP,QAAQ+L,MAAM,CACzCV,YAAa9K,EAAWP,QAAQgM,OAAOC,WACvCnK,IAAKvB,EAAWP,QAAQkM,OAAOD,WAC/BzI,OAAQjD,EAAWP,QAAQkM,OAAOD,WAClCrL,MAAOL,EAAWP,QAAQkM,OAAOD,WACjCzH,OAAQjE,EAAWP,QAAQkM,OAC3B7H,UAAW9D,EAAWP,QAAQkM,OAC9BC,QAAS5L,EAAWP,QAAQkM,OAC5BzI,WAAYlD,EAAWP,QAAQkM,OAC/B7K,MAAOd,EAAWP,QAAQkM,OAC1BlB,SAAUzK,EAAWP,QAAQgM,OAC7Bf,UAAW1K,EAAWP,QAAQgM,SAGhC,SAASK,EAAoBC,GAC3B,OAAO,SAAU7L,EAAO8L,EAAUC,GAChC,IAAIC,EAEJ,IAAKhM,EAAMK,QAAUL,EAAMM,MACzB,MAAM,IAAI2L,MAAM,yDAA2DF,EAAgB,6CAG7FjM,EAAWP,QAAQ2M,iBAAgBF,EAAwB,IAA0BF,GAAYD,EAAmBG,GAAwBhM,EAAO,OAAQ+L,IAQ/JjF,EAAMH,UAAY,CAChBzG,YAAamL,EACblL,MAAOwL,EACPtL,MAAOuL,EAAoB9L,EAAWP,QAAQ4M,UAAU,CAACd,EAAavL,EAAWP,QAAQ6M,QAAQf,MACjG/K,MAAOsL,EAAoB9L,EAAWP,QAAQ4M,UAAU,CAACR,EAAa7L,EAAWP,QAAQ6M,QAAQT,MACjGrE,OAAQxH,EAAWP,QAAQ8M,KAC3B5C,eAAgB3J,EAAWP,QAAQgM,OACnCrM,MAAOY,EAAWP,QAAQkM,OAC1BrG,IAAKtF,EAAWP,QAAQkM,OACxBxN,UAAW6B,EAAWP,QAAQ4M,UAAU,CAACrM,EAAWP,QAAQkM,OAAQ3L,EAAWP,QAAQqH,SAEvFxG,SAAUN,EAAWP,QAAQ8M,KAC7B9G,YAAazF,EAAWP,QAAQ4M,UAAU,CAACrM,EAAWP,QAAQkM,OAAQ3L,EAAWP,QAAQ8M,OACzFxN,MAAOiB,EAAWP,QAAQqH,OAC1BwC,SAAUtJ,EAAWP,QAAQqH,OAC7B0C,iBAAkBxJ,EAAWP,QAAQqH,OACrC2C,qBAAsBzJ,EAAWP,QAAQkM,OACzCjC,gBAAiB1J,EAAWP,QAAQ4M,UAAU,CAACrM,EAAWP,QAAQkM,OAAQ3L,EAAWP,QAAQ8M,OAC7FlG,OAAQrG,EAAWP,QAAQsH,KAC3BT,QAAStG,EAAWP,QAAQsH,KAC5ByB,YAAaxI,EAAWP,QAAQsH,KAChC6C,IAAK5J,EAAWP,QAAQkM,OACxB9B,SAAU7J,EAAWP,QAAQkM,OAC7BlL,QAAST,EAAWP,QAAQ+M,MAAM,CAAC,OAAQ,OAAQ,UACnD9G,UAAW1F,EAAWP,QAAQ8M,MAEhC,IAAIE,EAAWzF,EACfrJ,EAAQ8B,QAAUgN,G,kCC/tBlB,yBAceC,IAZI,kBACjB,0BAAMvO,UAAU,QACd,yBAAKC,QAAQ,aACX,0BACEC,GAAG,cACHC,KAAK,UACLC,EAAE,42B,iJCEJoO,G,sBACJ,WAAYzM,GAAQ,IAAD,SACjB,cAAMA,IAAN,MAMF0M,UAAY,SAAAC,GACV,EAAKtE,UAAS,SAAAZ,GAEZ,OADAmF,QAAQC,IAAIF,GACRlF,EAAMqF,eAAiBH,EAClB,CACLG,aAAc,IAGX,CACLA,aAAcH,OAdlB,EAAKlF,MAAQ,CACXqF,aAAc,IAHC,E,oCAqBnB9D,OAAA,WAAU,IAAD,OACC8D,EAAiB5F,KAAKO,MAAtBqF,aACFC,EAAQ7F,KAAKlH,MAAMgN,KAAKC,kBAAkBF,MAC1CG,EAAgBhG,KAAKlH,MAAMgN,KAAKG,QAAQJ,MAExCK,EAAWL,EACdlK,KAAI,qBAAGwK,KAAgBC,eACvBzK,KAAI,SAAA0K,GACH,IAAMC,EAAO9P,kBAAQ6P,EAAQrO,OACvBwC,EAAQwL,EAAcO,MAAK,SAAAC,GAAE,OAAIA,EAAGL,KAAKM,OAASH,KACxD,OAAOxL,OAAO4L,OAAOL,EAAS,CAC5BC,OACA9L,MAAOA,EAAQA,EAAM2L,KAAKQ,gBAAgBxN,MAAQ,UAIlDyN,EAAmBV,EACtBW,QACC,SAAAR,GAAO,MACY,KAAjBT,GACAS,EAAQS,MAAMC,MAAM,MAAMC,QAAQpB,IAAiB,GAClDS,EAAQY,MAAQZ,EAAQY,KAAKF,MAAM,MAAMC,QAAQpB,IAAiB,KAEtEsB,MAAK,SAACC,EAAGC,GACR,OAAID,EAAEE,KAAOD,EAAEC,KAAa,EACxBF,EAAEE,KAAOD,EAAEC,MAAc,EACtB,KAGLP,EAAQZ,EACXvK,KAAI,SAAA0K,GACH,OAAIA,EAAQY,KAAaZ,EAAQS,MAAQ,KAAOT,EAAQY,KACjDZ,EAAQS,SAEhBQ,QAAO,SAACC,EAAKC,GAAN,OAAcD,EAAIhO,OAAOiO,EAAIT,MAAM,SAAQ,IAClDG,MAAK,SAACC,EAAGC,GAAJ,OAAUD,EAAExQ,cAAc8Q,cAAcL,EAAEzQ,kBAC/CkQ,QAAO,SAACpB,EAAMiC,EAAGC,GAChB,OAAU,IAAND,GACGC,EAAID,EAAI,KAAOjC,KAG1B,OACE,kBAAC,IAAD,CAAYzN,MAAM,YAChB,yBAAKjB,UAAU,gBACb,wBAAIY,MAAO,CAAEiQ,WAAY,IACtBd,EAAMnL,KAAI,SAAA8J,GAAI,OACb,wBACE1O,UAAU,QACV8Q,QAAS,kBAAM,EAAKrC,UAAUC,IAC9BxJ,IAAKwJ,GAEL,0BACE9N,MAAO,CAAEmQ,MAAOlC,IAAiBH,EAAO,OAAS,UAEhDA,QAKT,6BACGmB,EAAiBjL,KAAI,SAAA0K,GAAO,OAC3B,kBAAC,OAAD,CACE5O,GAAI,YAAc4O,EAAQC,KAC1BvP,UAAU,yBACVkF,IAAKoK,EAAQrO,OAEb,yBAAKjB,UAAU,WACZsP,EAAQ7L,MACP,kBAAC,IAAD,CACErB,MAAOkN,EAAQ7L,MACfzD,UAAU,gBACVY,MAAO,CACLyH,SAAU,WACVjB,MAAO,OACPC,OAAQ,UAGV,KACJ,yBAAKrH,UAAU,eACb,4BAAKsP,EAAQrO,OACb,4BAAKqO,EAAQ0B,aACb,sCAAY1B,EAAQS,iB,GAvGbkB,IAAM/D,YAmHlBsB,a,kCC7Hf,qCAqBe0C,IAhBI,SAAC,GAAD,IAAGjQ,EAAH,EAAGA,MAAOC,EAAV,EAAUA,SAAV,OACjB,kBAAC,IAAD,CAAeD,MAAOA,GACpB,yBAAKf,GAAG,UAAUF,UAAU,gBAC1B,4BAAQA,UAAU,eAChB,wBAAIA,UAAU,cAAciB,IAE7BC,M","file":"component---src-pages-projects-index-jsx-4ada73ff51907f002046.js","sourcesContent":["exports.slugify = function(str) {\r\n return str\r\n .toString()\r\n .toLowerCase()\r\n .replace(/\\s+/g, '-')\r\n .replace(/\\./g, '-')\r\n .trim();\r\n};\r\n","import React from 'react';\r\n\r\nconst LinkedinIcon = () => (\r\n \r\n \r\n \r\n);\r\n\r\nexport default LinkedinIcon;\r\n","import React from 'react';\r\n\r\nconst MenuIcon = () => (\r\n \r\n \r\n \r\n);\r\n\r\nexport default MenuIcon;\r\n","import React from 'react';\r\nimport { Link } from 'gatsby';\r\n\r\nimport MenuIcon from './icon-menu';\r\nimport GithubIcon from './icon-github';\r\nimport LinkedinIcon from './icon-linkedin';\r\n\r\nimport './header.scss';\r\n\r\nconst Header = () => (\r\n \r\n
\r\n \r\n Michael Kim\r\n \r\n\r\n \r\n
\r\n \r\n);\r\n\r\nexport default Header;\r\n","import React from 'react';\r\n\r\nconst Footer = () => (\r\n \r\n);\r\n\r\nexport default Footer;\r\n","import React from 'react';\r\nimport PropTypes from 'prop-types';\r\n\r\nimport Head from '../head';\r\nimport Background from '../background';\r\nimport Lightbulb from '../lightbulb';\r\nimport Header from '../header';\r\nimport Footer from '../footer';\r\n\r\nimport './main.scss';\r\n\r\nconst DefaultLayout = ({ title, children }) => (\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n {children}\r\n \r\n
\r\n
\r\n \r\n);\r\n\r\nDefaultLayout.propTypes = {\r\n title: PropTypes.string,\r\n children: PropTypes.node\r\n};\r\n\r\nexport default DefaultLayout;\r\n","\"use strict\";\n\nvar _interopRequireDefault = require(\"@babel/runtime/helpers/interopRequireDefault\");\n\nexports.__esModule = true;\nexports.default = void 0;\n\nvar _assertThisInitialized2 = _interopRequireDefault(require(\"@babel/runtime/helpers/assertThisInitialized\"));\n\nvar _inheritsLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/inheritsLoose\"));\n\nvar _objectWithoutPropertiesLoose2 = _interopRequireDefault(require(\"@babel/runtime/helpers/objectWithoutPropertiesLoose\"));\n\nvar _extends2 = _interopRequireDefault(require(\"@babel/runtime/helpers/extends\"));\n\nvar _react = _interopRequireDefault(require(\"react\"));\n\nvar _propTypes = _interopRequireDefault(require(\"prop-types\"));\n\nvar logDeprecationNotice = function logDeprecationNotice(prop, replacement) {\n if (process.env.NODE_ENV === \"production\") {\n return;\n }\n\n console.log(\"\\n The \\\"\" + prop + \"\\\" prop is now deprecated and will be removed in the next major version\\n of \\\"gatsby-image\\\".\\n \");\n\n if (replacement) {\n console.log(\"Please use \" + replacement + \" instead of \\\"\" + prop + \"\\\".\");\n }\n}; // Handle legacy props during their deprecation phase\n\n\nvar convertProps = function convertProps(props) {\n var convertedProps = (0, _extends2.default)({}, props);\n var resolutions = convertedProps.resolutions,\n sizes = convertedProps.sizes,\n critical = convertedProps.critical;\n\n if (resolutions) {\n convertedProps.fixed = resolutions;\n logDeprecationNotice(\"resolutions\", \"the gatsby-image v2 prop \\\"fixed\\\"\");\n delete convertedProps.resolutions;\n }\n\n if (sizes) {\n convertedProps.fluid = sizes;\n logDeprecationNotice(\"sizes\", \"the gatsby-image v2 prop \\\"fluid\\\"\");\n delete convertedProps.sizes;\n }\n\n if (critical) {\n logDeprecationNotice(\"critical\", \"the native \\\"loading\\\" attribute\");\n convertedProps.loading = \"eager\";\n } // convert fluid & fixed to arrays so we only have to work with arrays\n\n\n if (convertedProps.fluid) {\n convertedProps.fluid = groupByMedia([].concat(convertedProps.fluid));\n }\n\n if (convertedProps.fixed) {\n convertedProps.fixed = groupByMedia([].concat(convertedProps.fixed));\n }\n\n return convertedProps;\n};\n/**\n * Checks if fluid or fixed are art-direction arrays.\n *\n * @param currentData {{media?: string}[]} The props to check for images.\n * @return {boolean}\n */\n\n\nvar hasArtDirectionSupport = function hasArtDirectionSupport(currentData) {\n return !!currentData && Array.isArray(currentData) && currentData.some(function (image) {\n return typeof image.media !== \"undefined\";\n });\n};\n/**\n * Tries to detect if a media query matches the current viewport.\n * @property media {{media?: string}} A media query string.\n * @return {boolean}\n */\n\n\nvar matchesMedia = function matchesMedia(_ref) {\n var media = _ref.media;\n return media ? isBrowser && !!window.matchMedia(media).matches : false;\n};\n/**\n * Find the source of an image to use as a key in the image cache.\n * Use `the first image in either `fixed` or `fluid`\n * @param {{fluid: {src: string, media?: string}[], fixed: {src: string, media?: string}[]}} args\n * @return {string?} Returns image src or undefined it not given.\n */\n\n\nvar getImageCacheKey = function getImageCacheKey(_ref2) {\n var fluid = _ref2.fluid,\n fixed = _ref2.fixed;\n var srcData = getCurrentSrcData(fluid || fixed || []);\n return srcData && srcData.src;\n};\n/**\n * Returns the current src - Preferably with art-direction support.\n * @param currentData {{media?: string}[], maxWidth?: Number, maxHeight?: Number} The fluid or fixed image array.\n * @return {{src: string, media?: string, maxWidth?: Number, maxHeight?: Number}}\n */\n\n\nvar getCurrentSrcData = function getCurrentSrcData(currentData) {\n if (isBrowser && hasArtDirectionSupport(currentData)) {\n // Do we have an image for the current Viewport?\n var foundMedia = currentData.findIndex(matchesMedia);\n\n if (foundMedia !== -1) {\n return currentData[foundMedia];\n } // No media matches, select first element without a media condition\n\n\n var noMedia = currentData.findIndex(function (image) {\n return typeof image.media === \"undefined\";\n });\n\n if (noMedia !== -1) {\n return currentData[noMedia];\n }\n } // Else return the first image.\n\n\n return currentData[0];\n}; // Cache if we've seen an image before so we don't bother with\n// lazy-loading & fading in on subsequent mounts.\n\n\nvar imageCache = Object.create({});\n\nvar inImageCache = function inImageCache(props) {\n var convertedProps = convertProps(props);\n var cacheKey = getImageCacheKey(convertedProps);\n return imageCache[cacheKey] || false;\n};\n\nvar activateCacheForImage = function activateCacheForImage(props) {\n var convertedProps = convertProps(props);\n var cacheKey = getImageCacheKey(convertedProps);\n\n if (cacheKey) {\n imageCache[cacheKey] = true;\n }\n}; // Native lazy-loading support: https://addyosmani.com/blog/lazy-loading/\n\n\nvar hasNativeLazyLoadSupport = typeof HTMLImageElement !== \"undefined\" && \"loading\" in HTMLImageElement.prototype;\nvar isBrowser = typeof window !== \"undefined\";\nvar hasIOSupport = isBrowser && window.IntersectionObserver;\nvar io;\nvar listeners = new WeakMap();\n\nfunction getIO() {\n if (typeof io === \"undefined\" && typeof window !== \"undefined\" && window.IntersectionObserver) {\n io = new window.IntersectionObserver(function (entries) {\n entries.forEach(function (entry) {\n if (listeners.has(entry.target)) {\n var cb = listeners.get(entry.target); // Edge doesn't currently support isIntersecting, so also test for an intersectionRatio > 0\n\n if (entry.isIntersecting || entry.intersectionRatio > 0) {\n io.unobserve(entry.target);\n listeners.delete(entry.target);\n cb();\n }\n }\n });\n }, {\n rootMargin: \"200px\"\n });\n }\n\n return io;\n}\n\nfunction generateImageSources(imageVariants) {\n return imageVariants.map(function (_ref3) {\n var src = _ref3.src,\n srcSet = _ref3.srcSet,\n srcSetWebp = _ref3.srcSetWebp,\n media = _ref3.media,\n sizes = _ref3.sizes;\n return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {\n key: src\n }, srcSetWebp && /*#__PURE__*/_react.default.createElement(\"source\", {\n type: \"image/webp\",\n media: media,\n srcSet: srcSetWebp,\n sizes: sizes\n }), srcSet && /*#__PURE__*/_react.default.createElement(\"source\", {\n media: media,\n srcSet: srcSet,\n sizes: sizes\n }));\n });\n} // Return an array ordered by elements having a media prop, does not use\n// native sort, as a stable sort is not guaranteed by all browsers/versions\n\n\nfunction groupByMedia(imageVariants) {\n var withMedia = [];\n var without = [];\n imageVariants.forEach(function (variant) {\n return (variant.media ? withMedia : without).push(variant);\n });\n\n if (without.length > 1 && process.env.NODE_ENV !== \"production\") {\n console.warn(\"We've found \" + without.length + \" sources without a media property. They might be ignored by the browser, see: https://www.gatsbyjs.org/packages/gatsby-image/#art-directing-multiple-images\");\n }\n\n return [].concat(withMedia, without);\n}\n\nfunction generateTracedSVGSources(imageVariants) {\n return imageVariants.map(function (_ref4) {\n var src = _ref4.src,\n media = _ref4.media,\n tracedSVG = _ref4.tracedSVG;\n return /*#__PURE__*/_react.default.createElement(\"source\", {\n key: src,\n media: media,\n srcSet: tracedSVG\n });\n });\n}\n\nfunction generateBase64Sources(imageVariants) {\n return imageVariants.map(function (_ref5) {\n var src = _ref5.src,\n media = _ref5.media,\n base64 = _ref5.base64;\n return /*#__PURE__*/_react.default.createElement(\"source\", {\n key: src,\n media: media,\n srcSet: base64\n });\n });\n}\n\nfunction generateNoscriptSource(_ref6, isWebp) {\n var srcSet = _ref6.srcSet,\n srcSetWebp = _ref6.srcSetWebp,\n media = _ref6.media,\n sizes = _ref6.sizes;\n var src = isWebp ? srcSetWebp : srcSet;\n var mediaAttr = media ? \"media=\\\"\" + media + \"\\\" \" : \"\";\n var typeAttr = isWebp ? \"type='image/webp' \" : \"\";\n var sizesAttr = sizes ? \"sizes=\\\"\" + sizes + \"\\\" \" : \"\";\n return \"\";\n}\n\nfunction generateNoscriptSources(imageVariants) {\n return imageVariants.map(function (variant) {\n return (variant.srcSetWebp ? generateNoscriptSource(variant, true) : \"\") + generateNoscriptSource(variant);\n }).join(\"\");\n}\n\nvar listenToIntersections = function listenToIntersections(el, cb) {\n var observer = getIO();\n\n if (observer) {\n observer.observe(el);\n listeners.set(el, cb);\n }\n\n return function () {\n observer.unobserve(el);\n listeners.delete(el);\n };\n};\n\nvar noscriptImg = function noscriptImg(props) {\n // Check if prop exists before adding each attribute to the string output below to prevent\n // HTML validation issues caused by empty values like width=\"\" and height=\"\"\n var src = props.src ? \"src=\\\"\" + props.src + \"\\\" \" : \"src=\\\"\\\" \"; // required attribute\n\n var sizes = props.sizes ? \"sizes=\\\"\" + props.sizes + \"\\\" \" : \"\";\n var srcSet = props.srcSet ? \"srcset=\\\"\" + props.srcSet + \"\\\" \" : \"\";\n var title = props.title ? \"title=\\\"\" + props.title + \"\\\" \" : \"\";\n var alt = props.alt ? \"alt=\\\"\" + props.alt + \"\\\" \" : \"alt=\\\"\\\" \"; // required attribute\n\n var width = props.width ? \"width=\\\"\" + props.width + \"\\\" \" : \"\";\n var height = props.height ? \"height=\\\"\" + props.height + \"\\\" \" : \"\";\n var crossOrigin = props.crossOrigin ? \"crossorigin=\\\"\" + props.crossOrigin + \"\\\" \" : \"\";\n var loading = props.loading ? \"loading=\\\"\" + props.loading + \"\\\" \" : \"\";\n var draggable = props.draggable ? \"draggable=\\\"\" + props.draggable + \"\\\" \" : \"\";\n var sources = generateNoscriptSources(props.imageVariants);\n return \"\" + sources + \"\";\n}; // Earlier versions of gatsby-image during the 2.x cycle did not wrap\n// the `Img` component in a `picture` element. This maintains compatibility\n// until a breaking change can be introduced in the next major release\n\n\nvar Placeholder = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n var src = props.src,\n imageVariants = props.imageVariants,\n generateSources = props.generateSources,\n spreadProps = props.spreadProps,\n ariaHidden = props.ariaHidden;\n\n var baseImage = /*#__PURE__*/_react.default.createElement(Img, (0, _extends2.default)({\n ref: ref,\n src: src\n }, spreadProps, {\n ariaHidden: ariaHidden\n }));\n\n return imageVariants.length > 1 ? /*#__PURE__*/_react.default.createElement(\"picture\", null, generateSources(imageVariants), baseImage) : baseImage;\n});\n\nvar Img = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {\n var sizes = props.sizes,\n srcSet = props.srcSet,\n src = props.src,\n style = props.style,\n onLoad = props.onLoad,\n onError = props.onError,\n loading = props.loading,\n draggable = props.draggable,\n ariaHidden = props.ariaHidden,\n otherProps = (0, _objectWithoutPropertiesLoose2.default)(props, [\"sizes\", \"srcSet\", \"src\", \"style\", \"onLoad\", \"onError\", \"loading\", \"draggable\", \"ariaHidden\"]);\n return /*#__PURE__*/_react.default.createElement(\"img\", (0, _extends2.default)({\n \"aria-hidden\": ariaHidden,\n sizes: sizes,\n srcSet: srcSet,\n src: src\n }, otherProps, {\n onLoad: onLoad,\n onError: onError,\n ref: ref,\n loading: loading,\n draggable: draggable,\n style: (0, _extends2.default)({\n position: \"absolute\",\n top: 0,\n left: 0,\n width: \"100%\",\n height: \"100%\",\n objectFit: \"cover\",\n objectPosition: \"center\"\n }, style)\n }));\n});\n\nImg.propTypes = {\n style: _propTypes.default.object,\n onError: _propTypes.default.func,\n onLoad: _propTypes.default.func\n};\n\nvar Image = /*#__PURE__*/function (_React$Component) {\n (0, _inheritsLoose2.default)(Image, _React$Component);\n\n function Image(props) {\n var _this;\n\n _this = _React$Component.call(this, props) || this; // If this image has already been loaded before then we can assume it's\n // already in the browser cache so it's cheap to just show directly.\n\n _this.seenBefore = isBrowser && inImageCache(props);\n _this.isCritical = props.loading === \"eager\" || props.critical;\n _this.addNoScript = !(_this.isCritical && !props.fadeIn);\n _this.useIOSupport = !hasNativeLazyLoadSupport && hasIOSupport && !_this.isCritical && !_this.seenBefore;\n var isVisible = _this.isCritical || isBrowser && (hasNativeLazyLoadSupport || !_this.useIOSupport);\n _this.state = {\n isVisible: isVisible,\n imgLoaded: false,\n imgCached: false,\n fadeIn: !_this.seenBefore && props.fadeIn,\n isHydrated: false\n };\n _this.imageRef = /*#__PURE__*/_react.default.createRef();\n _this.placeholderRef = props.placeholderRef || /*#__PURE__*/_react.default.createRef();\n _this.handleImageLoaded = _this.handleImageLoaded.bind((0, _assertThisInitialized2.default)(_this));\n _this.handleRef = _this.handleRef.bind((0, _assertThisInitialized2.default)(_this));\n return _this;\n }\n\n var _proto = Image.prototype;\n\n _proto.componentDidMount = function componentDidMount() {\n this.setState({\n isHydrated: isBrowser\n });\n\n if (this.state.isVisible && typeof this.props.onStartLoad === \"function\") {\n this.props.onStartLoad({\n wasCached: inImageCache(this.props)\n });\n }\n\n if (this.isCritical) {\n var img = this.imageRef.current;\n\n if (img && img.complete) {\n this.handleImageLoaded();\n }\n }\n };\n\n _proto.componentWillUnmount = function componentWillUnmount() {\n if (this.cleanUpListeners) {\n this.cleanUpListeners();\n }\n } // Specific to IntersectionObserver based lazy-load support\n ;\n\n _proto.handleRef = function handleRef(ref) {\n var _this2 = this;\n\n if (this.useIOSupport && ref) {\n this.cleanUpListeners = listenToIntersections(ref, function () {\n var imageInCache = inImageCache(_this2.props);\n\n if (!_this2.state.isVisible && typeof _this2.props.onStartLoad === \"function\") {\n _this2.props.onStartLoad({\n wasCached: imageInCache\n });\n } // imgCached and imgLoaded must update after isVisible,\n // Once isVisible is true, imageRef becomes accessible, which imgCached needs access to.\n // imgLoaded and imgCached are in a 2nd setState call to be changed together,\n // avoiding initiating unnecessary animation frames from style changes.\n\n\n _this2.setState({\n isVisible: true\n }, function () {\n _this2.setState({\n imgLoaded: imageInCache,\n // `currentSrc` should be a string, but can be `undefined` in IE,\n // !! operator validates the value is not undefined/null/\"\"\n // for lazyloaded components this might be null\n // TODO fix imgCached behaviour as it's now false when it's lazyloaded\n imgCached: !!(_this2.imageRef.current && _this2.imageRef.current.currentSrc)\n });\n });\n });\n }\n };\n\n _proto.handleImageLoaded = function handleImageLoaded() {\n activateCacheForImage(this.props);\n this.setState({\n imgLoaded: true\n });\n\n if (this.props.onLoad) {\n this.props.onLoad();\n }\n };\n\n _proto.render = function render() {\n var _convertProps = convertProps(this.props),\n title = _convertProps.title,\n alt = _convertProps.alt,\n className = _convertProps.className,\n _convertProps$style = _convertProps.style,\n style = _convertProps$style === void 0 ? {} : _convertProps$style,\n _convertProps$imgStyl = _convertProps.imgStyle,\n imgStyle = _convertProps$imgStyl === void 0 ? {} : _convertProps$imgStyl,\n _convertProps$placeho = _convertProps.placeholderStyle,\n placeholderStyle = _convertProps$placeho === void 0 ? {} : _convertProps$placeho,\n placeholderClassName = _convertProps.placeholderClassName,\n fluid = _convertProps.fluid,\n fixed = _convertProps.fixed,\n backgroundColor = _convertProps.backgroundColor,\n durationFadeIn = _convertProps.durationFadeIn,\n Tag = _convertProps.Tag,\n itemProp = _convertProps.itemProp,\n loading = _convertProps.loading,\n draggable = _convertProps.draggable;\n\n var imageVariants = fluid || fixed; // Abort early if missing image data (#25371)\n\n if (!imageVariants) {\n return null;\n }\n\n var shouldReveal = this.state.fadeIn === false || this.state.imgLoaded;\n var shouldFadeIn = this.state.fadeIn === true && !this.state.imgCached;\n var imageStyle = (0, _extends2.default)({\n opacity: shouldReveal ? 1 : 0,\n transition: shouldFadeIn ? \"opacity \" + durationFadeIn + \"ms\" : \"none\"\n }, imgStyle);\n var bgColor = typeof backgroundColor === \"boolean\" ? \"lightgray\" : backgroundColor;\n var delayHideStyle = {\n transitionDelay: durationFadeIn + \"ms\"\n };\n var imagePlaceholderStyle = (0, _extends2.default)({\n opacity: this.state.imgLoaded ? 0 : 1\n }, shouldFadeIn && delayHideStyle, imgStyle, placeholderStyle);\n var placeholderImageProps = {\n title: title,\n alt: !this.state.isVisible ? alt : \"\",\n style: imagePlaceholderStyle,\n className: placeholderClassName,\n itemProp: itemProp\n }; // Initial client render state needs to match SSR until hydration finishes.\n // Once hydration completes, render again to update to the correct image.\n // `imageVariants` is always an Array type at this point due to `convertProps()`\n\n var image = !this.state.isHydrated ? imageVariants[0] : getCurrentSrcData(imageVariants);\n\n if (fluid) {\n return /*#__PURE__*/_react.default.createElement(Tag, {\n className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n style: (0, _extends2.default)({\n position: \"relative\",\n overflow: \"hidden\",\n maxWidth: image.maxWidth ? image.maxWidth + \"px\" : null,\n maxHeight: image.maxHeight ? image.maxHeight + \"px\" : null\n }, style),\n ref: this.handleRef,\n key: \"fluid-\" + JSON.stringify(image.srcSet)\n }, /*#__PURE__*/_react.default.createElement(Tag, {\n \"aria-hidden\": true,\n style: {\n width: \"100%\",\n paddingBottom: 100 / image.aspectRatio + \"%\"\n }\n }), bgColor && /*#__PURE__*/_react.default.createElement(Tag, {\n \"aria-hidden\": true,\n title: title,\n style: (0, _extends2.default)({\n backgroundColor: bgColor,\n position: \"absolute\",\n top: 0,\n bottom: 0,\n opacity: !this.state.imgLoaded ? 1 : 0,\n right: 0,\n left: 0\n }, shouldFadeIn && delayHideStyle)\n }), image.base64 && /*#__PURE__*/_react.default.createElement(Placeholder, {\n ariaHidden: true,\n ref: this.placeholderRef,\n src: image.base64,\n spreadProps: placeholderImageProps,\n imageVariants: imageVariants,\n generateSources: generateBase64Sources\n }), image.tracedSVG && /*#__PURE__*/_react.default.createElement(Placeholder, {\n ariaHidden: true,\n ref: this.placeholderRef,\n src: image.tracedSVG,\n spreadProps: placeholderImageProps,\n imageVariants: imageVariants,\n generateSources: generateTracedSVGSources\n }), this.state.isVisible && /*#__PURE__*/_react.default.createElement(\"picture\", null, generateImageSources(imageVariants), /*#__PURE__*/_react.default.createElement(Img, {\n alt: alt,\n title: title,\n sizes: image.sizes,\n src: image.src,\n crossOrigin: this.props.crossOrigin,\n srcSet: image.srcSet,\n style: imageStyle,\n ref: this.imageRef,\n onLoad: this.handleImageLoaded,\n onError: this.props.onError,\n itemProp: itemProp,\n loading: loading,\n draggable: draggable\n })), this.addNoScript && /*#__PURE__*/_react.default.createElement(\"noscript\", {\n dangerouslySetInnerHTML: {\n __html: noscriptImg((0, _extends2.default)({\n alt: alt,\n title: title,\n loading: loading\n }, image, {\n imageVariants: imageVariants\n }))\n }\n }));\n }\n\n if (fixed) {\n var divStyle = (0, _extends2.default)({\n position: \"relative\",\n overflow: \"hidden\",\n display: \"inline-block\",\n width: image.width,\n height: image.height\n }, style);\n\n if (style.display === \"inherit\") {\n delete divStyle.display;\n }\n\n return /*#__PURE__*/_react.default.createElement(Tag, {\n className: (className ? className : \"\") + \" gatsby-image-wrapper\",\n style: divStyle,\n ref: this.handleRef,\n key: \"fixed-\" + JSON.stringify(image.srcSet)\n }, bgColor && /*#__PURE__*/_react.default.createElement(Tag, {\n \"aria-hidden\": true,\n title: title,\n style: (0, _extends2.default)({\n backgroundColor: bgColor,\n width: image.width,\n opacity: !this.state.imgLoaded ? 1 : 0,\n height: image.height\n }, shouldFadeIn && delayHideStyle)\n }), image.base64 && /*#__PURE__*/_react.default.createElement(Placeholder, {\n ariaHidden: true,\n ref: this.placeholderRef,\n src: image.base64,\n spreadProps: placeholderImageProps,\n imageVariants: imageVariants,\n generateSources: generateBase64Sources\n }), image.tracedSVG && /*#__PURE__*/_react.default.createElement(Placeholder, {\n ariaHidden: true,\n ref: this.placeholderRef,\n src: image.tracedSVG,\n spreadProps: placeholderImageProps,\n imageVariants: imageVariants,\n generateSources: generateTracedSVGSources\n }), this.state.isVisible && /*#__PURE__*/_react.default.createElement(\"picture\", null, generateImageSources(imageVariants), /*#__PURE__*/_react.default.createElement(Img, {\n alt: alt,\n title: title,\n width: image.width,\n height: image.height,\n sizes: image.sizes,\n src: image.src,\n crossOrigin: this.props.crossOrigin,\n srcSet: image.srcSet,\n style: imageStyle,\n ref: this.imageRef,\n onLoad: this.handleImageLoaded,\n onError: this.props.onError,\n itemProp: itemProp,\n loading: loading,\n draggable: draggable\n })), this.addNoScript && /*#__PURE__*/_react.default.createElement(\"noscript\", {\n dangerouslySetInnerHTML: {\n __html: noscriptImg((0, _extends2.default)({\n alt: alt,\n title: title,\n loading: loading\n }, image, {\n imageVariants: imageVariants\n }))\n }\n }));\n }\n\n return null;\n };\n\n return Image;\n}(_react.default.Component);\n\nImage.defaultProps = {\n fadeIn: true,\n durationFadeIn: 500,\n alt: \"\",\n Tag: \"div\",\n // We set it to `lazy` by default because it's best to default to a performant\n // setting and let the user \"opt out\" to `eager`\n loading: \"lazy\"\n};\n\nvar fixedObject = _propTypes.default.shape({\n width: _propTypes.default.number.isRequired,\n height: _propTypes.default.number.isRequired,\n src: _propTypes.default.string.isRequired,\n srcSet: _propTypes.default.string.isRequired,\n base64: _propTypes.default.string,\n tracedSVG: _propTypes.default.string,\n srcWebp: _propTypes.default.string,\n srcSetWebp: _propTypes.default.string,\n media: _propTypes.default.string\n});\n\nvar fluidObject = _propTypes.default.shape({\n aspectRatio: _propTypes.default.number.isRequired,\n src: _propTypes.default.string.isRequired,\n srcSet: _propTypes.default.string.isRequired,\n sizes: _propTypes.default.string.isRequired,\n base64: _propTypes.default.string,\n tracedSVG: _propTypes.default.string,\n srcWebp: _propTypes.default.string,\n srcSetWebp: _propTypes.default.string,\n media: _propTypes.default.string,\n maxWidth: _propTypes.default.number,\n maxHeight: _propTypes.default.number\n});\n\nfunction requireFixedOrFluid(originalPropTypes) {\n return function (props, propName, componentName) {\n var _PropTypes$checkPropT;\n\n if (!props.fixed && !props.fluid) {\n throw new Error(\"The prop `fluid` or `fixed` is marked as required in `\" + componentName + \"`, but their values are both `undefined`.\");\n }\n\n _propTypes.default.checkPropTypes((_PropTypes$checkPropT = {}, _PropTypes$checkPropT[propName] = originalPropTypes, _PropTypes$checkPropT), props, \"prop\", componentName);\n };\n} // If you modify these propTypes, please don't forget to update following files as well:\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/index.d.ts\n// https://github.com/gatsbyjs/gatsby/blob/master/packages/gatsby-image/README.md#gatsby-image-props\n// https://github.com/gatsbyjs/gatsby/blob/master/docs/docs/gatsby-image.md#gatsby-image-props\n\n\nImage.propTypes = {\n resolutions: fixedObject,\n sizes: fluidObject,\n fixed: requireFixedOrFluid(_propTypes.default.oneOfType([fixedObject, _propTypes.default.arrayOf(fixedObject)])),\n fluid: requireFixedOrFluid(_propTypes.default.oneOfType([fluidObject, _propTypes.default.arrayOf(fluidObject)])),\n fadeIn: _propTypes.default.bool,\n durationFadeIn: _propTypes.default.number,\n title: _propTypes.default.string,\n alt: _propTypes.default.string,\n className: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.object]),\n // Support Glamor's css prop.\n critical: _propTypes.default.bool,\n crossOrigin: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),\n style: _propTypes.default.object,\n imgStyle: _propTypes.default.object,\n placeholderStyle: _propTypes.default.object,\n placeholderClassName: _propTypes.default.string,\n backgroundColor: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),\n onLoad: _propTypes.default.func,\n onError: _propTypes.default.func,\n onStartLoad: _propTypes.default.func,\n Tag: _propTypes.default.string,\n itemProp: _propTypes.default.string,\n loading: _propTypes.default.oneOf([\"auto\", \"lazy\", \"eager\"]),\n draggable: _propTypes.default.bool\n};\nvar _default = Image;\nexports.default = _default;","import React from 'react';\r\n\r\nconst GithubIcon = () => (\r\n \r\n \r\n \r\n);\r\n\r\nexport default GithubIcon;\r\n","import React from 'react';\r\nimport { Link, graphql } from 'gatsby';\r\nimport Img from 'gatsby-image';\r\n\r\nimport PageLayout from '../../components/layouts/page';\r\n\r\nimport { slugify } from '../../util';\r\n\r\nimport './main.scss';\r\n\r\nclass ProjectsPage extends React.Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n selectedTool: ''\r\n };\r\n }\r\n\r\n clickTool = tool => {\r\n this.setState(state => {\r\n console.log(tool);\r\n if (state.selectedTool === tool) {\r\n return {\r\n selectedTool: ''\r\n };\r\n }\r\n return {\r\n selectedTool: tool\r\n };\r\n });\r\n };\r\n\r\n render() {\r\n const { selectedTool } = this.state;\r\n const edges = this.props.data.allMarkdownRemark.edges;\r\n const projectImages = this.props.data.allFile.edges;\r\n\r\n const projects = edges\r\n .map(({ node }) => node.frontmatter)\r\n .map(project => {\r\n const slug = slugify(project.title);\r\n const image = projectImages.find(pi => pi.node.name === slug);\r\n return Object.assign(project, {\r\n slug,\r\n image: image ? image.node.childImageSharp.fixed : null\r\n });\r\n });\r\n\r\n const filteredProjects = projects\r\n .filter(\r\n project =>\r\n selectedTool === '' ||\r\n project.tools.split(', ').indexOf(selectedTool) > -1 ||\r\n (project.more && project.more.split(', ').indexOf(selectedTool) > -1)\r\n )\r\n .sort((a, b) => {\r\n if (a.date < b.date) return 1;\r\n if (a.date > b.date) return -1;\r\n return 0;\r\n });\r\n\r\n const tools = projects\r\n .map(project => {\r\n if (project.more) return project.tools + ', ' + project.more;\r\n return project.tools;\r\n })\r\n .reduce((acc, val) => acc.concat(val.split(', ')), [])\r\n .sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()))\r\n .filter((tool, i, arr) => {\r\n if (i === 0) return true;\r\n return arr[i - 1] !== tool;\r\n });\r\n\r\n return (\r\n \r\n