{"version":3,"sources":["webpack:///./src/pages/partials/_CareerCallout.js","webpack:///./src/pages/cybersecurity.js","webpack:///./src/components/HeroV2/index.js","webpack:///./src/utils/constants.js"],"names":["CareerCallout","title","description","path","name","job","img","className","verticalAlignCenter","medium","mediumOffset","to","xlarge","filename","textOverlay","fullWidth","CyberSecurityPage","data","mediaSource","size","xsmall","xsmallOffset","HeroV2","mediaType","Object","values","MEDIA_TYPE","includes","classNames","autoPlay","loop","muted","src","type","defaultProps","MP4_VIDEO","OGG_VIDEO","WEBM_VIDEO","LANGUAGE","en","es","ca"],"mappings":"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","file":"component---src-pages-cybersecurity-js-3d9f3980f8af5ffa06c4.js","sourcesContent":["import React from 'react';\nimport Section from '../../components/Section';\nimport { Container, Row, Column } from '../../components/Grid';\nimport Image from '../../components/Image';\nimport Button from '../../components/Button';\n\nconst CareerCallout = ({ title, description, path, name, job, img }) => (\n  <Section className=\"career-callout\">\n    <Container>\n      <Row verticalAlignCenter>\n        <Column medium={5} mediumOffset={1}>\n          <h2>{title}</h2>\n          <p>{description}</p>\n          <Button to={path}>Learn more about this career</Button>\n        </Column>\n        <Column medium={6} xlarge={5}>\n          <div className=\"career-callout__imgs\">\n            <Image filename={img} className=\"career-callout__headshot\" />\n            <Image\n              filename=\"career-callout-dashes.svg\"\n              className=\"career-callout__dashes\"\n            />\n            <div className=\"career-callout__name\">\n              <div className=\"text-bold\">{name}</div>\n              <div>{job}</div>\n            </div>\n          </div>\n        </Column>\n      </Row>\n    </Container>\n  </Section>\n);\n\nexport default CareerCallout;\n","import React from 'react';\nimport { Link } from 'gatsby';\nimport Layout from '../components/Layout';\nimport Section from '../components/Section';\nimport { Container, Row, Column } from '../components/Grid';\nimport HeroV2 from '../components/HeroV2';\nimport Image from '../components/Image';\nimport CareerCallout from './partials/_CareerCallout';\n// import HeroImage from '../images/hero/hero-cybersecurity.png';\n\nconst textOverlay = (\n  <div className=\"home__text_overlay_container\">\n    <Container fullWidth={true}>\n      <div className=\"home__text_overlay_inner_container\">\n        <span className=\"home__text_overlay_title\">Cybersecurity & STEM</span>\n      </div>\n    </Container>\n  </div>\n);\n\nconst CyberSecurityPage = ({ data }) => (\n  <Layout title=\"Cyber Security\">\n    {/* <Hero title=\"Cybersecurity &amp; STEM\" image={HeroImage} /> */}\n    <HeroV2\n      mediaSource=\"cyber-hero-img-1400x366-2x.jpg\"\n      textOverlay={textOverlay}\n    />\n    <Section>\n      <Container>\n        <h2>\n          Activate every student’s superpowers with essential cyber smarts\n        </h2>\n        <Row>\n          <Column size={8}>\n            <p>\n              Our ever-evolving digital world offers young people so much room\n              to soar! Inspire middle school students to decode their everyday\n              lives and hack into a better future for our planet using the\n              basics of Cybersecurity and Artificial Intelligence (A.I.).\n              Empower the next generation of STEM stars with the help of\n              interactive{' '}\n              <Link to=\"/career-profiles\" className=\"text-bold\">\n                career profiles\n              </Link>\n              .\n            </p>\n          </Column>\n        </Row>\n      </Container>\n    </Section>\n    <div className=\"cybersecurity__disciplines\">\n      <Section>\n        <Container>\n          <Row verticalAlignCenter>\n            <Column xsmall={6} xsmallOffset={3} medium={2} mediumOffset={0}>\n              <Image filename=\"icon-all-things-digital.svg\" />\n            </Column>\n            <Column medium={8} mediumOffset={1}>\n              <h2>All Things Digital</h2>\n              <p>\n                <strong>\n                  Do you realize that everyone today is leading a “double life”?\n                </strong>{' '}\n                As technology continues to impact every aspect of our society,\n                people now have citizenship in both the physical and the digital\n                world! Empower students to lean into digital innovation and\n                online safety today to find balance and success tomorrow.\n              </p>\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n      <Section>\n        <Container>\n          <Row verticalAlignCenter>\n            <Column xsmall={6} xsmallOffset={3} medium={2} mediumOffset={1}>\n              <Image filename=\"icon-cyrptology.svg\" />\n            </Column>\n            <Column medium={8}>\n              <h2>Cryptology</h2>\n              <p>\n                <strong>\n                  Uncover secrets and protect your information using super cyber\n                  stealth skills!\n                </strong>{' '}\n                Unlock the mysteries of cybersecurity with the keys of\n                encryption, a crucial component of all security technologies.\n                Cultivate a new generation of codebreakers to keep our online\n                communities safe, using the magic of mathematics.\n              </p>\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n      <Section>\n        <Container>\n          <Row verticalAlignCenter>\n            {' '}\n            <Column xsmall={6} xsmallOffset={3} medium={2} mediumOffset={0}>\n              <Image filename=\"icon-fraud-detection.svg\" />\n            </Column>\n            <Column medium={8} mediumOffset={1}>\n              <h2>Fraud Detection</h2>\n              <p>\n                <strong>\n                  Seeing through cyber camouflage takes equal parts intuition\n                  and innovation.\n                </strong>{' '}\n                To protect against hackers, it’s crucial to actively investigate\n                and analyze digital clues. Show students that the simple power\n                of pattern recognition is all it takes to solve cybercrimes and\n                become a formidable Fraud Detective.\n              </p>\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n      <Section>\n        <Container>\n          <Row verticalAlignCenter>\n            <Column xsmall={6} xsmallOffset={3} medium={2} mediumOffset={1}>\n              <Image filename=\"icon-cybersecurity.svg\" />\n            </Column>\n            <Column medium={8}>\n              <h2>Cybersecurity</h2>\n              <p>\n                <strong>\n                  Hacker attacks and cyber crooks require a new kind of\n                  crimefighter.\n                </strong>{' '}\n                The virtual goldmine known as “Data” is attracting all kinds of\n                cybercriminals looking to profit illegally from online\n                information. Equip students with the tools they need to avoid\n                data breaches and become the future’s digital defenders.\n              </p>\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n      <Section>\n        <Container>\n          <Row verticalAlignCenter>\n            {' '}\n            <Column xsmall={6} xsmallOffset={3} medium={2} mediumOffset={0}>\n              <Image filename=\"icon-internet-of-things.svg\" />\n            </Column>\n            <Column medium={8} mediumOffset={1}>\n              <h2>Internet of Things</h2>\n              <p>\n                <strong>\n                  When everything is connected, nothing is impossible!\n                </strong>{' '}\n                As the 4th Industrial Revolution redefines the connection\n                between students’ physical and digital lives via the Internet of\n                Things (IoT), the possibilities of harnessing data are out of\n                this world. Discover how Artificial Intelligence (A.I.) is\n                driving a data explosion.\n              </p>\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n      <Section>\n        <Container>\n          <Row verticalAlignCenter>\n            <Column xsmall={6} xsmallOffset={3} medium={2} mediumOffset={1}>\n              <Image filename=\"icon-ai-social-good.svg\" />\n            </Column>\n            <Column medium={8}>\n              <h2>A.I for Social Good</h2>\n              <p>\n                <strong>\n                  Can you help redefine “the greater good” for our digitally\n                  diverse world?\n                </strong>{' '}\n                Cyber smarts can be used for so much more than just personal\n                success! Empower tomorrow’s tech heroes to tackle our toughest\n                and most complex social problems using game-changing advances in\n                A.I. and data science.  \n              </p>\n            </Column>\n          </Row>\n        </Container>\n      </Section>\n    </div>\n    <CareerCallout\n      title=\"Security Engineer\"\n      description={\n        <>\n          Find out how computer systems can be carefully designed with protocols\n          for withstanding disruptions caused by <strong>cyberattacks</strong>\n        </>\n      }\n      path=\"/career-profiles/security-engineer\"\n      img={'career-profiles/career-profiles-annmarie-headshot.jpg'}\n      name=\"Anne Marie Zettlemoyer\"\n      job=\"Vice President, Security Engineering, Mastercard\"\n    />\n  </Layout>\n);\n\nexport default CyberSecurityPage;\n","import React from 'react';\nimport classNames from 'classnames';\nimport Image from '../Image';\nimport './styles.scss';\nimport PropTypes from 'prop-types';\nimport { MEDIA_TYPE } from '../../utils/constants';\n\nconst HeroV2 = ({ mediaSource, mediaType, textOverlay, className }) => {\n  const isVideo = mediaType && Object.values(MEDIA_TYPE).includes(mediaType);\n\n  if (isVideo) {\n    return (\n      <div className={classNames('heroV2', className)}>\n        <video autoPlay loop muted className=\"heroV2__video\">\n          <source src={mediaSource} type={mediaType}></source>\n        </video>\n        {textOverlay}\n      </div>\n    );\n  } else {\n    return (\n      <div className={classNames('heroV2', className)}>\n        <Image filename={mediaSource} className=\"heroV2__img\" />\n        {textOverlay}\n      </div>\n    );\n  }\n};\n\nHeroV2.defaultProps = {\n  textOverlay: null,\n  className: null,\n};\n\nHeroV2.propTypes = {\n  /** A path to video or a filename for an image (using the Image Component)\n   * or an array of objects for multi image slider\n   */\n  mediaSource: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(\n      PropTypes.shape({\n        image: PropTypes.string,\n        title: PropTypes.string,\n        text: PropTypes.string,\n      })\n    ),\n  ]).isRequired,\n  /** The type used for the video */\n  mediaType: PropTypes.oneOf(Object.values(MEDIA_TYPE)),\n  /** Text overlay for the image/video. The hero-text-overlay-container-defaults mixin\n   * contains the default CSS for a left side text overlay.\n   */\n  textOverlay: PropTypes.object,\n  /** A custom class name */\n  classNames: PropTypes.string,\n};\n\nexport default HeroV2;\n","export const MEDIA_TYPE = {\n  MP4_VIDEO: 'video/mp4',\n  OGG_VIDEO: 'video/ogg',\n  WEBM_VIDEO: 'video/webm',\n};\n\nexport const LANGUAGE = {\n  en: 'US (English)',\n  es: 'Mexico (Spanish)',\n  ca: 'Canada (French)',\n};\n"],"sourceRoot":""}