{"version":3,"file":"component---src-pages-experts-js-3b689ab98f97ded7caf1.js","mappings":"iPAqCe,SAASA,IACtB,OAAO,gBAAC,EAAAC,YAAD,CAAaC,MAnBX,aAmByBC,OAAQ,gBAjC5B,EAAEC,EAAIC,EAAOC,EAAOC,EAiCUC,EAAF,EAAEA,UAAF,OAjC1BJ,GAAF,EAiCoDI,GAjClDJ,GAAIC,EAAP,EAAOA,MAAOC,EAAd,EAAcA,MAAOC,EAArB,EAAqBA,KAClC,gBAAC,IAAD,CAAQH,GAAIA,GACV,gBAAC,EAAAK,EAAD,CAAaJ,OAAOK,EAAAA,EAAAA,GAASL,EAAMM,KAAMC,UAAU,YAAYC,IAAKR,EAAMQ,IAAKC,MAAO,CAACC,OAAQ,WAC/F,gBAAC,YAAD,KACE,gBAAC,UAAD,KACGT,GAEH,gBAAC,SAAD,KACGC,Q,wBC4CM,SAASS,IACtB,OAAO,gBAAC,EAAAf,YAAD,CAAaC,MA3BX,aA2ByBC,OAAQ,gBApD5B,EAAEC,EAAIC,EAAOC,EAAOW,EAAUV,EAAMW,EAoDNV,EAAF,EAAEA,UAAF,OApD1BJ,GAAF,EAoDoDI,GApDlDJ,GAAIC,EAAP,EAAOA,MAAOC,EAAd,EAAcA,MAAOW,EAArB,EAAqBA,SAAUV,EAA/B,EAA+BA,KAAMW,EAArC,EAAqCA,SAClD,gCACE,gBAAC,UAAD,KACE,gBAAC,EAAAT,EAAD,CAAaJ,OAAOK,EAAAA,EAAAA,GAASL,EAAMM,KAAME,IAAKR,EAAMQ,OAEtD,gBAAC,SAAD,CAAWT,GAAIA,GACb,gBAAC,UAAD,KACGE,GAEH,gBAAC,aAAD,KACGW,GAEH,gBAAC,SAAD,KACGV,GAEH,gBAACY,EAAA,EAAD,CAAgBf,GAAOA,EAAL,aAAqBE,MAAOY,EAASZ,MAAOc,KAAK,KAAKR,UAAU,4BAC/EM,EAASG,MAAMC,KAAI,WAAeC,GAAf,IAAEjB,EAAF,EAAEA,MAAOkB,EAAT,EAASA,IAAT,OAAyB,gBAACC,EAAA,OAAD,CAAeC,KAAMF,EAAKG,IAAKJ,GAAQjB,OAEtF,gBAAC,EAAAsB,KAAD,CAAMC,GAAG,mBAAmBjB,UAAU,uCAAtC,6BCdN,IAcA,EAdoB,SAAEkB,GAAF,OAClB,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAKxB,MAAM,YACX,gBAACN,EAAD,MACA,gBAAC+B,EAAA,EAAD,KACE,gBAAC,IAAD,KACE,gBAAC,UAAD,KACE,gBAACf,EAAD","sources":["webpack://ovc-main-web/./src/components/blocks/experts_banner.js","webpack://ovc-main-web/./src/components/blocks/experts_researchers.js","webpack://ovc-main-web/./src/pages/experts.js"],"sourcesContent":["import React from \"react\"\nimport { StaticQuery, graphql } from \"gatsby\"\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\nimport Banner from \"../shared/banner\"\n\nconst render = ({ id, image, title, body }) => (\n  <Banner id={id}>\n    <GatsbyImage image={getImage(image.src)} className=\"cover-img\" alt={image.alt} style={{height: \"600px\"}} />\n    <Banner.Overlay>\n      <Banner.Title>\n        {title}\n      </Banner.Title>\n      <Banner.Text>\n        {body}\n      </Banner.Text>\n    </Banner.Overlay>\n  </Banner>\n)\n\nconst query = graphql`\n  query {\n    blockYaml(id: {eq: \"experts_banner\"}) {\n      id\n      title\n      body\n      image {\n        src {\n          childImageSharp {\n            gatsbyImageData\n          }\n        }\n        alt\n      }\n    }\n  }\n`\n\nexport default function ExpertsBanner () {\n  return <StaticQuery query={query} render={({blockYaml}) => render(blockYaml)} />\n}\n\n","import React from \"react\"\nimport { StaticQuery, graphql, Link } from \"gatsby\"\nimport { GatsbyImage, getImage } from \"gatsby-plugin-image\"\nimport { Dropdown, DropdownButton } from \"react-bootstrap\"\nimport Hero from \"../shared/hero2\"\n\nconst render = ({ id, image, title, subtitle, body, dropdown }) => (\n  <>\n    <Hero.Image>\n      <GatsbyImage image={getImage(image.src)} alt={image.alt} />\n    </Hero.Image>\n    <Hero.Body id={id}>\n      <Hero.Title>\n        {title}\n      </Hero.Title>\n      <Hero.Subtitle>\n        {subtitle}\n      </Hero.Subtitle>\n      <Hero.Text>\n        {body}\n      </Hero.Text>\n      <DropdownButton id={`${id}__dropdown`} title={dropdown.title} size=\"lg\" className=\"my-4 mr-2 d-inline-block\">\n        {dropdown.items.map(({title, url}, index) => <Dropdown.Item href={url} key={index}>{title}</Dropdown.Item>)}\n      </DropdownButton>\n      <Link to=\"/research-chairs\" className=\"btn btn-outline-primary btn-lg mr-2\">\n        View Research Chairs\n      </Link>\n    </Hero.Body>\n  </>\n)\n\nconst query = graphql`\n  query {\n    blockYaml(id: {eq: \"experts_researchers\"}) {\n      id\n      title\n      subtitle\n      body\n      dropdown {\n        title\n        items {\n          title\n          url\n        }\n      }\n      image {\n        src {\n          childImageSharp {\n            gatsbyImageData(aspectRatio: 1.333333333333333)\n          }\n        }\n        alt\n      }\n    }\n  }\n`\n\nexport default function ExpertsResearchers () {\n  return <StaticQuery query={query} render={({blockYaml}) => render(blockYaml)} />\n}\n\n","import React from 'react'\nimport { Container } from \"react-bootstrap\"\n\nimport Layout from '../components/layout'\nimport Seo from '../components/seo'\nimport Hero from \"../components/shared/hero2\"\n\nimport ExpertsBanner from \"../components/blocks/experts_banner\"\nimport ExpertsResearchers from \"../components/blocks/experts_researchers\"\n\nconst ExpertsPage = ( props ) => (\n  <Layout>\n    <Seo title=\"Experts\" />\n    <ExpertsBanner />\n    <Container>\n      <Hero>\n        <Hero.Layer>\n          <ExpertsResearchers />\n        </Hero.Layer>\n      </Hero>\n    </Container>\n  </Layout>\n)\n\nexport default ExpertsPage\n\n"],"names":["ExpertsBanner","StaticQuery","query","render","id","image","title","body","blockYaml","G","getImage","src","className","alt","style","height","ExpertsResearchers","subtitle","dropdown","DropdownButton","size","items","map","index","url","Dropdown","href","key","Link","to","props","Container"],"sourceRoot":""}