{"version":3,"sources":["webpack://cep-gatsby-starter-code/./src/components/Quote/index.js","webpack://cep-gatsby-starter-code/./src/components/Video/index.js","webpack://cep-gatsby-starter-code/./src/templates/Student.js"],"names":["image","text","className","filename","Video","src","guidSrc","youTubeID","poster","title","autoplay","loop","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","student","data","mentor","firstName","lastName","tag","Link","to","baseUrl","size","offset","youtubeVideo","guidVideo","schoolName","schoolGrade","age","ideaName","map","i","key","aboutIdea","idea","challengeMotivation","motive","favoriteInvention","invention","dreamOcupation","paragraph","quoteImage","quote","cardImage","prefix","name","jobTitle","shortDescription","slug","style","position"],"mappings":"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","file":"component---src-templates-student-js-3dbd26b955299ff8dfa4.js","sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\nimport Image from '../Image';\nimport './styles.scss';\n\nconst Quote = ({ image, text }) => {\n  return (\n    <div className=\"quote\">\n      <Image filename={image} className=\"quote__image\" />\n      <div className=\"quote__white-bg\" />\n      <div className=\"quote__text-div\">\n        <p className=\"quote__text-div__text\">{text}</p>\n      </div>\n      <div className=\"quote__gradient\" />\n    </div>\n  );\n};\n\nQuote.propTypes = {\n  image: PropTypes.string.isRequired,\n  text: PropTypes.string.isRequired,\n};\n\nexport default Quote;\n","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 { graphql, Link } from 'gatsby';\nimport React from 'react';\nimport { Column, Container, Row } from '../components/Grid';\nimport Icon from '../components/Icon';\nimport Image from '../components/Image';\nimport Layout from '../components/Layout';\nimport Quote from '../components/Quote';\nimport Section from '../components/Section';\nimport Video from '../components/Video';\nimport '../styles/templates/_student.scss';\n\nconst baseUrl = '/annual-challenge/finalists-mentors-judges';\nconst Participant = ({ data: { student } }) => {\n  const mentor = student.mentor;\n\n  return (\n    <Layout\n      title={`Student Alumni: ${student.firstName} ${student.lastName} | ${student.tag}`}\n      className={`${student.firstName}-${student.lastName} ${student.tag} annual-challenge finalists-mentors-judges student`}\n    >\n      {/* Student Title & Video */}\n      <Section>\n        <Container>\n          {/* Breadcrumbs */}\n          <ul className=\"breadcrumbs no-hero\">\n            <li className=\"breadcrumb\">\n              <Link to=\"/annual-challenge/about-the-challenge/\">\n                Annual Challenge\n              </Link>\n            </li>\n            <li className=\"breadcrumb\">\n              <Link to={`${baseUrl}#innovators-anchor`}>\n                Finalists, Mentors and Judges\n              </Link>\n            </li>\n            <li className=\"breadcrumb active\">\n              {student.firstName} {student.lastName}\n            </li>\n          </ul>\n          <Row>\n            <Column size={10} offset={1} className=\"no-hero\">\n              <h1>\n                Innovative Minds: {student.firstName} {student.lastName}\n              </h1>\n              {/* Video Container */}\n              <div className=\"video-container__with-pager\">\n                <Video\n                  youTubeID={student.youtubeVideo}\n                  guidSrc={student.guidVideo}\n                />\n              </div>\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n      {/* Student Bio & Project Info */}\n      <Section>\n        <Container className=\"student-info\">\n          <Row>\n            <Column size={7} offset={1}>\n              <p className=\"student-info__demographics\">\n                {student.schoolName} | {student.schoolGrade} grade |{' '}\n                {student.age} years old\n              </p>\n              <h2 className=\"student-info__project-title\">\n                {student.ideaName.map((ideaName, i) => (\n                  <span key={i}>{ideaName}</span>\n                ))}\n              </h2>\n              <h3 className=\"student-info__project-about\">About the Idea</h3>\n              {student.aboutIdea.map((idea, i) => (\n                <p key={i}>{idea}</p>\n              ))}\n              {/*<h4>{student.tag}</h4>*/}\n              <h4>Why did you enter the 3M Young Scientist Challenge?</h4>\n              {student.challengeMotivation.map((motive, i) => (\n                <p key={i}>{motive}</p>\n              ))}\n              <h4>\n                What is your favorite invention of the last 100 years, and why?\n              </h4>\n              {student.favoriteInvention.map((invention, i) => (\n                <p key={i}>{invention}</p>\n              ))}\n              <h4>In 15 years I hope to be...</h4>\n              {student.dreamOcupation.map((paragraph, i) => (\n                <p key={i}>{paragraph}</p>\n              ))}\n            </Column>\n            <Column size={4}>\n              <Quote image={student.quoteImage} text={student.quote} />\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n      {/* Meet the Mentor */}\n      {mentor && (\n        <Section>\n          <Container className=\"student-mentor\">\n            <h2>Meet the Mentor</h2>\n            <Row>\n              <Column size={4}>\n                <Image filename={mentor.cardImage} />\n              </Column>\n              <Column size={5}>\n                <div>\n                  <h3 className=\"student-mentor__name\">\n                    {mentor.prefix} {mentor.name}\n                  </h3>\n                  <h4 className=\"student-mentor__job-title\">\n                    {mentor.jobTitle}\n                  </h4>\n                  <p className=\"card\">\n                    {mentor.shortDescription.map((paragraph, i) => (\n                      <div>{paragraph}</div>\n                    ))}\n                  </p>\n                  <Link\n                    to={`/annual-challenge/finalists-mentors-judges/mentors/${mentor.slug}`}\n                    className=\"cta__link no-arrow bg-gradient-orange\"\n                    style={{ position: 'relative' }}\n                  >\n                    Learn More\n                    <Icon name=\"arrowright\" className=\"ml-0.5\" />\n                  </Link>\n                </div>\n              </Column>\n            </Row>\n          </Container>\n        </Section>\n      )}\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query ($slug: String!) {\n    student: studentsYaml(slug: { eq: $slug }) {\n      aboutIdea\n      age\n      challengeMotivation\n      cardImage\n      flag\n      dreamOcupation\n      favoriteInvention\n      ideaName\n      mentor {\n        prefix\n        name\n        jobTitle\n        cardImage\n        shortDescription\n        slug\n      }\n      quote\n      quoteImage\n      schoolGrade\n      schoolName\n      youtubeVideo\n      guidVideo\n      firstName\n      lastName\n      tag\n    }\n  }\n`;\n\nexport default Participant;\n"],"sourceRoot":""}