{"version":3,"file":"component---src-pages-for-families-js-32253590c32a8bdca778.js","mappings":"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","sources":["webpack://d9test/./src/components/Arrow.js","webpack://d9test/./src/components/HeadingWithSub.js","webpack://d9test/./src/components/HeadingWithSub.module.css","webpack://d9test/./src/components/LinkToTour.js","webpack://d9test/./src/components/Styled.js","webpack://d9test/./src/images/image-for-families-lg.png","webpack://d9test/./src/pages/for-families.js","webpack://d9test/./src/images/arrow.svg"],"sourcesContent":["import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"@emotion/styled\";\nimport arrow from \"../images/arrow.svg\";\n\nconst DirectionContainer = styled.div`\n  transform:\n    ${(props) => {\n      let deg;\n      if (props.direction === `left`) {\n        deg = 180;\n      } else if (props.direction === `right`) {\n        deg = 0;\n      } else if (props.direction === `up`) {\n        deg = 90;\n      } else {\n        deg = -90;\n      }\n      return `rotate(${deg})`;\n    }}\n  );\n\n`;\n\nconst Arrow = ({ direction }) => (\n  <DirectionContainer direction={direction}>\n    <img src={arrow} alt=\"back arrow\" />\n  </DirectionContainer>\n);\n\nArrow.propTypes = {\n  direction: PropTypes.string,\n};\n\nArrow.defaultProps = {\n  direction: `right`,\n};\n\nexport default Arrow;\n","import React from \"react\";\nimport PropTypes from \"prop-types\";\nimport styled from \"@emotion/styled\";\nimport { fontBold, textUpperCase } from \"./Styled\";\nimport { colors } from \"../utilities/themeVars\";\nimport arrow from \"../images/arrow.svg\";\nimport * as classes from \"./HeadingWithSub.module.css\";\nimport { Link } from \"gatsby\";\n\nconst Container = styled.div`\n  margin: 10px 0;\n\n  .main {\n    margin-bottom: 0;\n  }\n\n  .small {\n    font-size: 26px;\n  }\n  .subtitle {\n    ${[textUpperCase, fontBold]};\n    color: ${colors.primary};\n    font-size: 12px;\n    letter-spacing: 1px;\n    margin-top: 6px;\n  }\n  .img {\n    margin-left: 8px;\n  }\n  .headerLink {\n    color: #000;\n  }\n  .withArrow {\n    display: flex;\n  }\n`;\n\nconst HeadingWithSub = ({\n  main,\n  subTitle,\n  h2 = false,\n  backArrow = false,\n  link,\n}) => {\n  return (\n    <Container className={backArrow ? classes.withArrow : \"\"}>\n      {link ? (\n        <>\n          {h2 ? (\n            <Link to={link} className={\"headerLink\"}>\n              <h2 className=\"main small\">{main}</h2>\n            </Link>\n          ) : (\n            <h1 className=\"main\">{main}</h1>\n          )}\n          {subTitle && <div className={\"subtitle\"}>{subTitle}</div>}\n          {backArrow && <img className={\"img\"} src={arrow} alt=\"back arrow\" />}\n        </>\n      ) : (\n        <>\n          {h2 ? (\n            <h2 className=\"main small\">{main}</h2>\n          ) : (\n            <h1 className=\"main\">{main}</h1>\n          )}\n          {subTitle && <div className={\"subtitle\"}>{subTitle}</div>}\n          {backArrow && <img className={\"img\"} src={arrow} alt=\"back arrow\" />}\n        </>\n      )}\n    </Container>\n  );\n};\n\nHeadingWithSub.propTypes = {\n  main: PropTypes.string,\n  subtitle: PropTypes.string,\n};\n\nexport default HeadingWithSub;\n","// extracted by mini-css-extract-plugin\nexport var withArrow = \"HeadingWithSub-module--withArrow--smkBK\";","import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport { colors } from \"../utilities/themeVars\";\nimport { graphql, StaticQuery, Link } from \"gatsby\";\nimport { GatsbyImage, getImage, StaticImage } from \"gatsby-plugin-image\";\nimport Arrow from \"./Arrow\";\n\nconst PlaceHolder = () => (\n  <StaticQuery\n    query={graphql`\n      query {\n        placeholderImage: file(\n          relativePath: { eq: \"artwork-placeholder.jpg\" }\n        ) {\n          childImageSharp {\n            gatsbyImageData(width: 82)\n          }\n        }\n      }\n    `}\n    render={(data) => {\n      return <GatsbyImage image={getImage(data.placeholderImage)} />;\n    }}\n  />\n);\n\nconst ATagType = ({\n  isDownload,\n  link,\n  children,\n  newTab,\n  isPdf,\n  originPath,\n  origin,\n  title,\n  category,\n}) =>\n  isDownload ? (\n    <a href={link} target={newTab ? \"_blank\" : \"\"} rel=\"noreferrer\">\n      {children}\n    </a>\n  ) : isPdf ? (\n    <Link\n      to=\"/reader\"\n      state={{\n        pdf: link,\n        originalPath: originPath,\n        origin: origin,\n        title: title,\n        category: category,\n      }}\n    >\n      {children}\n    </Link>\n  ) : (\n    <Link to={link}>{children}</Link>\n  );\n\nconst Container = styled.div`\n  > a {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 14px 0;\n    border-bottom: solid 1px ${colors.gray3};\n  }\n`;\n\nconst Left = styled.div`\n  margin-right: 10px;\n  max-width: 82px;\n\n  .img {\n    max-width: 82px;\n  }\n`;\n\nconst Right = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n\n  flex-grow: 1;\n\n  .title {\n    font-size: 16px;\n    color: ${colors.text};\n    margin-bottom: 4px;\n  }\n\n  .subtitle {\n    text-transform: uppercase;\n    font-weight: bold;\n    letter-spacing: 1px;\n    font-size: 12px;\n  }\n  .arrow {\n    min-width: 9px;\n    margin-left: 10px;\n  }\n`;\n\nconst LinkToTour = ({\n  title,\n  subtitle,\n  image = null,\n  link = \"/\",\n  displayImage = true,\n  isDownload = false,\n  newTab = false,\n  isPdf = false,\n  originPath = \"\",\n  origin = \"\",\n  category = \"\",\n}) => {\n  if (!image || image === null) {\n    image = <PlaceHolder />;\n  } else {\n    image = <GatsbyImage image={getImage(image)} width={82} />;\n  }\n\n  return (\n    <Container>\n      <ATagType\n        isDownload={isDownload}\n        link={subtitle !== \"Coming Soon\" ? link : \"\"}\n        newTab={newTab}\n        isPdf={isPdf}\n        originPath={originPath}\n        origin={origin}\n        title={title}\n        category={category}\n      >\n        {displayImage && image && (\n          <Left>{ image }</Left>\n        )}\n        <Right>\n          <div>\n            <div className={\"title\"}>{title}</div>\n            <div className={\"subtitle\"}>{subtitle}</div>\n          </div>\n          <div className=\"arrow\">\n            <Arrow direction={\"right\"} />\n          </div>\n        </Right>\n      </ATagType>\n    </Container>\n  );\n};\n\nexport default LinkToTour;\n","import { css } from \"@emotion/react\";\nimport { colors } from \"../utilities/themeVars\";\n\nexport const textUpperCase = css`\n  text-transform: uppercase;\n`;\n\nexport const colorPrimary = css`\n  color: ${colors.primary};\n`;\n\nexport const fontBold = css`\n  font-weight: bold;\n`;\n","export default __webpack_public_path__ + \"static/image-for-families-lg-d9964596547bd6d1235502e8739b9853.png\";","import React from \"react\";\nimport Seo from \"../components/seo\";\nimport HeadingWithSub from \"../components/HeadingWithSub\";\nimport LinkToTour from \"../components/LinkToTour\";\nimport famImage from \"../images/image-for-families-lg.png\";\nimport styled from \"@emotion/styled\";\nimport ParentRouteHandler from \"../components/ParentRouteHandler\";\n\nconst ForFamilies = ({ location }) => {\n  const ImageTag = styled.img`\n    margin: 15px auto;\n    width: 100%;\n  `;\n\n  const Text = styled.p`\n    font-size: 16px;\n  `;\n  const isNavigatedFromNavMenu = location.search.includes(\"from-nav=1\");\n\n  return (\n    <>\n      {isNavigatedFromNavMenu && <ParentRouteHandler title={\"back\"} />}\n      <Seo title=\"Discover the Broad with your family\" />\n      <div className=\"heading\">\n        <HeadingWithSub\n          main={`Discover the Broad with your family`}\n          subTitle={``}\n        />\n\n        <ImageTag src={famImage} alt=\"family\" />\n\n        <Text>\n          Welcome! The questions and activities in this guide encourage families\n          to explore artworks at The Broad together.\n        </Text>\n        <Text>\n          The best way for families to experience art is to imagine everything\n          as fair game. There’s no observation too small or too obvious; there’s\n          nothing too silly to be discussed.\n        </Text>\n        <Text>\n          Let your instincts and your child’s curiosity guide you. Children\n          often pick up on details that adults may not notice. Let their fresh\n          eyes and excitement influence how you look at art, too!\n        </Text>\n\n        <LinkToTour\n          title={\"Tips for Families\"}\n          subtitle={\"Things to remember during your visit\"}\n          link={\"/tips-for-families\"}\n          displayImage={false}\n        />\n\n        <LinkToTour\n          title={\"Let's Look at Art Together\"}\n          subtitle={\"Art descriptions and questions for kids\"}\n          link={\"/look-at-art-together\"}\n          displayImage={false}\n        />\n\n        <LinkToTour\n          title={\"Explore the Broad Collection\"}\n          subtitle={\"Fill in the blanks\"}\n          link={\"/explore-the-broad\"}\n          displayImage={false}\n        />\n\n        <LinkToTour\n          title={\"The Broad Scavenger Hunt\"}\n          subtitle={\"Go On a Quest for Art\"}\n          link={\"/scavenger-hunt\"}\n          displayImage={false}\n        />\n\n        <LinkToTour\n          title={\"Looking with LeVar Burton\"}\n          subtitle={\"Kids Tour\"}\n          link={\"/kids-audio-tour?families=1\"}\n          displayImage={false}\n        />\n\n        <LinkToTour\n          title={\"General Questions to Ask Kids\"}\n          subtitle={\"Get your kids talking\"}\n          link={\"/general-questions-kids\"}\n          displayImage={false}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default ForFamilies;\n","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI4LjkyMSIgaGVpZ2h0PSIxMy45OTIiIHZpZXdCb3g9IjAgMCA4LjkyMSAxMy45OTIiPjxkZWZzPjxzdHlsZT4uYXtmaWxsOiNkNjAwMWM7fTwvc3R5bGU+PC9kZWZzPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNC4wNjcgLTEwLjQwNCkiPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDMuNjI4IDMuNjI4KSI+PHBhdGggY2xhc3M9ImEiIGQ9Ik0xMS43MzYsNy43NTIsMTguOSwxNC44MjZsLTcuMTc2LDYuOTE4LTEuNzM3LTEuOEwxNS4zMjEsMTQuOCw5Ljk4MSw5LjUzMloiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAuNDU4IC0wLjk3NSkiLz48L2c+PC9nPjwvc3ZnPg==\""],"names":["DirectionContainer","styled","props","direction","Arrow","src","arrow","alt","defaultProps","Container","textUpperCase","fontBold","colors","main","subTitle","h2","backArrow","link","className","Link","to","PlaceHolder","StaticQuery","query","render","data","G","image","getImage","placeholderImage","ATagType","isDownload","children","newTab","isPdf","originPath","origin","title","category","href","target","rel","state","pdf","originalPath","Left","Right","subtitle","displayImage","width","css","location","ImageTag","Text","isNavigatedFromNavMenu","search","includes","ParentRouteHandler","HeadingWithSub","famImage","LinkToTour"],"sourceRoot":""}