{"version":3,"sources":["webpack://cep-gatsby-starter-code/./src/pages/science-starters/science-at-home.js"],"names":["title","className","Link","to","filename","size","offset","name"],"mappings":"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","file":"component---src-pages-science-starters-science-at-home-js-69b2349ab5848c36601a.js","sourcesContent":["import React from 'react';\nimport Layout from '../../components/Layout';\nimport Section from '../../components/Section';\nimport { Container, Row, Column } from '../../components/Grid';\nimport { Link } from 'gatsby';\nimport Image from '../../components/Image';\n// import Hero from '../../components/Hero';\nimport Icon from '../../components/Icon';\n\nconst ScienceAtHome = () => (\n  <Layout title=\"Science at Home\" className=\"science-starters\">\n    <div className=\"hero-container\">\n      <div className=\"hero-container__gradient bg-gradient-purple\"></div>\n      <div className=\"hero-container__titleImage\">\n        {/* Breadcrumbs */}\n        <ul className=\"breadcrumbs\">\n          <li className=\"breadcrumb\">\n            <Link to=\"/science-starters/getting-started\">Science Starters</Link>\n          </li>\n          <li className=\"breadcrumb active\">Science at Home</li>\n        </ul>\n        <h1 className=\"page-title\">Science at Home</h1>\n        <Image filename=\"hero-science-at-home.png\" className=\"hero-image\" />\n      </div>\n    </div>\n    {/* Science at Home Intro */}\n    <Section>\n      <Container>\n        <Row>\n          <Column size={8} offset={2} className=\"global-intro\">\n            <h4>\n              These simple, ready-to-use experiments utilize common household\n              items to reinforce core scientific principles. Each experiment\n              includes information on how to include them in your classroom or\n              distance learning curriculum and are taught by 3M scientists and\n              special guests.\n            </h4>\n          </Column>\n        </Row>\n      </Container>\n    </Section>\n    {/* Science at Home Grid */}\n    <Section className=\"science-at-home__cards mt-3\">\n      <Container>\n        <Row>\n          {/* Marshmallow Tower */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"MarshmellowTower-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Marshmallow Tower</h3>\n                <h4>Have you ever wondered how skyscrapers can be so tall?</h4>\n                <p>\n                  Or how people build bridges to span long distances? Explore\n                  engineering techniques to build sturdy structures using only\n                  marshmallows and uncooked spaghetti.\n                </p>\n              </div>\n              <Link\n                to=\"marshmallow-tower\"\n                className=\"button bg-gradient-purple\"\n              >\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* C02 Balloon */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"C02Balloon-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>\n                  CO<sub>2</sub> Balloon\n                </h3>\n                <h4>\n                  Baking soda and acid reactions in baking make things puff and\n                  rise.\n                </h4>\n                <p>\n                  But how could you use this same chemical reaction to blow up a\n                  balloon?\n                </p>\n              </div>\n              <Link to=\"c2-balloon\" className=\"button bg-gradient-purple\">\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* Elephant Toothpaste */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"ElephantToothpaste-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Elephant Toothpaste</h3>\n                <p>\n                  Join Camille Schrier, a scientist who was crowned Miss America\n                  2020, as she shows you how to make a chemical reaction so big\n                  it’s fit for elephants!\n                </p>\n              </div>\n              <Link\n                to=\"elephant-toothpaste\"\n                className=\"button bg-gradient-purple\"\n              >\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n        </Row>\n        <Row>\n          {/* Rainbow Bubble Snake */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"RainbowSnake-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Rainbow Bubble Snake</h3>\n                <h4>\n                  Everyone loves bubbles, but have you ever thought about how\n                  they form?\n                </h4>\n                <p>\n                  In this video, special guest, Kate the Chemist, shows you the\n                  science behind bubbles. With just a few simple materials,\n                  you’ll learn how to make a bright and colorful bubble snake\n                  using your breath, soap, water and a plastic water bottle.\n                </p>\n              </div>\n              <Link\n                to=\"rainbow-bubble-snake\"\n                className=\"button bg-gradient-purple\"\n              >\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* Fidget Spinner */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"FidgetSpinner-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Fidget Spinner</h3>\n                <h4>\n                  Your teacher might not love when you have one in class, but\n                  the physics behind fidget spinners are truly head-spinning!\n                </h4>\n                <p>\n                  Join 3M scientist Tesha R.-Alston Dampier as she shows you how\n                  a spinning motion changes the way things move.\n                </p>\n              </div>\n              <Link to=\"fidget-spinner\" className=\"button bg-gradient-purple\">\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* Liquid Fireworks */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"LiquidFireworks-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Liquid Fireworks</h3>\n                <p>\n                  Join 3M scientist Jeff Payne as he uses nothing more than\n                  milk, dish soap, and a few other kitchen supplies to get the\n                  amazing effects of fireworks without using any fire at all.\n                </p>\n              </div>\n              <Link to=\"liquid-fireworks\" className=\"button bg-gradient-purple\">\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n        </Row>\n        <Row>\n          {/* Soap Boat */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"SoapBoat-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Soap Boat</h3>\n                <h4>\n                  Join 3M Researcher Vasav Shani as he introduces you to the\n                  science of surface tension.\n                </h4>\n                <p>\n                  Not only is it only important  for many engineering and earth\n                  science processes, it also makes blowing bubbles possible.\n                </p>\n              </div>\n              <Link to=\"soap-boat\" className=\"button bg-gradient-purple\">\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* How Do We Breathe? */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"HowDoWeBreathe-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>How Do We Breathe?</h3>\n                <h4>How do our lungs work?</h4>\n                <p>\n                  Follow along as special guest Dakota Dozier, an offensive\n                  lineman for the Minnesota Vikings, makes a model to show how\n                  air flows in and out of the lungs with ease.\n                </p>\n              </div>\n              <Link\n                to=\"how-do-we-breathe\"\n                className=\"button bg-gradient-purple\"\n              >\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* Bernoulli Balance */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"BernoulliBalance-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Bernoulli Balance</h3>\n                <h4>\n                  A jetliner can weigh over 300 tons, so why doesn’t it just\n                  drop out of the air?\n                </h4>\n                <p>\n                  3M’s SVP of Corporate Affairs, Denise Rutherford explains the\n                  Bernoulli principle and how without it, planes (and birds)\n                  couldn’t fly.\n                </p>\n              </div>\n              <Link\n                to=\"bernoulli-balance\"\n                className=\"button bg-gradient-purple\"\n              >\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n        </Row>\n        <Row>\n          {/* Push and Pull */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"PushAndPull-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Push and Pull</h3>\n                <p>\n                  Follow along with 3M’s Sam Reiss, as he shows you that\n                  magnetism is more than just a simple push and pull – it’s an\n                  example of the power of the earth itself.\n                </p>\n              </div>\n              <Link to=\"push-and-pull\" className=\"button bg-gradient-purple\">\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* Diffusion with Miss America 2020 */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"DiffusionWithMiss-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Diffusion with Miss America 2020</h3>\n                <h4>\n                  Ever wonder why things mix (or don’t mix) differently in\n                  different temperatures of water?\n                </h4>\n                <p>\n                  Join Camille Schrier, a scientist who was crowned Miss America\n                  2020, as she explains diffusion and how substances move though\n                  water.\n                </p>\n              </div>\n              <Link\n                to=\"diffusion-with-miss-america-2020\"\n                className=\"button bg-gradient-purple\"\n              >\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* Feeling Sound */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"FeelingSound-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Feeling Sound</h3>\n                <p>\n                  Believe it or not, you can feel sound! Join Gitanjali Rao,\n                  former Discovery Education 3M Young Scientist Challenge\n                  winner, as she teaches about the frequency of sound and how we\n                  perceive pitch.\n                </p>\n              </div>\n              <Link to=\"feeling-sound\" className=\"button bg-gradient-purple\">\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n        </Row>\n        <Row>\n          {/* Inflation Station */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"InflationStation-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Inflation Station</h3>\n                <p>\n                  Follow along with 3M’s Chief Science Advocate, Jayshree Seth,\n                  as she teaches students how chemistry can help put some air\n                  where it’s most needed!\n                </p>\n              </div>\n              <Link\n                to=\"inflation-station\"\n                className=\"button bg-gradient-purple\"\n              >\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n          {/* Make Your Own Cotton-Ball Launcher */}\n          <Column size={4}>\n            <div className=\"card box-shadow hover\">\n              <Image filename=\"MakeYourOwnCotton-Thumbnail.png\" />\n              <div className=\"card__content\">\n                <h3>Make Your Own Cotton-Ball Launcher</h3>\n                <h4>\n                  What can a rubber band and a cotton ball teach you about\n                  potential and kinetic energy?\n                </h4>\n                <p>\n                  Join Michael Lewandowski to make your own cotton-ball launcher\n                  and find out!\n                </p>\n              </div>\n              <Link\n                to=\"make-your-own-cotton-ball-launcher\"\n                className=\"button bg-gradient-purple\"\n              >\n                Learn More <Icon name=\"arrowright\" />\n              </Link>\n            </div>\n          </Column>\n        </Row>\n      </Container>\n    </Section>\n  </Layout>\n);\n\nexport default ScienceAtHome;\n"],"sourceRoot":""}