{"version":3,"sources":["webpack://cep-gatsby-starter-code/./src/components/Video/index.js","webpack://cep-gatsby-starter-code/./src/pages/science-starters/science-at-work/jeff-emslander.js"],"names":["Video","src","guidSrc","youTubeID","poster","title","autoplay","loop","className","other","useState","ready","setReady","hostname","setHostname","useImageQuery","getFinalImagePath","getFinalImagePathByFilename","site","useStaticQuery","useEffect","window","location","protocol","port","classNames","width","height","frameBorder","allowFullScreen","qs","startsWith","imagePath","encodeURI","siteMetadata","gaId","getQueryString","defaultProps","Link","to","size","offset","name","filename"],"mappings":"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","file":"component---src-pages-science-starters-science-at-work-jeff-emslander-js-2c5a8e6bc44a0c85908a.js","sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { useStaticQuery, graphql } from 'gatsby';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport useImageQuery from '../../hooks/useImageQuery';\nimport './styles.scss';\n\nconst Video = ({\n  src,\n  guidSrc,\n  youTubeID,\n  poster,\n  autoplay,\n  loop,\n  title,\n  className,\n  ...other\n}) => {\n  const [ready, setReady] = useState(false);\n  const [hostname, setHostname] = useState('');\n  const { getFinalImagePath, getFinalImagePathByFilename } = useImageQuery();\n\n  const { site } = useStaticQuery(graphql`\n    query {\n      site {\n        siteMetadata {\n          gaId\n        }\n      }\n    }\n  `);\n\n  // This will run once after the initial render.\n  useEffect(() => {\n    setHostname(\n      window.location.protocol +\n        '//' +\n        window.location.hostname +\n        (window.location.port ? ':' + window.location.port : '')\n    );\n    setReady(true);\n  }, []);\n\n  const getQueryString = () => {\n    let qs = `videoSrc=${src}`;\n\n    if (poster) {\n      if (poster.startsWith('https://') || poster.startsWith('http://')) {\n        qs += `&posterSrc=${poster}`;\n      } else {\n        // If we reach here, this must be a local path\n        let imagePath = getFinalImagePath(poster);\n        if (!imagePath) {\n          imagePath = getFinalImagePathByFilename(poster);\n        }\n        qs += `&posterSrc=${encodeURI(hostname + imagePath)}`;\n      }\n    }\n    if (site.siteMetadata.gaId) {\n      qs += `&gaId=${site.siteMetadata.gaId}`;\n    }\n\n    return qs;\n  };\n\n  return (\n    <>\n      {ready && (\n        <div className={classNames('video', className)} {...other}>\n          {youTubeID ? (\n            <iframe\n              src={`https://www.youtube.com/embed/${youTubeID}`}\n              title={title}\n              width=\"1200\"\n              height=\"650\"\n              frameBorder=\"0\"\n              allowFullScreen\n              className=\"youtube\"\n            ></iframe>\n          ) : null}\n          {guidSrc ? (\n            <iframe\n              src={\n                src\n                  ? `https://embed.discoveryeducation.com?${getQueryString()}`\n                  : `https://app.discoveryeducation.com/learn/embedded-player/${guidSrc}?utm_source=microsite&utm_medium=embed`\n              }\n              title={title}\n              width=\"1200\"\n              height=\"650\"\n              frameBorder=\"0\"\n              allowFullScreen\n            ></iframe>\n          ) : null}\n        </div>\n      )}\n    </>\n  );\n};\n\nVideo.defaultProps = {\n  src: null,\n  poster: null,\n  autoplay: false,\n  loop: false,\n  className: null,\n};\n\nVideo.propTypes = {\n  /** The URL of the video src. */\n  src: PropTypes.string,\n  /** The GUID for the video. */\n  guidSrc: PropTypes.string,\n  /** The GUID for the video. */\n  youTubeID: PropTypes.string,\n  /** The title of the video */\n  title: PropTypes.string,\n  /** The URL for a poster image */\n  poster: PropTypes.string,\n  /** Toggle autoplay */\n  autoplay: PropTypes.bool,\n  /** Toggle autoplay */\n  loop: PropTypes.bool,\n  /** A custom class name */\n  className: PropTypes.string,\n};\n\nexport default Video;\n","import React from 'react';\nimport Layout from '../../../components/Layout';\nimport { Container, Row, Column } from '../../../components/Grid';\nimport Section from '../../../components/Section';\nimport { Link } from 'gatsby';\nimport Image from '../../../components/Image';\nimport Icon from '../../../components/Icon';\nimport Video from '../../../components/Video';\n\nconst JeffEmslander = () => (\n  <Layout\n    title=\"3M Staff Scientist - Jeff Emslander\"\n    className=\"science-starters careers has-video\"\n  >\n    {/* Intro Title and Video */}\n    <Section>\n      <Container>\n        {/* Breadcrumbs */}\n        <ul className=\"breadcrumbs no-hero\">\n          <li className=\"breadcrumb\">\n            <Link to=\"../../getting-started\">Science Starters</Link>\n          </li>\n          <li className=\"breadcrumb\">\n            <Link to=\"../../science-at-work\">Science at Work</Link>\n          </li>\n          <li className=\"breadcrumb active\">Jeff Emslander</li>\n        </ul>\n        <Row>\n          <Column size={10} offset={1} className=\"no-hero\">\n            <h1 className=\"page-title\">3M Staff Scientist</h1>\n            {/* Video Container */}\n            <div className=\"video-container__with-pager\">\n              <Link to=\"../sara-frisco\" className=\"previous\">\n                <Icon name=\"arrowleftgray\" />\n              </Link>\n              <Video\n                guidSrc=\"292a41bd-c8d6-42e4-a9cc-6e60fecfb154\"\n                className=\"de-vid\"\n              ></Video>\n              <Link to=\"../tesha-alston-dampier\" className=\"next\">\n                <Icon name=\"arrowrightgray\" />\n              </Link>\n            </div>\n          </Column>\n        </Row>\n      </Container>\n    </Section>\n    {/* Main Content */}\n    <Section className=\"pb-6\">\n      <Container>\n        <Row>\n          <Column size={7} offset={1} className=\"career-left\">\n            <h2>Exploring New Frontiers in Scientific Innovation</h2>\n            <p>\n              As a 3M Staff Scientist, Jeff gets his hands on cutting-edge\n              technologies and prototypes that most people never even see. Jeff\n              is able to collaborate with a wide variety of experts who\n              specialize in 40+ different technology platforms at 3M, while also\n              travelling to other countries and learning from people from\n              diverse cultures.\n            </p>\n            <h3>3 Things I Love About My Job</h3>\n            <ol>\n              <li>\n                <strong className=\"text-bold\">\n                  Developing products that improve people’s lives in\n                  groundbreaking ways.\n                </strong>\n                <br />\n                The opportunity to make a positive impact in the world using the\n                power of scientific innovation inspires Jeff every day and\n                enhances his collaborations with teammates.\n              </li>\n              <li>\n                <strong className=\"text-bold\">\n                  Hands-on access to advanced technology and specialists.\n                </strong>\n                <br /> Working in the 3M lab allows Jeff access to incredible\n                technologies on a daily basis, while a big team of tech experts\n                are always just a phone call away.\n              </li>\n              <li>\n                <strong className=\"text-bold\">\n                  Collaborating with people all over the world.\n                </strong>\n                <br /> Science has opened many doors for Jeff throughout his\n                career, allowing him the chance to work with many brilliant\n                individuals and travel to new places around the world.\n              </li>\n            </ol>\n          </Column>\n          <Column size={4}>\n            <div className=\"global__profile-box box-shadow\">\n              <div className=\"global__profile-image\">\n                <Image filename=\"Jeffrey-Emslander-mentor-quote.png\" />\n              </div>\n              <div className=\"global__profile-content\">\n                <h4 className=\"quote\">\n                  “I get a chance to work with technologies and develop products\n                  that no one’s ever done before in the history of the planet.”\n                </h4>\n                <h3>Jeff Emslander</h3>\n                <p>3M Staff Scientist, Corporate Research Process Laboratory</p>\n              </div>\n            </div>\n          </Column>\n        </Row>\n      </Container>\n    </Section>\n  </Layout>\n);\n\nexport default JeffEmslander;\n"],"sourceRoot":""}