{"version":3,"file":"component---src-templates-project-page-js-782f6a719022ca164df0.js","mappings":"wKA4EA,UAnEA,SAAqBA,GACnB,IAAMC,EAAUD,EAAME,YAAYD,QAC5BE,EAAcH,EAAME,YAAYC,YAChCC,EAAcJ,EAAME,YAAYE,YAEtC,OACE,wBAAC,IAAD,KACE,+BAAKC,UAAU,IACb,8BAAIA,UAAU,gDACXJ,EAAQK,MAEX,+BAAKD,UAAU,aACb,6BACEE,KAAMN,EAAQO,OACdC,OAAO,SACPJ,UAAU,0JAEV,wBAAC,MAAD,SAECJ,EAAQS,SACT,6BACEH,KAAMN,EAAQS,QACdD,OAAO,SACPJ,UAAU,0JAEV,wBAAC,MAAD,QAIN,+BAAKA,UAAU,uBACZJ,EAAQU,UAAUC,KAAI,SAAAC,GACrB,OACE,+BAAKR,UAAU,yFACZQ,OAKT,6BAAGR,UAAU,mCAAmCJ,EAAQa,aACxD,+BAAKT,UAAU,6BACVF,EACD,wBAAC,EAAAY,KAAD,CACEV,UAAU,4EACVW,GAAI,IAAMb,EAAYG,MAEtB,wBAAC,MAAD,CAAmBD,UAAU,SAC5BF,EAAYG,MAGf,oCAECF,EACD,wBAAC,EAAAW,KAAD,CACEV,UAAU,4EACVW,GAAI,IAAMZ,EAAYE,MAErBF,EAAYE,KAJf,IAIqB,wBAAC,MAAD,CAAoBD,UAAU,UAGnD","sources":["webpack://portfolio/./src/templates/projectPage.js"],"sourcesContent":["import React from \"react\"\nimport PropTypes from \"prop-types\"\nimport { Link } from \"gatsby\"\nimport Layout from \"../components/layout\"\nimport { DiCodeBadge } from \"react-icons/di\"\nimport { HiArrowNarrowLeft, HiArrowNarrowRight, HiLink } from \"react-icons/hi\"\n\nProjectPage.propTypes = {}\n\nfunction ProjectPage(props) {\n  const project = props.pageContext.project\n  const prevProject = props.pageContext.prevProject\n  const nextProject = props.pageContext.nextProject\n\n  return (\n    <Layout>\n      <div className=\"\">\n        <h1 className=\"text-matrix text-2x font-bold font-mono mb-4\">\n          {project.name}\n        </h1>\n        <div className=\"flex mb-4\">\n          <a\n            href={project.github}\n            target=\"_blank\"\n            className=\"block text-2xl font-bold mt-4 mr-4 text-matrix font-mono border p-2 lg:inline-block lg:mt-0 hover:text-matrix border-black rounded hover:border-matrix\"\n          >\n            <DiCodeBadge />\n          </a>\n          {!!project.website && (\n            <a\n              href={project.website}\n              target=\"_blank\"\n              className=\"block text-2xl font-bold mt-4 mr-4 text-matrix font-mono border p-2 lg:inline-block lg:mt-0 hover:text-matrix border-black rounded hover:border-matrix\"\n            >\n              <HiLink />\n            </a>\n          )}\n        </div>\n        <div className=\"flex flex-wrap mb-8\">\n          {project.techStack.map(t => {\n            return (\n              <div className=\"px-4 py-2 text-sm rounded-full mr-2 mb-2 bg-green-900 text-matrix font-bold font-mono\">\n                {t}\n              </div>\n            )\n          })}\n        </div>\n        <p className=\"text-matrix font-bold font-mono\">{project.description}</p>\n        <div className=\"flex justify-between mt-8\">\n          {!!prevProject ? (\n            <Link\n              className=\"flex items-center mr-4 px-4 py-4 border border-matrix rounded text-matrix\"\n              to={\"/\" + prevProject.name}\n            >\n              <HiArrowNarrowLeft className=\"mr-2\" />\n              {prevProject.name}\n            </Link>\n          ) : (\n            <div></div>\n          )}\n          {!!nextProject ? (\n            <Link\n              className=\"flex items-center ml-4 px-4 py-4 border border-matrix rounded text-matrix\"\n              to={\"/\" + nextProject.name}\n            >\n              {nextProject.name} <HiArrowNarrowRight className=\"ml-2\" />\n            </Link>\n          ) : (\n            <div></div>\n          )}\n        </div>\n      </div>\n    </Layout>\n  )\n}\n\nexport default ProjectPage\n"],"names":["props","project","pageContext","prevProject","nextProject","className","name","href","github","target","website","techStack","map","t","description","Link","to"],"sourceRoot":""}