{"version":3,"file":"component---src-pages-index-js-4707e6e1a6e10c84a308.js","mappings":"kPAkNA,EAvLkB,WAChB,OAAuCA,EAAAA,EAAAA,UAAS,OAAzCC,EAAP,KAAwBC,EAAxB,KAEMC,EAAqBC,EAAAA,EAAAA,QAAgB,SAACC,GAAD,MACrB,QAApBJ,GAAmCI,EAAQC,WAAaL,KAG1D,OACE,wBAAMM,UAAU,YACd,gBAACC,EAAA,EAAD,KACE,wBAAMC,QAAQ,UACd,sDAEA,wBAAMC,KAAK,cAAcC,QAAQ,YAEjC,wBACED,KAAK,cACLC,QAAQ,uJAIZ,0BAAQJ,UAAU,WAChB,uBAAKA,UAAU,wDACb,uBAAKA,UAAU,yCACb,2BACE,uBAAKK,IAAI,iBAAiBL,UAAU,OAAOM,ICpDzD,28EDqDc,sBAAIN,UAAU,0CAAd,YACW,wBAAMA,UAAU,wBAAhB,cAEX,qBAAGA,UAAU,4CAAb,+DAKJ,uBAAKA,UAAU,6BACb,uBACEK,IAAI,mBACJL,UAAU,uFACVM,IEjEd,k/RFuEM,4BACE,uBAAKN,UAAU,0BACb,uBAAKA,UAAU,sCACb,0BACEO,QAAS,kBAAMZ,EAAY,QAC3Ba,KAAK,SACLR,UACsB,QAApBN,EACI,iMACA,gMAEN,UAAQ,kBARV,OAYA,0BACEa,QAAS,kBAAMZ,EAAY,WAC3Ba,KAAK,SACLR,UACsB,WAApBN,EACI,iMACA,gMAEN,UAAQ,qBAER,gBAAC,IAAD,CAAiBM,UAAU,UAAUS,KAAMC,EAAAA,MAAmB,IAVhE,UAaA,0BACEH,QAAS,kBAAMZ,EAAY,eAC3Ba,KAAK,SACLR,UACsB,eAApBN,EACI,iMACA,gMAEN,UAAQ,yBAER,gBAAC,IAAD,CAAiBM,UAAU,UAAUS,KAAME,EAAAA,MAV7C,eAYA,0BACEJ,QAAS,kBAAMZ,EAAY,oBAC3Ba,KAAK,SACLR,UACsB,oBAApBN,EACI,iMACA,gMAEN,UAAQ,6BAER,gBAAC,IAAD,CAAiBM,UAAU,UAAUS,KAAMG,EAAAA,MAV7C,oBAaA,0BACEL,QAAS,kBAAMZ,EAAY,UAC3Ba,KAAK,SACLR,UACsB,UAApBN,EACI,iMACA,gMAEN,UAAQ,oBARV,UAcF,gBAAC,KAAD,CACEmB,wBAAyB,CAAE,IAAK,EAAG,IAAK,EAAG,IAAK,IAEhD,gBAAC,KAAD,CAASC,OAAQ,IACdlB,EAAmBmB,KAAI,SAACjB,GAAD,OACtB,uBACEE,UAAU,UACVgB,IAAKlB,EAAQkB,IACbV,IAAKR,EAAQQ,IACbW,MAAO,CAAEC,MAAO,OAAQC,QAAS,QAASC,OAAQ,WAClDf,IAAKP,EAAQK,KACbI,QAAS,kBAAMc,EAAAA,EAAAA,UAAS,iBAAmBvB,EAAQkB,MACnD,UAAQ,2BAQpB,8BACE,uBAAKhB,UAAU,oFACb,qBAAGA,UAAU,qBAAb,2BACA,wBAAMA,UAAU,0BAAhB,gBACA,uBAAKA,UAAU,QACb,0BACEQ,KAAK,SACLR,UAAU,uOAEV,qBACEsB,KAAK,gCACLC,IAAI,sBACJ,UAAQ,eAER,gBAAC,IAAD,CAAiBd,KAAMe,EAAAA,QAG3B,0BACEhB,KAAK,SACLR,UAAU,uOAEV,qBACEsB,KAAK,mDACLC,IAAI,sBACJ,UAAQ,gBAER,gBAAC,IAAD,CAAiBd,KAAMgB,EAAAA,QAG3B,0BACEjB,KAAK,SACLR,UAAU,0OAEV,qBACEsB,KAAK,qCACLC,IAAI,sBACJ,UAAQ,iBAER,gBAAC,IAAD,CAAiBd,KAAMiB,EAAAA,SAK7B,qBAAG1B,UAAU,wDAAb","sources":["webpack://jan-duras-me/./src/pages/index.js","webpack://jan-duras-me/./src/images/Logo_DarkBG.svg","webpack://jan-duras-me/./src/images/avatar.svg"],"sourcesContent":["import * as React from \"react\";\nimport { useState } from \"react\";\n\nimport { Helmet } from \"react-helmet\";\n\nimport { navigate } from \"gatsby\";\n\nimport Masonry, { ResponsiveMasonry } from \"react-responsive-masonry\";\n\nimport { FontAwesomeIcon } from \"@fortawesome/react-fontawesome\";\nimport {\n  faDribbble,\n  faFacebook,\n  faInstagram,\n} from \"@fortawesome/free-brands-svg-icons\";\nimport {\n  faCode,\n  faFilm,\n  faVectorSquare,\n} from \"@fortawesome/free-solid-svg-icons\";\n\nimport avatar from \"../images/avatar.svg\";\nimport logo from \"../images/Logo_DarkBG.svg\";\n\nimport projects from \"../projects\";\n\n// markup\nconst IndexPage = () => {\n  const [currentCategory, setCategory] = useState(\"All\");\n\n  const projectsByCategory = projects.filter((project) =>\n    currentCategory === \"All\" ? true : project.category === currentCategory\n  );\n\n  return (\n    <main className=\"bg-light\">\n      <Helmet>\n        <meta charSet=\"utf-8\" />\n        <title>Jan Duras - Portfolio</title>\n\n        <meta name=\"theme-color\" content=\"#FFC132\"></meta>\n\n        <meta\n          name=\"description\"\n          content=\"Portfolio of Jan Duras - Graphic designer, filmmaker and passionate mountain biker who's willing to help you out with your next creative project.\"\n        />\n      </Helmet>\n\n      <header className=\"bg-dark\">\n        <div className=\"container mx-auto font-sans flex space-x-4 pt-8 px-8\">\n          <div className=\"container flex items-center flex-wrap\">\n            <div>\n              <img alt=\"Jan Duras Logo\" className=\"h-16\" src={logo} />\n              <h1 className=\"text-7xl text-light font-semibold mt-2\">\n                Hi, I am <span className=\"text-yellow text-8xl\">Ján Ďuraš</span>\n              </h1>\n              <p className=\"text-3xl text-light text-opacity-75 my-5\">\n                Graphic designer, filmmaker and passionate mountain biker\n              </p>\n            </div>\n          </div>\n          <div className=\"container hidden lg:block\">\n            <img\n              alt=\"Jan Duras Avatar\"\n              className=\"h-56 w-full object-cover sm:w-full sm:h-full md:w-full md:h-full lg:w-full lg:h-full\"\n              src={avatar}\n            />\n          </div>\n        </div>\n      </header>\n\n      <main>\n        <div className=\"container mx-auto my-7\">\n          <div className=\"flex justify-center flex-wrap mb-6\">\n            <button\n              onClick={() => setCategory(\"All\")}\n              type=\"button\"\n              className={\n                currentCategory === \"All\"\n                  ? \"transition-all px-3 mr-2 text-base text-light rounded-md shadow-sm font-medium bg-blue hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n                  : \"transition-all px-3 mr-2 text-base text-dark rounded-md shadow-sm font-medium bg-grey hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n              }\n              data-cy=\"categoryBtnAll\"\n            >\n              All\n            </button>\n            <button\n              onClick={() => setCategory(\"Design\")}\n              type=\"button\"\n              className={\n                currentCategory === \"Design\"\n                  ? \"transition-all px-3 mr-2 text-base text-light rounded-md shadow-sm font-medium bg-blue hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n                  : \"transition-all px-3 mr-2 text-base text-dark rounded-md shadow-sm font-medium bg-grey hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n              }\n              data-cy=\"categoryBtnDesign\"\n            >\n              <FontAwesomeIcon className=\"text-sm\" icon={faVectorSquare} />{\" \"}\n              Design\n            </button>\n            <button\n              onClick={() => setCategory(\"Filmmaking\")}\n              type=\"button\"\n              className={\n                currentCategory === \"Filmmaking\"\n                  ? \"transition-all px-3 mr-2 text-base text-light rounded-md shadow-sm font-medium bg-blue hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n                  : \"transition-all px-3 mr-2 text-base text-dark rounded-md shadow-sm font-medium bg-grey hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n              }\n              data-cy=\"categoryBtnFilmmaking\"\n            >\n              <FontAwesomeIcon className=\"text-sm\" icon={faFilm} /> Filmmaking\n            </button>\n            <button\n              onClick={() => setCategory(\"Web development\")}\n              type=\"button\"\n              className={\n                currentCategory === \"Web development\"\n                  ? \"transition-all px-3 mr-2 text-base text-light rounded-md shadow-sm font-medium bg-blue hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n                  : \"transition-all px-3 mr-2 text-base text-dark rounded-md shadow-sm font-medium bg-grey hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n              }\n              data-cy=\"categoryBtnWebDevelopment\"\n            >\n              <FontAwesomeIcon className=\"text-sm\" icon={faCode} /> Web\n              development\n            </button>\n            <button\n              onClick={() => setCategory(\"Other\")}\n              type=\"button\"\n              className={\n                currentCategory === \"Other\"\n                  ? \"transition-all px-3 mr-2 text-base text-light rounded-md shadow-sm font-medium bg-blue hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n                  : \"transition-all px-3 mr-2 text-base text-dark rounded-md shadow-sm font-medium bg-grey hover:bg-blue hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue mt-2\"\n              }\n              data-cy=\"categoryBtnOther\"\n            >\n              Other\n            </button>\n          </div>\n\n          <ResponsiveMasonry\n            columnsCountBreakPoints={{ 350: 1, 750: 2, 900: 3 }}\n          >\n            <Masonry gutter={16}>\n              {projectsByCategory.map((project) => (\n                <img\n                  className=\"rounded\"\n                  key={project.key}\n                  src={project.src}\n                  style={{ width: \"100%\", display: \"block\", cursor: \"pointer\" }}\n                  alt={project.name}\n                  onClick={() => navigate(\"/project?name=\" + project.key)}\n                  data-cy=\"homepageProject\"\n                />\n              ))}\n            </Masonry>\n          </ResponsiveMasonry>\n        </div>\n      </main>\n\n      <footer>\n        <div className=\"container mx-auto text-center mt-7 bg-light py-7 rounded-t-lg border border-grey\">\n          <p className=\"text-dark text-xl\">Feel free to contact me</p>\n          <span className=\"text-4xl font-semibold\">jan@duras.me</span>\n          <div className=\"mt-7\">\n            <button\n              type=\"button\"\n              className=\"transition-all px-4 py-3 mr-2 text-4xl rounded-md shadow-sm font-medium text-dribbble bg-dribbble bg-opacity-10 hover:bg-dribbble hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue rounded-full\"\n            >\n              <a\n                href=\"https://dribbble.com/durasjan\"\n                rel=\"noopener noreferrer\"\n                data-cy=\"dribbleLink\"\n              >\n                <FontAwesomeIcon icon={faDribbble} />\n              </a>\n            </button>\n            <button\n              type=\"button\"\n              className=\"transition-all px-4 py-3 mr-2 text-4xl rounded-md shadow-sm font-medium text-facebook bg-facebook bg-opacity-10 hover:bg-facebook hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue rounded-full\"\n            >\n              <a\n                href=\"https://www.facebook.com/jandurasGraphicDesigner\"\n                rel=\"noopener noreferrer\"\n                data-cy=\"facebookLink\"\n              >\n                <FontAwesomeIcon icon={faFacebook} />\n              </a>\n            </button>\n            <button\n              type=\"button\"\n              className=\"transition-all px-4 py-3 mr-2 text-4xl rounded-md shadow-sm font-medium text-instagram bg-instagram bg-opacity-10 hover:bg-instagram hover:text-light focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue rounded-full\"\n            >\n              <a\n                href=\"https://www.instagram.com/durasjan\"\n                rel=\"noopener noreferrer\"\n                data-cy=\"instagramLink\"\n              >\n                <FontAwesomeIcon icon={faInstagram} />\n              </a>\n            </button>\n          </div>\n\n          <p className=\"text-dark text-opacity-60 font-semibold text-sm mt-7\">\n            Copyright &copy; 2021 Ján Ďuraš - All rights reserved\n          </p>\n        </div>\n      </footer>\n    </main>\n  );\n};\n\nexport default IndexPage;\n","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAzODQwIDM2NTEiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgeG1sbnM6c2VyaWY9Imh0dHA6Ly93d3cuc2VyaWYuY29tLyIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoyOyI+PGcgaWQ9Ikljb25fRGFya0JHIj48cGF0aCBkPSJNNDM2LjgzNiwxMjYxLjQ3Yzk3LjExNCwtNjA5LjYwMSA0NTMuMjUyLC0xMDU2LjU4IDEwMjAuNTUsLTEyMDYuMTZjMTM1LjM2MSwtMzUuNjkxIDI4Mi43NDQsLTU0LjQ1MSA0NDEuNSwtNTQuNDUxYzk0Ni44MTgsMCAxOTQwLjYyLDUyNy43ODMgMTk0MC42MiwxNDc0LjZjMCw0NjYuOTQxIC05NC41NDYsOTcwLjUxNSAtMzY1LjU4NSwxMzM3LjU4Yy0zNjkuMTM5LC01MjUuODg1IC0yMjQ0LjQsLTE1MjguMDMgLTMwMzcuMDgsLTE1NTEuNTdaIiBzdHlsZT0iZmlsbDojZmZjMTMyOyIvPjxwYXRoIGQ9Ik00MTEuODY3LDExNzguODZjMzI0LjcyNiwxLjg0OCA2NDEuMzY2LDExNi4wNTIgOTUxLjIyOSwyMzYuNTk1YzY3OS45ODcsMjY0LjUyNiAxMzQwLjcyLDYwMi4zNjkgMTg5OS40LDEwNjYuMmMxMjIuMzcyLDEwMS41OTYgMjQ0Ljg1MiwyMDYuNjYgMzE5LjQzNywzNTAuNDQzYzQ5LjIyMiw5NC44ODggNDkuODg4LDIxMC4xMjcgLTUxLjI3NiwzMDcuMjA5Yy0zNjAuNzA5LDM0Ni4xNTcgLTg4OC43NDIsNTA2LjQxOSAtMTM4MS40NSw1MTAuNjcxYy00NzUuMzMyLDEuMzUyIC05NzIuNDM5LDEuODU1IC0xMzgwLjU1LC0zMjQuNzIyYy01MTkuNjE5LC00MTUuODA3IC03NTYuMjc4LC0xMTE3LjUyIC03NjguMDUxLC0xNzgzLjE4Yy0xLjkwNSwtMTA3LjcwMiAyMC4xNiwtMjE5LjcxNiAxMTUuMTAyLC0yODguMjg3Yzg0Ljg5MywtNjEuMzEzIDE5Ni4yOTUsLTc0Ljk1OSAyOTYuMTU0LC03NC45MzJabS05LjQ0OSwxNjQuMzk2Yy0xNC4xMzYsMC4xNTYgLTI4LjI2LDAuNjE4IC00Mi4zNjQsMS42MDhjLTExLjU1MSwwLjgxMSAtMjMuMDgxLDEuOTU1IC0zNC41NTQsMy41MjFjLTguMTg0LDEuMTE3IC0xNi4zMzksMi40NDYgLTI0LjQ0NSw0LjAzNGMtNy40MzMsMS40NTYgLTE0LjgyNiwzLjEzMyAtMjIuMTQ3LDUuMDc0Yy02Ny4zNDQsMTcuODU1IC0xMTQuOTY1LDc3LjcyNyAtMTE0LjIwMSwxNjMuOTU0YzkuMjI3LDczNS41NzEgMjk5LjA2NywxNTI4LjYxIDk2NS4zNTgsMTgzNi4zMWMzMTUuNDQ5LDE0NS42NzkgNjkyLjE0OSwxMzIuNTI3IDEwNDAuMTMsMTI3LjU5OWM0NzQuMDQ4LC05LjQzNiA5NTcuODI1LC0xNjcuNjkyIDEyNzYuMjUsLTQ5NC4wNDdjNTMuMTYxLC01NS40MzQgLTYxLjg2NiwtMTc1LjEzMyAtMTc3LjUzMSwtMjg0LjgxM2MtMzI0LjY5OSwtMzA3Ljg5NCAtNzIwLjg5OSwtNTM0LjU1NCAtMTEyMS4wMiwtNzQ3LjE5MmMtNDc2LjU5MywtMjUzLjI3OCAtOTczLjg0NCwtNDkxLjIxNSAtMTQ5OS41NywtNTkwLjI5MWMtNjIuMDYxLC0xMS42OTUgLTEyNC43MTgsLTIwLjU4NCAtMTg3Ljc5MiwtMjQuMjcxYzAsMCAtMjEuNzY3LC0xLjY3NSAtNTguMTExLC0xLjQ4NloiIHN0eWxlPSJmaWxsOiNmOWZmZmM7Ii8+PC9nPjwvc3ZnPg==\"","export default \"data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PCFET0NUWVBFIHN2ZyBQVUJMSUMgIi0vL1czQy8vRFREIFNWRyAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkIj48c3ZnIHdpZHRoPSIzMDAwcHgiIGhlaWdodD0iMjM5NnB4IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNDkwMzg2LC0wLjQ5MDM4NiwwLjQ5MDM4NiwwLjQ5MDM4NiwtMjY1LjMwMiwxOTg3LjY2KSI+PHBhdGggZD0iTTM2Mi42ODIsMTI4OC42MkM0NjEuOTEyLDY2NS43MzQgODI1LjgxMiwyMDkuMDIgMTQwNS40Nyw1Ni4xN0MxNTQzLjc4LDE5LjcgMTY5NC4zOCwwLjUzMiAxODU2LjU5LDAuNTMyQzI4MjQuMDUsMC41MzIgMzgzOS41LDUzOS44MTcgMzgzOS41LDE1MDcuMjdDMzgzOS41LDE5ODQuMzkgMzc0Mi45LDI0OTguOTQgMzQ2NS45NSwyODc0QzMzMDkuMzIsMzA4Ni4xMyAyODQ0LjQ4LDM1NjEuMDMgMjE2Ni45MSwzMjIyLjY0QzE1NzcuNzUsMjkyOC40MSA3MzkuMzkxLDEyOTkuOCAzNjIuNjgxLDEyODguNjFMMzYyLjY4MiwxMjg4LjYyWiIgc3R5bGU9ImZpbGw6I2ZmYzEzMjsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC42NTg2NzcsMCwwLDAuNjU4Njc3LDg5LjA2NTgsLTE1My4zOTgpIj48cGF0aCBkPSJNMjY2MS43NywyMTY1LjE4TDI2MjcuMjMsMjM3OS42OUwyNjI3LjIzLDI0NjguNzdMMjY5OC4xMywyNzYzLjI2TDI4NTYuMjgsMjg4NS4wNkwzMDU5Ljg5LDI5NzkuNTlMMzEwOS43NCwyODMyLjRMMzE1MS43NSwyODE1LjgxTDMxMzkuODcsMjcwMy4yN0wzMTMyLjYsMjUzNC4yMUwzMTE4LjA2LDIzNzAuNkwyOTEwLjgyLDIxMTQuMjhMMjgwNy4yLDIwMzQuMjlMMjcyNS4zOSwxOTM2TDI2NjEuNzcsMjE2NS4xOCIgc3R5bGU9ImZpbGw6IzJmMWUxNzsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoMC42NTg2NzcsMCwwLDAuNjU4Njc3LDg5LjA2NTgsLTE1My4zOTgpIj48cGF0aCBkPSJNMTUyNy43NiwyNjM4LjkzTDE1NDQuOCwyOTE2LjczTDE0NjkuODEsMzA0Ny45NkwxMzA2LjIsMzI3Mi45MkwxMzQ1LjQsMzY0MS4wNEwyMTI5LjM2LDM3MjkuNjZMMjc2MS42NCwzNzE3LjczTDMyNzYuMzMsMzQ2NS41TDMzMjQuMDQsMzIxMS41N0wzMjU3LjU4LDMwNjguNDFMMzExNy44MywyOTc4LjA4TDMwNzEuMTksMjk0Mi4xMUwyODY3LjUxLDI4NTMuNjVMMjgzNi42MywyODM2LjYzTDI2NzkuODMsMjY3Ni40M0wyNjQyLjM0LDI0NTQuODdMMjYzMy44MiwyMzQ0LjFMMjQzMi43MiwyMzE1LjEyTDE5ODkuNjEsMjM1OS40NEwxNjA5LjU2LDIzNjYuMjVMMTU1My4zMiwyNTQwLjA5TDE1MjcuNzYsMjYzOC45M1oiIHN0eWxlPSJmaWxsOiNiMTdhNDk7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjY5OTkzLDAsMCwwLjY1ODY3Nyw2NS43Nzg2LC0xNTMuMzk4KSI+PHBhdGggZD0iTTEzNTIuMTQsODg4LjUwMUMxMzUyLjE0LDg4OC41MDEgMTI2Mi4yNCwxNDY5LjIgMTI1OC45MywxNzA0Ljg4QzEyNTUuNTMsMTk0Ny4yMiAxMzU3LjgsMjYzMC45MSAxNzI1LjY2LDI4NTIuMjNDMTgyMy42NywyOTExLjIgMTkyNi45MSwyOTcwLjY3IDIwMjEuNDksMjk3MC43NUMyMzQyLjY2LDI5NzAuOTkgMjYxMS45MiwyNjUyLjg1IDI2NTAuNjQsMjM5Mi43QzI2OTEuOTQsMjExNS4yMyAyNzg4Ljg0LDEwNDkuMjEgMjc4OC44NCwxMDQ5LjIxTDI1ODMuMTQsOTE0LjIxNEwyMjcxLjM3LDc1MC4yOTRMMTgyMS40LDY5NS42NTRMMTU4My41NSw2OTUuNjU0TDE0NTEuNzcsNzExLjcyNUwxMzUyLjE0LDg4OC41MDEiIHN0eWxlPSJmaWxsOiNjODhjNTc7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjY3NTk0LDAuMDU1NjgzOSwtMC4wNTY2NDA2LDAuNjU2MzE5LDE3NS45MjcsLTIxNy44ODMpIj48cGF0aCBkPSJNMTI1NC4xMywxNjA4LjdMMTIyNS4zNywxNTIyLjQyQzEyMjUuMzcsMTUyMi40MiAxMTcyLjY1LDE0ODcuMjcgMTE1OC4yNywxNDkzLjY2QzExNDMuODksMTUwMC4wNSAxMTI4LjA1LDE1MzQuMzIgMTEyOC4wNSwxNTM0LjMyTDExNTMuNTcsMTY4Ny40NUwxMTk4LjA3LDE4MDguNTJMMTIyOC4yNywxOTYyLjIyTDEyNjkuMTcsMjA3MC44N0MxMjY5LjE3LDIwNzAuODcgMTMwMy41MiwyMTA2LjI5IDEzMDkuMjcsMjExMi4yMUMxMzA5Ljc4LDIxMTIuNzQgMTMxMC41LDIxMTIuOTkgMTMxMS4yMywyMTEyLjlDMTMxNi44MiwyMTEyLjIgMTM0MC43NSwyMTA5LjIxIDEzNDAuNzUsMjEwOS4yMUwxMzExLjM1LDE2NjQuNEwxMjk5Ljg1LDE2MTguMzhMMTI1NC4xMywxNjA4LjciIHN0eWxlPSJmaWxsOiNjODhjNTc7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjY5OTkzLDAsMCwwLjY1ODY3Nyw3NS4xMzI1LC0xNTEuNTU5KSI+PHBhdGggZD0iTTEyNDkuNjcsMTYwNC4yN0wxMjMwLjEyLDEyNzQuMDRMMTIzMy40MywxMTAzLjA1TDEyNjIuNzIsOTM1LjI4OUwxMjg5LjM1LDgyMC43ODRMMTMzNC4xOSw3MzAuMTZMMTQzNy44MSw3MTMuNzk5TDE0NjcuOCw3NTEuOTc1TDE0MDUuMDksODc2LjA0NUwxMzMxLjQ2LDEwMDEuNDhMMTMxMi4zOCwxMTA2LjQ2TDEyOTMuMjksMTI1MC45OEwxMjgxLjU0LDEzMDkuMzdMMTI3MC4xMSwxNDcwLjQ5TDEyNzAuMTEsMTU2MC40OEwxMjQ5LjY3LDE2MDQuMjdaIiBzdHlsZT0iZmlsbDojM2IyNjFkOyIvPjwvZz48ZyB0cmFuc2Zvcm09Im1hdHJpeCgwLjY2OTk5MywwLDAsMC42NTg2NzcsNjUuNzc4NiwtMTUzLjM5OCkiPjxwYXRoIGQ9Ik0yNzI1LjksOTc5LjVMMjcwMS45MSwxMTMwLjAyTDI2OTkuNzIsMTIyMS42NEwyNzMwLjI2LDEzNjUuNjJMMjc0OC42LDE0NzEuNTNMMjczNS40OCwxNjA3LjA2TDI3NTIuMDgsMTcwMS41NkwyNzg4Ljg0LDE3MTguMTRMMjg1Mi42MywxNjIxLjYzTDI4NzEuODksMTU0MC4wOEwyOTA4LjcyLDE0MjQuNUwyOTQxLjksMTIzOS41NUwyOTU0Ljg3LDEwMjEuNDNMMjk1Ny4yMiw5ODkuMTIzTDI5MTMuNTEsOTA5LjY5NEwyODM3LjE2LDkwNS4zMzFMMjc5My41Myw5MjQuOTY0TDI3MjUuOSw5NzkuNVoiIHN0eWxlPSJmaWxsOiMzYjI2MWQ7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjY5OTkzLDAsMCwwLjY1ODY3Nyw2NS43Nzg2LC0xNTMuMzk4KSI+PHBhdGggZD0iTTEzNjIuMTQsODU3Ljg1N0wxMzExLjUzLDc4Ni4zMDVMMTMxMS41Myw3MjMuNDhMMTMzMi40Nyw2NTAuMTgzTDE0MTQuNSw1MDAuMDk5TDE1MjQuNDQsNDE4LjA3NkwxNzQ2LjA4LDMwNi4zODZMMTkzMC43NywyNDEuNzk0TDIyMDMuMzEsMjM2LjM1M0wyMzk3LjAyLDI5NC4xN0wyNTc1LjAzLDQwNC4xMTVMMjc4OS42OCw2MTguNzdMMjkxOC44Miw4NzUuMzA5TDI5NTcuMTQsOTg0LjA1NEwyOTU3LjIyLDEwMTQuOTJMMjYzNy44NSwxMDQ0LjU5TDI0MzEuOTIsMTAyMS45TDIzMTUsOTYwLjgyMUwyMTUwLjk1LDkwNi43MjFMMTk3MS4yLDgzOC42NkwxODIxLjEyLDgxNS45NzNMMTY0My4xMSw3OTguNTIxTDE1MjkuNjcsODAwLjI2N0wxNDM4LjkzLDgwMy43NTdMMTM2Mi4xNCw4NTcuODU3WiIgc3R5bGU9ImZpbGw6IzJmMWUxNzsiLz48L2c+PGcgdHJhbnNmb3JtPSJtYXRyaXgoLTAuNjY5MDUsMC4wMzQ5NDA3LDAuMDM1NTQwOSwwLjY1Nzc1LDI2NzkuMzMsLTE5NC44NTcpIj48cGF0aCBkPSJNMTI1NC4xMywxNjA4LjdMMTIyNS4zNywxNTIyLjQyQzEyMjUuMzcsMTUyMi40MiAxMTcyLjY1LDE0ODcuMjcgMTE1OC4yNywxNDkzLjY2QzExNDMuODksMTUwMC4wNSAxMTI4LjA1LDE1MzQuMzIgMTEyOC4wNSwxNTM0LjMyTDExNTMuNTcsMTY4Ny40NUwxMTk4LjA3LDE4MDguNTJMMTIyOC4yNywxOTYyLjIyQzEyMjguMjcsMTk2Mi4yMiAxMjY0LjMsMjA1Ny45MSAxMjY4LjczLDIwNjkuNjhDMTI2OS4wMiwyMDcwLjQ2IDEyNjkuNDcsMjA3MS4xOCAxMjcwLjA1LDIwNzEuNzdDMTI3NS4zMiwyMDc3LjIxIDEzMDIuNywyMTA1LjQzIDEzMDguODUsMjExMS43OEMxMzA5LjYyLDIxMTIuNTggMTMxMC43MiwyMTEyLjk3IDEzMTEuODMsMjExMi44M0MxMzE4LjM0LDIxMTIuMDEgMTM0MC43NSwyMTA5LjIxIDEzNDAuNzUsMjEwOS4yMUwxMzExLjM1LDE2NjQuNEwxMjk5Ljg1LDE2MTguMzhMMTI1NC4xMywxNjA4LjciIHN0eWxlPSJmaWxsOiNjODhjNTc7Ii8+PC9nPjxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjU4Njc3LDAsMCwwLjY1ODY3Nyw4OS4wNjU4LC0xNTMuMzk4KSI+PHBhdGggZD0iTTI4NjcuNjgsMjg1My42NUMyODY3LjY4LDI4NTMuNjUgMzAyOS4wNSwyODgyLjU2IDMwNTQuNDcsMjg4Ny4xMUMzMDU2LjY5LDI4ODcuNTEgMzA1OC44NCwyODg4LjI1IDMwNjAuODMsMjg4OS4zMkMzMDg0LjkzLDI5MDIuMTkgMzI0Ni4yOCwyOTg4LjM3IDMyNTcuMjEsMjk5NC4yQzMyNTcuNTksMjk5NC40MSAzMjU3Ljk4LDI5OTQuNjIgMzI1OC4zNiwyOTk0Ljg1QzMyNjguMDYsMzAwMC41NiAzMzk4Ljk3LDMwNzcuNTYgMzQxMS4zNywzMDg0Ljg1QzM0MTEuOTksMzA4NS4yMiAzNDEyLjYzLDMwODUuNTcgMzQxMy4yOCwzMDg1Ljg5QzM0MzEuOCwzMDk1LjE1IDM3MDcuOTksMzIzMy4yNCAzNzI1LjA2LDMyNDEuNzhDMzcyNS42MiwzMjQyLjA2IDM3MjYuMTcsMzI0Mi4zMiAzNzI2Ljc0LDMyNDIuNTZDMzc0Mi45MiwzMjQ5LjUyIDM5ODQuOTQsMzM1My41NCAzOTg0Ljk0LDMzNTMuNTRMNDI1Ni4wNCwzNTQxLjYzTDQzNDguMjksMzY3NS40OEw0NDE5LjM2LDM4NzAuNDhMMTM3Ljg1OSwzODcyQzEzNy44NTksMzg3MiAxNzIuNDI2LDM3ODkuODQgMTc5LjcsMzc3Mi41NUMxODAuNTg2LDM3NzAuNDUgMTgxLjcxMSwzNzY4LjQ1IDE4My4wNTIsMzc2Ni42QzE5Mi41NzYsMzc1My40NiAyMzMuMDI2LDM2OTcuNjcgMjQ0LjExMiwzNjgyLjM4QzI0NS45OCwzNjc5LjggMjQ4LjI0NywzNjc3LjU0IDI1MC44MjgsMzY3NS42OEMyNzkuODY1LDM2NTQuNzQgNDYxLjkxNSwzNTIzLjQ1IDQ4MS41NDEsMzUwOS4zQzQ4Mi42ODMsMzUwOC40NyA0ODMuODgxLDM1MDcuNzMgNDg1LjEyNywzNTA3LjA4QzUxMC4yMDUsMzQ5My45MSA3NzkuMjA2LDMzNTIuNjQgNzk4LjA3LDMzNDIuNzNDNzk4Ljc2NCwzMzQyLjM2IDc5OS40NzIsMzM0Mi4wMyA4MDAuMTkzLDMzNDEuNzJDODIyLjM0OCwzMzMyLjIyIDExNzcuNzgsMzE3OS44OSAxMjEwLjMsMzE2NS45NkMxMjExLjg4LDMxNjUuMjggMTIxMy40LDMxNjQuNDcgMTIxNC44NSwzMTYzLjUzQzEyMzUuNjIsMzE0OS45OSAxMzk4Ljk5LDMwNDMuNTIgMTQxMy44NCwzMDMzLjg1QzE0MTQuNTYsMzAzMy4zOCAxNDE1LjI2LDMwMzIuODggMTQxNS45MywzMDMyLjM1QzE0MjIuODMsMzAyNi45NSAxNDYyLjcsMjk5NS43NyAxNDY2LjM3LDI5OTIuOTFDMTQ2Ni41NSwyOTkyLjc2IDE0NjYuNzMsMjk5Mi42MyAxNDY2LjkxLDI5OTIuNDlDMTQ3MS4zMiwyOTg5LjIgMTUyNy4zLDI5NDcuNDUgMTUyNy4zLDI5NDcuNDVDMTUyNy4zLDI5NDcuNDUgMTQ5MC43NywzMDE4LjU4IDE0ODMuMTUsMzAzMy40M0MxNDgyLjI0LDMwMzUuMiAxNDgxLjcyLDMwMzcuMTYgMTQ4MS42MiwzMDM5LjE1QzE0ODEuMDUsMzA1MS4yOCAxNDc4Ljk0LDMwOTYuMjggMTQ3OC40LDMxMDcuOEMxNDc4LjMxLDMxMDkuNTggMTQ3OC41NywzMTExLjM2IDE0NzkuMTYsMzExMy4wNEMxNDg2LjYxLDMxMzQuNDQgMTUzOC42MiwzMjgzLjg0IDE1NDUuOCwzMzA0LjQ2QzE1NDYuMzQsMzMwNi4wMiAxNTQ3LjE2LDMzMDcuNDggMTU0OC4yMSwzMzA4Ljc1QzE1NjEuOTMsMzMyNS40IDE2NjAuMTUsMzQ0NC41OCAxNjc0LjM1LDM0NjEuODFDMTY3NS40NywzNDYzLjE4IDE2NzYuODYsMzQ2NC4zMyAxNjc4LjQxLDM0NjUuMThDMTY5Ny4zLDM0NzUuNTMgMTgyMy44MywzNTQ0Ljg0IDE4NDEuMywzNTU0LjQxQzE4NDIuNjIsMzU1NS4xNCAxODQ0LjA2LDM1NTUuNjQgMTg0NS41NCwzNTU1LjkxQzE4NjkuMDYsMzU2MC4xMiAyMDY5LjgyLDM1OTYuMSAyMDkyLjc2LDM2MDAuMjFDMjA5NC4xNywzNjAwLjQ2IDIwOTUuNjIsMzYwMC41IDIwOTcuMDQsMzYwMC4zMUMyMTE5LjE2LDM1OTcuNDEgMjMwNS4xNiwzNTcyLjk5IDIzMjUuNzMsMzU3MC4yOUMyMzI2Ljk2LDM1NzAuMTMgMjMyOC4xNiwzNTY5LjgxIDIzMjkuMywzNTY5LjMzQzIzNTIuMzcsMzU1OS42OSAyNjAwLjE5LDM0NTYuMTIgMjYxOC43OSwzNDQ4LjM1QzI2MTkuNTMsMzQ0OC4wNSAyNjIwLjIzLDM0NDcuNjggMjYyMC45LDM0NDcuMjVDMjYzNi45OCwzNDM3LjAyIDI4NDAuMDMsMzMwNy44IDI4NTguNTEsMzI5Ni4wNEMyODU5LjQsMzI5NS40OCAyODYwLjIzLDMyOTQuODEgMjg2MC45NywzMjk0LjA1QzI4NzQuOTEsMzI3OS44NyAzMDE0Ljg5LDMxMzcuNDggMzAyNy42MywzMTI0LjUyQzMwMjguMjQsMzEyMy45IDMwMjguOCwzMTIzLjIxIDMwMjkuMjksMzEyMi40OEMzMDM3LjE3LDMxMTAuNjYgMzEwNi4xNCwzMDA3LjIgMzExNC45LDI5OTQuMDZDMzExNS40NCwyOTkzLjI1IDMxMTUuMzgsMjk5Mi4xOCAzMTE0Ljc0LDI5OTEuNDRDMzEwOS44OSwyOTg1Ljc0IDMwODkuODksMjk2Mi4yNiAzMDg0LDI5NTUuMzVDMzA4Mi45MiwyOTU0LjA4IDMwODEuNTgsMjk1My4wNyAzMDgwLjA3LDI5NTIuMzdDMzA2OC4wNywyOTQ2LjgyIDMwMTIuOTYsMjkyMS4zNCAzMDEyLjk2LDI5MjEuMzRMMjg2Ny42OCwyODUzLjY1WiIgc3R5bGU9ImZpbGw6IzIzMTcxOTsiLz48L2c+PC9zdmc+\""],"names":["useState","currentCategory","setCategory","projectsByCategory","projects","project","category","className","Helmet","charSet","name","content","alt","src","onClick","type","icon","faVectorSquare","faFilm","faCode","columnsCountBreakPoints","gutter","map","key","style","width","display","cursor","navigate","href","rel","faDribbble","faFacebook","faInstagram"],"sourceRoot":""}