component---src-pages-team-jsx-e080499e8bb607bd9e73.js.map

{"version":3,"sources":["webpack:///./src/pages/team.jsx"],"names":["SectionWrapper","styled","Inner","SectionContainer","div","SectionHeader","H2","Separator","span","SectionContents","Name","Title","P","H4Style","Avatar","Img","SectionSocial","LinkItem","a","Section","children","props","name","title","image","alt","fluid","MembersList","data","images","datafromjson","edges","map","item","imageIndex","findIndex","x","node","split","slice","join","key","childImageSharp","bio","linkedin","href","target","icon","size","github","twitter","Team","query","render","isDark","style","zIndex"],"mappings":"wRAwBMA,EAAiBC,YAAOC,KAAV,2EAAGD,CAAH,gGAIdE,EAAmBF,IAAOG,IAAV,6EAAGH,CAAH,uKAIhBI,EAAgBJ,YAAOK,KAAV,0EAAGL,CAAH,0EAIbM,EAAYN,IAAOO,KAAV,sEAAGP,CAAH,uHAITQ,EAAkBR,IAAOG,IAAV,4EAAGH,CAAH,+BAIfS,EAAOT,IAAOO,KAAV,iEAAGP,CAAH,6CAIJU,EAAQV,YAAOW,KAAV,kEAAGX,CAAH,aACPY,IADO,uCAKLC,EAASb,YAAOc,KAAV,mEAAGd,CAAH,qJAINe,EAAgBf,IAAOG,IAAV,0EAAGH,CAAH,gJAKbgB,EAAWhB,IAAOiB,EAAV,qEAAGjB,CAAH,0EAKRkB,EAAU,SAAC,GAA4B,IAA1BC,EAAyB,EAAzBA,SAAaC,EAAY,iBAClCC,EAAuBD,EAAvBC,KAAMC,EAAiBF,EAAjBE,MAAOC,EAAUH,EAAVG,MAErB,OACE,kBAACrB,EAAD,KACE,kBAACE,EAAD,KACE,kBAACS,EAAD,CAAQW,IAAKH,EAAMI,MAAOF,IAE1B,kBAACd,EAAD,KACE,kBAAC,IAAD,KAAYY,KAGhB,kBAACX,EAAD,KAAQY,GAER,kBAACd,EAAD,KAAkBW,GAClB,kBAACb,EAAD,QAYAoB,EAAc,SAAAC,GAClB,MAAiCA,EAAKA,KAA9BC,EAAR,EAAQA,OAAQC,EAAhB,EAAgBA,aAEhB,OACE,oCACGA,EAAaC,MAAMC,KAAI,SAAAC,GACtB,IAAMC,EAAaL,EAAOE,MAAMI,WAC9B,SAAAC,GAAC,OACCA,EAAEC,KAAKf,OACPW,EAAKI,KAAKb,MACPc,MAAM,KACNC,MAAM,GAAI,GACVC,KAAK,QAEZ,OACE,kBAACrB,EAAD,CACEsB,IAAKP,EACLZ,KAAMW,EAAKI,KAAKf,KAChBC,MAAOU,EAAKI,KAAKd,MACjBC,MAAOK,EAAOE,MAAMG,GAAYG,KAAKK,gBAAgBhB,OAErD,kBAACV,EAAD,KACGiB,EAAKI,KAAKM,IACTV,EAAKI,KAAKM,IAEV,oCACGV,EAAKI,KAAKO,UACT,kBAAC3B,EAAD,CACE4B,KAAI,2BAA6BZ,EAAKI,KAAKO,SAC3CE,OAAO,SACPrB,IAAI,YAEJ,kBAAC,IAAD,CAAYsB,KAAK,WAAWC,KAAM,MAGrCf,EAAKI,KAAKY,QACT,kBAAChC,EAAD,CACE4B,KAAI,sBAAwBZ,EAAKI,KAAKY,OACtCH,OAAO,SACPrB,IAAI,UAEJ,kBAAC,IAAD,CAAYsB,KAAK,SAASC,KAAM,MAGnCf,EAAKI,KAAKa,SACT,kBAACjC,EAAD,CACE4B,KAAI,uBAAyBZ,EAAKI,KAAKa,QACvCJ,OAAO,SACPrB,IAAI,WAEJ,kBAAC,IAAD,CAAYsB,KAAK,UAAUC,KAAM,cAkExCG,UArDF,kBACX,kBAAC,cAAD,CACEC,MAAK,aA6BLC,OAAQ,SAAAzB,GAAI,OACV,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAKL,MAAM,uBACX,kBAAC,IAAD,KACE,kBAAC,IAAD,CAAM+B,QAAM,EAACC,MAAO,CAAEC,OAAQ,KAC5B,kBAAC,IAAD,WAEE,kBAAC,IAAD,qBAEF,kBAAC,IAAD,OAEF,kBAAC,IAAD,KACE,kBAACxD,EAAD,KACE,kBAAC2B,EAAD,CAAaC,KAAMA","file":"component---src-pages-team-jsx-e080499e8bb607bd9e73.js","sourcesContent":["/* eslint-disable react/forbid-prop-types */\n/* eslint-disable react/no-array-index-key */\n/* eslint-disable react/no-unescaped-entities */\nimport React from \"react\"\nimport PropTypes from \"prop-types\"\nimport styled from \"styled-components\"\nimport tw from \"tailwind.macro\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport Img from \"gatsby-image\"\nimport Layout from \"../components/layout\"\nimport SEO from \"../components/seo\"\nimport AppWrapper from \"../views/AppWrapper\"\nimport Content, { Inner } from \"../elements/Content\"\nimport Hero from \"../views/Hero\"\nimport CircleIcon from \"../elements/CircleIcon\"\nimport {\n  BigTitleLight,\n  H2,\n  H4Style,\n  P,\n  PLight,\n  Highlight,\n} from \"../elements/Text\"\n\nconst SectionWrapper = styled(Inner)`\n  ${tw`lg:flex lg:flex-wrap justify-center`}\n`\n\nconst SectionContainer = styled.div`\n  ${tw`lg:w-1/2 xl:w-1/3 mb-8 text-center bg-white`}\n`\n\nconst SectionHeader = styled(H2)`\n  ${tw`uppercase mb-0 text-center`};\n`\n\nconst Separator = styled.span`\n  ${tw`w-1/4 bg-pink h-2 mx-auto block`};\n`\n\nconst SectionContents = styled.div`\n  ${tw`text-center`};\n`\n\nconst Name = styled.span`\n  ${tw`block mt-4`};\n`\n\nconst Title = styled(P)`\n  ${H4Style};\n  ${tw`mt-2 mb-0`};\n`\n\nconst Avatar = styled(Img)`\n  ${tw`rounded-full w-32 h-32 shadow-lg m-auto`};\n`\n\nconst SectionSocial = styled.div`\n  ${tw`flex items-center justify-center text-grey-dark my-2`};\n  min-height: 54px;\n`\n\nconst LinkItem = styled.a`\n  ${tw`inline-block m-1`};\n  ${tw`text-grey-dark`};\n`\n\nconst Section = ({ children, ...props }) => {\n  const { name, title, image } = props\n\n  return (\n    <SectionContainer>\n      <SectionHeader>\n        <Avatar alt={name} fluid={image} />\n\n        <Name>\n          <Highlight>{name}</Highlight>\n        </Name>\n      </SectionHeader>\n      <Title>{title}</Title>\n\n      <SectionContents>{children}</SectionContents>\n      <Separator />\n    </SectionContainer>\n  )\n}\n\nSection.propTypes = {\n  children: PropTypes.node.isRequired,\n  name: PropTypes.string.isRequired,\n  title: PropTypes.string.isRequired,\n  image: PropTypes.any.isRequired,\n}\n\nconst MembersList = data => {\n  const { images, datafromjson } = data.data\n\n  return (\n    <>\n      {datafromjson.edges.map(item => {\n        const imageIndex = images.edges.findIndex(\n          x =>\n            x.node.name ===\n            item.node.image\n              .split(\".\")\n              .slice(0, -1)\n              .join(\".\")\n        )\n        return (\n          <Section\n            key={imageIndex}\n            name={item.node.name}\n            title={item.node.title}\n            image={images.edges[imageIndex].node.childImageSharp.fluid}\n          >\n            <SectionSocial>\n              {item.node.bio ? (\n                item.node.bio\n              ) : (\n                <>\n                  {item.node.linkedin && (\n                    <LinkItem\n                      href={`https://linkedin.com/in/${item.node.linkedin}`}\n                      target=\"_blank\"\n                      alt=\"LinkedIn\"\n                    >\n                      <CircleIcon icon=\"linkedin\" size={42} />\n                    </LinkItem>\n                  )}\n                  {item.node.github && (\n                    <LinkItem\n                      href={`https://github.com/${item.node.github}`}\n                      target=\"_blank\"\n                      alt=\"GitHub\"\n                    >\n                      <CircleIcon icon=\"github\" size={42} />\n                    </LinkItem>\n                  )}\n                  {item.node.twitter && (\n                    <LinkItem\n                      href={`https://twitter.com/${item.node.twitter}`}\n                      target=\"_blank\"\n                      alt=\"Twitter\"\n                    >\n                      <CircleIcon icon=\"twitter\" size={42} />\n                    </LinkItem>\n                  )}\n                </>\n              )}\n            </SectionSocial>\n          </Section>\n        )\n      })}\n    </>\n  )\n}\n\nconst Team = () => (\n  <StaticQuery\n    query={graphql`\n      query AllTeamMemberImagesJSON {\n        images: allFile(filter: { absolutePath: { regex: \"/avatars/\" } }) {\n          edges {\n            node {\n              name\n              childImageSharp {\n                fluid(maxWidth: 400) {\n                  ...GatsbyImageSharpFluid\n                }\n              }\n            }\n          }\n        }\n        datafromjson: allTeamMembersJson {\n          edges {\n            node {\n              name\n              title\n              bio\n              image\n              github\n              twitter\n              linkedin\n            }\n          }\n        }\n      }\n    `}\n    render={data => (\n      <Layout>\n        <SEO title=\"The Featurist Team\" />\n        <AppWrapper>\n          <Hero isDark style={{ zIndex: 20 }}>\n            <BigTitleLight>\n              the\n              <Highlight> Featurists</Highlight>\n            </BigTitleLight>\n            <PLight />\n          </Hero>\n          <Content>\n            <SectionWrapper>\n              <MembersList data={data} />\n            </SectionWrapper>\n          </Content>\n        </AppWrapper>\n      </Layout>\n    )}\n  />\n)\n\nexport default Team\n"],"sourceRoot":""}