{"version":3,"sources":["webpack://gatsby-starter-hello-world/./src/components/header.js","webpack://gatsby-starter-hello-world/./src/components/header.module.css","webpack://gatsby-starter-hello-world/./src/pages/projects.module.css","webpack://gatsby-starter-hello-world/./src/pages/projects.js","webpack://gatsby-starter-hello-world/./src/Assets/svg/github.svg","webpack://gatsby-starter-hello-world/./src/Assets/svg/globe.svg"],"names":["Header","props","className","headerText","icon","Project","data","style","padding","borderBottom","width","paddingBottom","marginBottom","name","shortDescription","display","flexDirection","justifyContent","alignItems","year","href","github","target","src","styles","landingPage","image","justifySelf","Projects","console","log","allMarkdownRemark","edges","map","value","node","frontmatter"],"mappings":"2LAEe,SAASA,EAAOC,GAC7B,OAAO,sBAAIC,UCFU,iCDEkBD,EAAME,c,uGEFxC,MAGMC,EAAO,+BCGpB,IAAMC,EAAU,SAAC,GAAc,IAAZC,EAAW,EAAXA,KACjB,OACE,uBAAKJ,UDRW,gCCSd,uBAAKK,MAAO,CAAEC,QAAS,QACrB,sBACED,MAAO,CACLE,aAAc,oBACdC,MAAO,cACPC,cAAe,MACfC,aAAc,QAGfN,EAAKO,MAER,qBAAGX,UDhBS,gCCgBgBI,EAAKQ,mBAEnC,uBACEP,MAAO,CACLQ,QAAS,OACTC,cAAe,SACfC,eAAgB,kBAGlB,uBACEV,MAAO,CACLQ,QAAS,OACTG,WAAY,aACZD,eAAgB,kBAGlB,uBAAKf,UDnCK,gCCmCoBI,EAAKa,MACnC,2BACE,qBAAGC,KAAMd,EAAKe,OAAQC,OAAO,SAC3B,uBAAKC,ICxCnB,ysCDwCgCrB,UAAWsB,KAE/B,qBAAGJ,KAAMd,EAAKmB,YAAaH,OAAO,SAChC,uBAAKC,IE3CnB,qhGF2CiCrB,UAAWsB,OAIpC,uBAAKtB,UDzCiB,2CC0CpB,uBAAKA,UDzCM,gCCyCmBqB,IAAKjB,EAAKoB,SAE1C,uBACEnB,MAAO,CACLQ,QAAS,OACTE,eAAgB,WAChBU,YAAa,WAGf,uBAAKzB,UDtDI,+BCsDoBI,EAAKa,UAO7B,SAASS,EAAT,GAA6B,IAATtB,EAAQ,EAARA,KAEjC,OADAuB,QAAQC,IAAI,QAASxB,GAEnB,2BACE,gBAAC,IAAD,CAAQH,WAAW,gBACnB,uBAAKD,UD7De,uCC8DjB,IACAI,EAAKyB,kBAAkBC,MAAMC,KAAI,SAAAC,GAAK,OACrC,gBAAC7B,EAAD,CAASC,KAAM4B,EAAMC,KAAKC","file":"component---src-pages-projects-js-6960ff41b953dfbc8d07.js","sourcesContent":["import * as styles from \"./header.module.css\";\nimport React from \"react\";\nexport default function Header(props) {\n  return <h1 className={styles.heading}>{props.headerText}</h1>;\n}\n","// extracted by mini-css-extract-plugin\nexport const heading = \"header-module--heading--12dxW\";","// extracted by mini-css-extract-plugin\nexport const card = \"projects-module--card--2LFz6\";\nexport const date = \"projects-module--date--12x_Z\";\nexport const tag = \"projects-module--tag--1GmXS\";\nexport const icon = \"projects-module--icon--2Z6Pg\";\nexport const desc = \"projects-module--desc--2YX-q\";\nexport const containerImage = \"projects-module--container-image--w4J5Y\";\nexport const image = \"projects-module--image--1Md3h\";\nexport const cardsOuter = \"projects-module--cards-outer--31LHx\";","import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Header from \"../components/header\";\nimport Github from \"../Assets/svg/github.svg\";\nimport Website from \"../Assets/svg/globe.svg\";\nimport * as styles from \"./projects.module.css\";\n\nconst Project = ({ data }) => {\n  return (\n    <div className={styles.card}>\n      <div style={{ padding: \"7px\" }}>\n        <h3\n          style={{\n            borderBottom: \"5px solid #023E8A\",\n            width: \"max-content\",\n            paddingBottom: \"5px\",\n            marginBottom: \"7px\",\n          }}\n        >\n          {data.name}\n        </h3>\n        <p className={styles.desc}>{data.shortDescription}</p>\n      </div>\n      <div\n        style={{\n          display: \"flex\",\n          flexDirection: \"column\",\n          justifyContent: \"space-between\",\n        }}\n      >\n        <div\n          style={{\n            display: \"flex\",\n            alignItems: \"flex-start\",\n            justifyContent: \"space-between\",\n          }}\n        >\n          <div className={styles.date}>{data.year}</div>\n          <div>\n            <a href={data.github} target=\"blank\">\n              <img src={Github} className={styles.icon} />\n            </a>\n            <a href={data.landingPage} target=\"blank\">\n              <img src={Website} className={styles.icon} />\n            </a>\n          </div>\n        </div>\n        <div className={styles.containerImage}>\n          <img className={styles.image} src={data.image} />\n        </div>\n        <div\n          style={{\n            display: \"flex\",\n            justifyContent: \"flex-end\",\n            justifySelf: \"center\",\n          }}\n        >\n          <div className={styles.tag}>{data.year}</div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default function Projects({ data }) {\n  console.log(\"hello\", data);\n  return (\n    <div>\n      <Header headerText=\"About React\" />\n      <div className={styles.cardsOuter}>\n        {\" \"}\n        {data.allMarkdownRemark.edges.map(value => (\n          <Project data={value.node.frontmatter}></Project>\n        ))}\n      </div>\n    </div>\n  );\n}\n\nexport const query = graphql`\n  query {\n    allMarkdownRemark(filter: { fileAbsolutePath: { regex: \"//projects//\" } }) {\n      edges {\n        node {\n          frontmatter {\n            name\n            image\n            shortDescription\n            year\n            github\n            landingPage\n          }\n        }\n      }\n    }\n  }\n`;\n","export default \"data:image/svg+xml;base64,PHN2ZyBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAyNCAyNCIgaGVpZ2h0PSI1MTIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTIgLjVjLTYuNjMgMC0xMiA1LjI4LTEyIDExLjc5MiAwIDUuMjExIDMuNDM4IDkuNjMgOC4yMDUgMTEuMTg4LjYuMTExLjgyLS4yNTQuODItLjU2NyAwLS4yOC0uMDEtMS4wMjItLjAxNS0yLjAwNS0zLjMzOC43MTEtNC4wNDItMS41ODItNC4wNDItMS41ODItLjU0Ni0xLjM2MS0xLjMzNS0xLjcyNS0xLjMzNS0xLjcyNS0xLjA4Ny0uNzMxLjA4NC0uNzE2LjA4NC0uNzE2IDEuMjA1LjA4MiAxLjgzOCAxLjIxNSAxLjgzOCAxLjIxNSAxLjA3IDEuODAzIDIuODA5IDEuMjgyIDMuNDk1Ljk4MS4xMDgtLjc2My40MTctMS4yODIuNzYtMS41NzctMi42NjUtLjI5NS01LjQ2Ni0xLjMwOS01LjQ2Ni01LjgyNyAwLTEuMjg3LjQ2NS0yLjMzOSAxLjIzNS0zLjE2NC0uMTM1LS4yOTgtLjU0LTEuNDk3LjEwNS0zLjEyMSAwIDAgMS4wMDUtLjMxNiAzLjMgMS4yMDkuOTYtLjI2MiAxLjk4LS4zOTIgMy0uMzk4IDEuMDIuMDA2IDIuMDQuMTM2IDMgLjM5OCAyLjI4LTEuNTI1IDMuMjg1LTEuMjA5IDMuMjg1LTEuMjA5LjY0NSAxLjYyNC4yNCAyLjgyMy4xMiAzLjEyMS43NjUuODI1IDEuMjMgMS44NzcgMS4yMyAzLjE2NCAwIDQuNTMtMi44MDUgNS41MjctNS40NzUgNS44MTcuNDIuMzU0LjgxIDEuMDc3LjgxIDIuMTgyIDAgMS41NzgtLjAxNSAyLjg0Ni0uMDE1IDMuMjI5IDAgLjMwOS4yMS42NzguODI1LjU2IDQuODAxLTEuNTQ4IDguMjM2LTUuOTcgOC4yMzYtMTEuMTczIDAtNi41MTItNS4zNzMtMTEuNzkyLTEyLTExLjc5MnoiIGZpbGw9IiMwMjNFOEEiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTEyLjQxOCA1MTIuNDE4IiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMi40MTggNTEyLjQxOCIgd2lkdGg9IjUxMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDIzRThBIiBkPSJtNDM3LjMzNSA3NS4wODJjLTEwMC4xLTEwMC4xMDItMjYyLjEzNi0xMDAuMTE4LTM2Mi4yNTIgMC0xMDAuMTAzIDEwMC4xMDItMTAwLjExOCAyNjIuMTM2IDAgMzYyLjI1MyAxMDAuMSAxMDAuMTAyIDI2Mi4xMzYgMTAwLjExNyAzNjIuMjUyIDAgMTAwLjEwMy0xMDAuMTAyIDEwMC4xMTctMjYyLjEzNiAwLTM2Mi4yNTN6bS0xMC43MDYgMzI1LjczOWMtMTEuOTY4LTEwLjcwMi0yNC43Ny0yMC4xNzMtMzguMjY0LTI4LjMzNSA4LjkxOS0zMC44MDkgMTQuMjAzLTY0LjcxMiAxNS40NTItOTkuOTU0aDc1LjMwOWMtMy40MDUgNDcuNTAzLTIxLjY1NyA5Mi4wNjQtNTIuNDk3IDEyOC4yODl6bS0zOTMuMzM4LTEyOC4yODloNzUuMzA5YzEuMjQ5IDM1LjI0MiA2LjUzMyA2OS4xNDUgMTUuNDUyIDk5Ljk1NC0xMy40OTQgOC4xNjItMjYuMjk2IDE3LjYzMy0zOC4yNjQgMjguMzM1LTMwLjg0LTM2LjIyNS00OS4wOTEtODAuNzg2LTUyLjQ5Ny0xMjguMjg5em01Mi40OTgtMTYwLjkzNmMxMS45NjggMTAuNzAyIDI0Ljc3IDIwLjE3MyAzOC4yNjQgMjguMzM1LTguOTE5IDMwLjgwOS0xNC4yMDMgNjQuNzEyLTE1LjQ1MiA5OS45NTRoLTc1LjMxYzMuNDA2LTQ3LjUwMiAyMS42NTctOTIuMDYzIDUyLjQ5OC0xMjguMjg5em0xNTQuMDk3IDMxLjcwOWMtMjYuNjIyLTEuOTA0LTUyLjI5MS04LjQ2MS03Ni4wODgtMTkuMjc4IDEzLjg0LTM1LjYzOSAzOS4zNTQtNzguMzg0IDc2LjA4OC04OC45Nzd6bTAgMzIuNzA4djYzLjg3M2gtOTguNjI1YzEuMTMtMjkuODEyIDUuMzU0LTU4LjQzOSAxMi4zNzktODQuNjMyIDI3LjA0MyAxMS44MjIgNTYuMTI3IDE4Ljg4MiA4Ni4yNDYgMjAuNzU5em0wIDk2LjUxOXY2My44NzNjLTMwLjExOSAxLjg3Ny01OS4yMDMgOC45MzctODYuMjQ2IDIwLjc1OS03LjAyNS0yNi4xOTMtMTEuMjQ5LTU0LjgyLTEyLjM3OS04NC42MzJ6bTAgOTYuNTgxdjEwOC4yNTRjLTM2LjczMi0xMC41OTMtNjIuMjQ2LTUzLjMzMy03Ni4wODgtODguOTc2IDIzLjc5Ny0xMC44MTcgNDkuNDY2LTE3LjM3NCA3Ni4wODgtMTkuMjc4em0zMi42NDYgMGMyNi42MjIgMS45MDQgNTIuMjkxIDguNDYxIDc2LjA4OCAxOS4yNzgtMTMuODQxIDM1LjY0LTM5LjM1NCA3OC4zODMtNzYuMDg4IDg4Ljk3NnptMC0zMi43MDh2LTYzLjg3M2g5OC42MjVjLTEuMTMgMjkuODEyLTUuMzU0IDU4LjQzOS0xMi4zNzkgODQuNjMyLTI3LjA0My0xMS44MjItNTYuMTI3LTE4Ljg4Mi04Ni4yNDYtMjAuNzU5em0wLTk2LjUxOXYtNjMuODczYzMwLjExOS0xLjg3NyA1OS4yMDMtOC45MzcgODYuMjQ2LTIwLjc1OSA3LjAyNSAyNi4xOTMgMTEuMjQ5IDU0LjgyIDEyLjM3OSA4NC42MzJ6bTAtOTYuNTgxdi0xMDguMjU0YzM2LjczNCAxMC41OTMgNjIuMjQ4IDUzLjMzOCA3Ni4wODggODguOTc3LTIzLjc5NyAxMC44MTYtNDkuNDY2IDE3LjM3My03Ni4wODggMTkuMjc3em03My4zMi05MS45NTdjMjAuODk1IDkuMTUgNDAuMzg5IDIxLjU1NyA1Ny44NjQgMzYuOTUxLTguMzE4IDcuMzM0LTE3LjA5NSAxMy45ODQtMjYuMjYgMTkuOTMxLTguMTM5LTIwLjE1Mi0xOC41MzYtMzkuNzM2LTMxLjYwNC01Ni44ODJ6bS0yMTAuODkxIDU2Ljg4MmMtOS4xNjUtNS45NDctMTcuOTQxLTEyLjU5Ny0yNi4yNi0xOS45MzEgMTcuNDc1LTE1LjM5NCAzNi45NjktMjcuODAxIDU3Ljg2NC0zNi45NTEtMTMuMDY4IDE3LjE0OC0yMy40NjUgMzYuNzMyLTMxLjYwNCA1Ni44ODJ6bS4wMDEgMjk1Ljk1OGM4LjEzOCAyMC4xNTEgMTguNTM3IDM5LjczNiAzMS42MDQgNTYuODgyLTIwLjg5NS05LjE1LTQwLjM4OS0yMS41NTctNTcuODY0LTM2Ljk1MSA4LjMxOC03LjMzNCAxNy4wOTUtMTMuOTg0IDI2LjI2LTE5LjkzMXptMjQyLjQ5NCAwYzkuMTY1IDUuOTQ3IDE3Ljk0MiAxMi41OTcgMjYuMjYgMTkuOTMtMTcuNDc1IDE1LjM5NC0zNi45NjkgMjcuODAxLTU3Ljg2NCAzNi45NTEgMTMuMDY3LTE3LjE0NCAyMy40NjUtMzYuNzI5IDMxLjYwNC01Ni44ODF6bTI2LjM2Mi0xNjQuMzAyYy0xLjI0OS0zNS4yNDItNi41MzMtNjkuMTQ2LTE1LjQ1Mi05OS45NTQgMTMuNDk0LTguMTYyIDI2LjI5NS0xNy42MzMgMzguMjY0LTI4LjMzNSAzMC44NCAzNi4yMjUgNDkuMDkxIDgwLjc4NiA1Mi40OTcgMTI4LjI4OXoiLz48L3N2Zz4=\""],"sourceRoot":""}