component---src-pages-about-the-team-tsx-000ef177b796810af78f.js.map

{"version":3,"file":"component---src-pages-about-the-team-tsx-000ef177b796810af78f.js","mappings":"w0EAwFA,EArEkB,SAAC,GAAsC,IAApCA,EAAmC,EAAnCA,OAAQC,EAA2B,EAA3BA,KAC3B,OACEC,EAAAA,cAAAA,EAAAA,SAAAA,KACEA,EAAAA,cAAAA,KAAAA,CACEC,UAAU,YACVC,MAAO,CAAEC,MAAOC,EAAAA,GAAAA,KAAAA,QAAAA,UAAAA,KAAsCC,QAAS,SAE9DN,GAEHC,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,SACZH,EACCA,EAAOQ,KAAI,SAACC,EAAQC,GAAT,OACTR,EAAAA,cAAAA,MAAAA,CACES,IAAG,UAAYD,EACfP,UAAU,MACVC,MAAO,CACLQ,gBAAiBN,EAAAA,GAAAA,KAAAA,QAAAA,UAAAA,KACjBD,MAAOC,EAAAA,GAAAA,KAAAA,QAAAA,QAAAA,KACPO,aAAcJ,EAAOK,WACjBR,EAAAA,GAAAA,KAAAA,QAAAA,UAAAA,KACAA,EAAAA,GAAAA,KAAAA,QAAAA,QAAAA,KACJS,aAAc,MACdC,SAAU,WAGZd,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,eACbD,EAAAA,cAAAA,MAAAA,CACEe,IAAuB,KAAlBR,EAAOS,OAAgB,sCAAwCT,EAAOS,OAC3Ed,MAAO,CAAEe,UAAW,QAASC,MAAO,QAASC,OAAQ,SACrDC,IAAI,UACJnB,UAAU,UAEZD,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,UAAUM,EAAOc,QAElCrB,EAAAA,cAAAA,KAAAA,CAAIC,UAAU,aAAaM,EAAOe,MAClCtB,EAAAA,cAAAA,MAAAA,CAAKE,MAAO,CAAEG,QAAS,OAAQkB,eAAgB,eAAgBC,cAAe,QACxD,KAAnBjB,EAAOkB,QACNzB,EAAAA,cAAAA,IAAAA,CACE0B,KAAMnB,EAAOkB,QACbE,OAAO,UAEP3B,EAAAA,cAAAA,MAAAA,CACEe,IAAK,yBACLK,IAAI,eACJlB,MAAO,CAAEiB,OAAQ,WAGnB,KACJnB,EAAAA,cAAAA,IAAAA,CACE0B,KAAM,UAAYnB,EAAOqB,MACzBD,OAAO,UAEP3B,EAAAA,cAAAA,MAAAA,CACEe,IAAK,uBACLK,IAAI,eACJlB,MAAO,CAAEiB,OAAQ,YA5C3B,IAmDAnB,EAAAA,cAAAA,OAAAA,KAAAA,cA9DV,ECRM6B,EAAW/B,EAAAA,QAAc,SAACgC,GAAD,OAAuB,GAAhBA,EAAElB,UAAvB,IACXmB,EAAWjC,EAAAA,QAAc,SAACgC,GAAD,MAAiB,QAAVA,EAAE/B,IAAvB,IACXiC,EAAYlC,EAAAA,QAAc,SAACgC,GAAD,MAAiB,SAAVA,EAAE/B,IAAvB,IACZkC,EAAenC,EAAAA,QAAc,SAACgC,GAAD,MAAiB,YAAVA,EAAE/B,IAAvB,IAkCRmC,EAAO,kBAClBlC,EAAAA,cAACmC,EAAAA,EAAD,CACEd,MAAM,OACNe,cAAUC,GAHP,EAOP,EAvCqB,kBACnBrC,EAAAA,cAACsC,EAAAA,EAAD,KACEtC,EAAAA,cAAAA,MAAAA,KACEA,EAAAA,cAAAA,KAAAA,CACEC,UAAU,aACVC,MAAO,CAAEC,MAAOC,EAAAA,GAAAA,KAAAA,QAAAA,UAAAA,KAAsCmC,aAAc,QAFtE,kBAKEvC,EAAAA,cAAAA,KAAAA,QAGJA,EAAAA,cAAAA,MAAAA,CAAKC,UAAU,UACbD,EAAAA,cAACwC,EAAD,CACE1C,OAAQ+B,EACR9B,KAAK,eAEPC,EAAAA,cAACwC,EAAD,CACE1C,OAAQiC,EACRhC,KAAK,cAEPC,EAAAA,cAACwC,EAAD,CACE1C,OAAQkC,EACRjC,KAAK,eAEPC,EAAAA,cAACwC,EAAD,CACE1C,OAAQmC,EACRlC,KAAK,mBA1Bb,C","sources":["webpack://gatsby-starter-default/./src/components/teamCards/index.tsx","webpack://gatsby-starter-default/./src/pages/about-the-team.tsx"],"sourcesContent":["import React from 'react';\nimport { themeObj } from '../../utils/customTheme';\nimport './styles.scss';\n\ninterface Person {\n  name: string;\n  title: string;\n  email: string;\n  imgSrc: string;\n  website: string;\n  isDirector: boolean;\n  team: string;\n}\n\ninterface TeamCardsProps {\n  people: Person[];\n  team: String;\n}\n\nconst TeamCards = ({ people, team }: TeamCardsProps) => {\n  return (\n    <>\n      <h1\n        className=\"teamTitle\"\n        style={{ color: themeObj.dark.palette.secondary.main, display: 'flex' }}\n      >\n        {team}\n      </h1>\n      <div className=\"inner\">\n        {people ? (\n          people.map((person, index) => (\n            <div\n              key={`person-${index}`}\n              className=\"box\"\n              style={{\n                backgroundColor: themeObj.dark.palette.secondary.main,\n                color: themeObj.dark.palette.primary.main,\n                outlineColor: person.isDirector\n                  ? themeObj.dark.palette.secondary.main\n                  : themeObj.dark.palette.primary.main,\n                borderRadius: '4px',\n                overflow: 'hidden'\n              }}\n            >\n              <div className=\"img-wrapper\">\n                <img\n                  src={person.imgSrc === '' ? '/images/profiles/anonymousIcon.jpeg' : person.imgSrc}\n                  style={{ objectFit: 'cover', width: '200px', height: '200px' }}\n                  alt=\"profile\"\n                  className=\"image\"\n                />\n                <div className=\"middle\">{person.title}</div>\n              </div>\n              <h2 className=\"name-text\">{person.name}</h2>\n              <div style={{ display: 'flex', justifyContent: 'space-evenly', paddingBottom: '1vh' }}>\n                {person.website !== '' ? (\n                  <a\n                    href={person.website}\n                    target=\"_blank\"\n                  >\n                    <img\n                      src={'/icons/websiteIcon.png'}\n                      alt=\"website icon\"\n                      style={{ height: '30px' }}\n                    />\n                  </a>\n                ) : null}\n                <a\n                  href={'mailto:' + person.email}\n                  target=\"_blank\"\n                >\n                  <img\n                    src={'/icons/emailIcon.png'}\n                    alt=\"website icon\"\n                    style={{ height: '30px' }}\n                  />\n                </a>\n              </div>\n            </div>\n          ))\n        ) : (\n          <span>No Images</span>\n        )}\n      </div>\n    </>\n  );\n};\n\nexport default TeamCards;\n","import React from 'react';\nimport './about-the-team.scss';\n\nimport people from '../data/teamInfo.json';\n\nimport Layout from '../components/layout';\nimport Seo from '../components/seo';\n\nimport { themeObj } from '../utils/customTheme';\nimport TeamCards from '../components/teamCards';\n\nconst leadTeam = people.filter((a) => a.isDirector == true);\nconst techTeam = people.filter((a) => a.team == 'tech');\nconst eventTeam = people.filter((a) => a.team == 'event');\nconst outreachTeam = people.filter((a) => a.team == 'outreach');\n\nconst AboutTheTeam = () => (\n  <Layout>\n    <div>\n      <h1\n        className=\"titleStyle\"\n        style={{ color: themeObj.dark.palette.secondary.main, marginBottom: '4vh' }}\n      >\n        About the team!\n        <br />\n      </h1>\n    </div>\n    <div className=\"panels\">\n      <TeamCards\n        people={leadTeam}\n        team=\"Team Leads\"\n      />\n      <TeamCards\n        people={techTeam}\n        team=\"Tech Team\"\n      />\n      <TeamCards\n        people={eventTeam}\n        team=\"Event Team\"\n      />\n      <TeamCards\n        people={outreachTeam}\n        team=\"Outreach Team\"\n      />\n    </div>\n  </Layout>\n);\n\nexport const Head = () => (\n  <Seo\n    title=\"Team\"\n    children={undefined}\n  />\n);\n\nexport default AboutTheTeam;\n"],"names":["people","team","React","className","style","color","themeObj","display","map","person","index","key","backgroundColor","outlineColor","isDirector","borderRadius","overflow","src","imgSrc","objectFit","width","height","alt","title","name","justifyContent","paddingBottom","website","href","target","email","leadTeam","a","techTeam","eventTeam","outreachTeam","Head","Seo","children","undefined","Layout","marginBottom","TeamCards"],"sourceRoot":""}