{"version":3,"sources":["webpack:///./src/pages/index.en.js","webpack:///./src/components/TitleAndMetaTags/index.js","webpack:///./src/components/TitleAndMetaTags/TitleAndMetaTags.js","webpack:///./src/utils/createOgUrl.js","webpack:///./src/components/ButtonLink/index.js","webpack:///./src/components/ButtonLink/ButtonLink.js","webpack:///./src/utils/loadScript.js","webpack:///./src/icons/logo-white.svg"],"names":["Home","state","babelLoaded","componentDidMount","_this2","this","loadScript","babelURL","then","setState","error","console","render","_ref","_ref4","_ref5","_this$props","props","data","location","marketing","Glamor","createElement","components_Layout__WEBPACK_IMPORTED_MODULE_6__","react_intl__WEBPACK_IMPORTED_MODULE_12__","id","txt","components_TitleAndMetaTags__WEBPACK_IMPORTED_MODULE_5__","title","ogUrl","createOgUrl","css","width","backgroundColor","colors","dark","color","white","paddingTop","paddingBottom","media","greaterThan","maxWidth","marginLeft","marginRight","position","components_Container__WEBPACK_IMPORTED_MODULE_2__","_ref2","brand","textAlign","margin","fontSize","letterSpacing","size","_ref3","fontWeight","components_Flex__WEBPACK_IMPORTED_MODULE_3__","valign","halign","flexWrap","justifyContent","CtaItem","components_ButtonLink__WEBPACK_IMPORTED_MODULE_1__","to","type","sharedStyles","markdown","sectionStyles","lessThan","marginTop","marginBottom","overflowX","WebkitOverflowScrolling","maskImage","display","flexDirection","whiteSpace","edges","map","_ref6","index","_firstOfType","_ref7","_","column","node","key","flex","&:first-of-type","verticalAlign","headingStyles","&&","subtle","frontmatter","dangerouslySetInnerHTML","__html","html","Component","_ref8","_firstChild","_nthChild","_ref9","children","primary","between","paddingLeft","paddingRight","pageQuery","_sectionStyles","_TitleAndMetaTags__WEBPACK_IMPORTED_MODULE_0__","__webpack_require__","TitleAndMetaTags","react_helmet__WEBPACK_IMPORTED_MODULE_0__","react_helmet__WEBPACK_IMPORTED_MODULE_0___default","n","ogDescription","a","property","content","__webpack_exports__","slug","urlRoot","replace","_ButtonLink__WEBPACK_IMPORTED_MODULE_0__","ButtonLink","ArrowSvg","_ref$cssProps","cssProps","height","xmlns","viewBox","d","fill","style","_style","primaryStyle","_primaryStyle","black","padding","transition","secondaryStyle",":hover","typeStyle","rest","_babel_runtime_helpers_objectWithoutPropertiesLoose__WEBPACK_IMPORTED_MODULE_1___default","gatsby__WEBPACK_IMPORTED_MODULE_2__","Object","assign","url","Promise","resolve","reject","document","head","appendChild","async","src","onload","onerror","module","exports"],"mappings":"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","file":"component---src-pages-index-en-js-8f04f652ab2942e4e0ea.js","sourcesContent":["/**\r\n * Copyright (c) 2013-present, Facebook, Inc.\r\n *\r\n * @emails react-core\r\n */\r\n\r\nimport ButtonLink from 'components/ButtonLink';\r\nimport Container from 'components/Container';\r\nimport Flex from 'components/Flex';\r\nimport React, {Component} from 'react';\r\nimport {graphql} from 'gatsby';\r\nimport TitleAndMetaTags from 'components/TitleAndMetaTags';\r\nimport Layout from 'components/Layout';\r\nimport {colors, media, sharedStyles} from 'theme';\r\nimport loadScript from 'utils/loadScript';\r\nimport createOgUrl from 'utils/createOgUrl';\r\nimport {babelURL} from 'site-constants';\r\nimport logoWhiteSvg from 'icons/logo-white.svg';\r\nimport {FormattedMessage} from 'react-intl';\r\n\r\nclass Home extends Component {\r\n  state = {\r\n    babelLoaded: false,\r\n  };\r\n\r\n  componentDidMount() {\r\n    loadScript(babelURL).then(\r\n      () => {\r\n        this.setState({\r\n          babelLoaded: true,\r\n        });\r\n      },\r\n      error => {\r\n        console.error('Babel failed to load.');\r\n      },\r\n    );\r\n  }\r\n\r\n  render() {\r\n    const {babelLoaded} = this.state;\r\n    const {data, location} = this.props;\r\n    const {marketing} = data;\r\n\r\n    return (\r\n      <Layout location={location}>\r\n        <FormattedMessage id=\"site_title\">\r\n          {txt => (\r\n            <TitleAndMetaTags title={txt} ogUrl={createOgUrl('index.html')} />\r\n          )}\r\n        </FormattedMessage>\r\n\r\n        <div css={{width: '100%'}}>\r\n          <header\r\n            css={{\r\n              backgroundColor: colors.dark,\r\n              color: colors.white,\r\n            }}>\r\n            <div\r\n              css={{\r\n                paddingTop: 45,\r\n                paddingBottom: 20,\r\n\r\n                [media.greaterThan('small')]: {\r\n                  paddingTop: 60,\r\n                  paddingBottom: 70,\r\n                },\r\n\r\n                [media.greaterThan('xlarge')]: {\r\n                  paddingTop: 95,\r\n                  paddingBottom: 85,\r\n                  maxWidth: 1500, // Positioning of background logo\r\n                  marginLeft: 'auto',\r\n                  marginRight: 'auto',\r\n                  position: 'relative',\r\n                  // '::before': {\r\n                  //   content: ' ',\r\n                  //   position: 'absolute',\r\n                  //   top: 0,\r\n                  //   left: 0,\r\n                  //   bottom: 0,\r\n                  //   right: 0,\r\n                  //   backgroundImage: `url(${logoWhiteSvg})`,\r\n                  //   backgroundRepeat: 'no-repeat',\r\n                  //   backgroundPosition: '100% 100px',\r\n                  //   backgroundSize: '50% auto',\r\n                  //   opacity: 0.05,\r\n                  // },\r\n                },\r\n              }}>\r\n              <div\r\n                css={{\r\n                  // Content should be above absolutely-positioned hero image\r\n                  position: 'relative',\r\n                }}>\r\n                <Container>\r\n                <FormattedMessage id=\"home_productName\">\r\n                    {txt => (\r\n                      <h1\r\n                      css={{\r\n                        color: colors.brand,\r\n                        textAlign: 'center',\r\n                        margin: 0,\r\n                        fontSize: 45,\r\n                        letterSpacing: '0.01em',\r\n                        [media.size('xsmall')]: {\r\n                          fontSize: 30,\r\n                        },\r\n                        [media.greaterThan('xlarge')]: {\r\n                          fontSize: 60,\r\n                        },\r\n                      }}>\r\n                       {txt}\r\n                    </h1>\r\n                    )}\r\n                  </FormattedMessage>\r\n                  <FormattedMessage id=\"home_productDescrp\">\r\n                    {txt => (\r\n                      <p\r\n                        css={{\r\n                          paddingTop: 15,\r\n                          textAlign: 'center',\r\n                          fontSize: 24,\r\n                          letterSpacing: '0.01em',\r\n                          fontWeight: 200,\r\n\r\n                          [media.size('xsmall')]: {\r\n                            fontSize: 16,\r\n                            maxWidth: '12em',\r\n                            marginLeft: 'auto',\r\n                            marginRight: 'auto',\r\n                          },\r\n\r\n                          [media.greaterThan('xlarge')]: {\r\n                            paddingTop: 20,\r\n                            fontSize: 30,\r\n                          },\r\n                        }}>\r\n                        {txt}\r\n                      </p>\r\n                    )}\r\n                  </FormattedMessage>\r\n\r\n                  <Flex\r\n                    valign=\"center\"\r\n                    halign=\"center\"\r\n                    css={{\r\n                      paddingTop: 40,\r\n                      flexWrap: 'wrap',\r\n                      justifyContent: 'center',\r\n                    }}>\r\n                    <CtaItem>\r\n                      <FormattedMessage id=\"home_gettingStarted\">\r\n                        {txt => (\r\n                          <ButtonLink\r\n                            to=\"en/guides/ProductIntroduction\"\r\n                            type=\"primary\">\r\n                            {txt}\r\n                          </ButtonLink>\r\n                        )}\r\n                      </FormattedMessage>\r\n                    </CtaItem>\r\n                    {/* <CtaItem>\r\n                      <FormattedMessage id=\"home_tutorial\">\r\n                        {txt => (\r\n                          <ButtonLink\r\n                            to=\"/tutorial/tutorial.html\"\r\n                            type=\"secondary\">\r\n                            {txt}\r\n                          </ButtonLink>\r\n                        )}\r\n                      </FormattedMessage>\r\n                    </CtaItem> */}\r\n                  </Flex>\r\n                </Container>\r\n              </div>\r\n            </div>\r\n          </header>\r\n\r\n          <Container>\r\n            <div css={sharedStyles.markdown}>\r\n              <section\r\n                css={[\r\n                  sectionStyles,\r\n                  {\r\n                    [media.lessThan('medium')]: {\r\n                      marginTop: 0,\r\n                      marginBottom: 0,\r\n                      overflowX: 'auto',\r\n                      paddingTop: 30,\r\n                      WebkitOverflowScrolling: 'touch',\r\n                      position: 'relative',\r\n                      maskImage:\r\n                        'linear-gradient(to right, transparent, white 10px, white 90%, transparent)',\r\n                    },\r\n                  },\r\n                ]}>\r\n                <div\r\n                  css={{\r\n                    display: 'flex',\r\n                    flexDirection: 'row',\r\n\r\n                    [media.lessThan('medium')]: {\r\n                      display: 'block',\r\n                      whiteSpace: 'nowrap',\r\n                    },\r\n                  }}>\r\n                  {marketing.edges.map(({node: column}, index) => (\r\n                    <div\r\n                      key={index}\r\n                      css={{\r\n                        display: 'flex',\r\n                        flexDirection: 'column',\r\n                        flex: '0 1 33%',\r\n                        marginLeft: 40,\r\n\r\n                        '&:first-of-type': {\r\n                          marginLeft: 0,\r\n\r\n                          [media.lessThan('medium')]: {\r\n                            marginLeft: 10,\r\n                          },\r\n                        },\r\n\r\n                        [media.lessThan('medium')]: {\r\n                          display: 'inline-block',\r\n                          verticalAlign: 'top',\r\n                          marginLeft: 0,\r\n                          whiteSpace: 'normal',\r\n                          width: '75%',\r\n                          marginRight: 20,\r\n                          paddingBottom: 40,\r\n\r\n                          '&:first-of-type': {\r\n                            marginTop: 0,\r\n                          },\r\n                        },\r\n                      }}>\r\n                      <h3\r\n                        css={[\r\n                          headingStyles,\r\n                          {\r\n                            '&&': {\r\n                              // Make specificity higher than the site-wide h3 styles.\r\n                              color: colors.subtle,\r\n                              paddingTop: 0,\r\n                              fontWeight: 300,\r\n                              fontSize: 20,\r\n\r\n                              [media.greaterThan('xlarge')]: {\r\n                                fontSize: 24,\r\n                              },\r\n                            },\r\n                          },\r\n                        ]}>\r\n                        {column.frontmatter.title}\r\n                      </h3>\r\n                      <div dangerouslySetInnerHTML={{__html: column.html}} />\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n              </section>\r\n            </div>\r\n          </Container>\r\n        </div>\r\n      </Layout>\r\n    );\r\n  }\r\n}\r\n\r\nconst CtaItem = ({children, primary = false}) => (\r\n  <div\r\n    css={{\r\n      [media.between('small', 'large')]: {\r\n        paddingLeft: 20,\r\n      },\r\n\r\n      [media.greaterThan('xlarge')]: {\r\n        paddingLeft: 40,\r\n      },\r\n\r\n      '&:first-child': {\r\n        textAlign: 'center',\r\n        paddingRight: 7,\r\n        paddingLeft: 7,\r\n        [media.lessThan('small')]: {\r\n          marginBottom: 10,\r\n        },\r\n      },\r\n\r\n      '&:nth-child(2)': {\r\n        paddingRight: 7,\r\n        paddingLeft: 7,\r\n        [media.greaterThan('small')]: {\r\n          paddingLeft: 15,\r\n        },\r\n        [media.lessThan('small')]: {\r\n          marginBottom: 10,\r\n        },\r\n      },\r\n    }}>\r\n    {children}\r\n  </div>\r\n);\r\n\r\nexport const pageQuery = graphql`\r\n  query IndexMarkdown {\r\n    marketing: allMarkdownRemark(\r\n      filter: {fileAbsolutePath: {regex: \"//en/home/marketing/.*(.md)$/\"}}\r\n      sort: {fields: [frontmatter___order], order: ASC}\r\n    ) {\r\n      edges {\r\n        node {\r\n          frontmatter {\r\n            title\r\n          }\r\n          html\r\n        }\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nexport default Home;\r\n\r\nconst sectionStyles = {\r\n  marginTop: 20,\r\n  marginBottom: 15,\r\n\r\n  [media.greaterThan('medium')]: {\r\n    marginTop: 60,\r\n    marginBottom: 65,\r\n  },\r\n};\r\n\r\nconst headingStyles = {\r\n  '&&': {\r\n    marginBottom: 20,\r\n  },\r\n};\r\n","/**\r\n * Copyright (c) 2013-present, Facebook, Inc.\r\n *\r\n * @emails react-core\r\n */\r\n\r\nimport TitleAndMetaTags from './TitleAndMetaTags';\r\n\r\nexport default TitleAndMetaTags;\r\n","/**\r\n * Copyright (c) 2013-present, Facebook, Inc.\r\n *\r\n * @emails react-core\r\n * @flow\r\n */\r\n\r\nimport Helmet from 'react-helmet';\r\nimport React from 'react';\r\n\r\n// const defaultDescription = 'A JavaScript library for building user interfaces';\r\n\r\ntype Props = {\r\n  title: string,\r\n  ogDescription: string,\r\n  ogUrl: string,\r\n};\r\n\r\nconst TitleAndMetaTags = ({title, ogDescription, ogUrl}: Props) => {\r\n  return (\r\n    <Helmet title={title}>\r\n      <meta property=\"og:title\" content={title} />\r\n      <meta property=\"og:type\" content=\"website\" />\r\n      {ogUrl && <meta property=\"og:url\" content={ogUrl} />}\r\n      <meta property=\"og:image\" content=\"/logo-og.png\" />\r\n      <meta\r\n        property=\"og:description\"\r\n        // content={ogDescription || defaultDescription}\r\n        content={ogDescription}\r\n      />\r\n      <meta property=\"fb:app_id\" content=\"623268441017527\" />\r\n    </Helmet>\r\n  );\r\n};\r\n\r\nexport default TitleAndMetaTags;\r\n","/**\r\n * Copyright (c) 2013-present, Facebook, Inc.\r\n *\r\n * @emails react-core\r\n * @flow\r\n */\r\n\r\nimport {urlRoot} from 'site-constants';\r\n\r\nexport default (slug: string): string | null =>\r\n  slug == null ? null : `${urlRoot}/${slug.replace(/^\\//, '')}`;\r\n","/**\r\n * Copyright (c) 2013-present, Facebook, Inc.\r\n *\r\n * @emails react-core\r\n */\r\n\r\nimport ButtonLink from './ButtonLink';\r\n\r\nexport default ButtonLink;\r\n","/**\r\n * Copyright (c) 2013-present, Facebook, Inc.\r\n *\r\n * @emails react-core\r\n */\r\n\r\nimport {Link} from 'gatsby';\r\nimport React from 'react';\r\nimport {colors, media} from 'theme';\r\n\r\nconst ArrowSvg = ({cssProps = {}}) => (\r\n  <svg\r\n    css={cssProps}\r\n    height=\"12\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    viewBox=\"0 0 4.53657 8.69699\">\r\n    <path\r\n      d={`\r\n        M.18254,8.697a.18149.18149,0,0,1-.12886-.31034L4.09723,4.34126.05369.29954a.18149.18149,\r\n        0,0,1,.2559-.2559L4.4838,4.21785a.18149.18149,0,0,1,0,.2559L.30958,8.648A.18149.18149,\r\n        0,0,1,.18254,8.697Z\r\n      `}\r\n      fill=\"currentColor\"\r\n    />\r\n  </svg>\r\n);\r\n\r\nconst ButtonLink = ({children, type, ...rest}) => {\r\n  let typeStyle;\r\n  switch (type) {\r\n    case 'primary':\r\n      typeStyle = primaryStyle;\r\n      break;\r\n    case 'secondary':\r\n      typeStyle = secondaryStyle;\r\n      break;\r\n  }\r\n\r\n  return (\r\n    <Link {...rest} css={[style, typeStyle]}>\r\n      {children}\r\n      {type === 'secondary' && <ArrowSvg cssProps={{marginLeft: 10}} />}\r\n    </Link>\r\n  );\r\n};\r\n\r\nconst style = {\r\n  display: 'inline-block',\r\n  fontSize: 16,\r\n\r\n  [media.greaterThan('xlarge')]: {\r\n    fontSize: 20,\r\n  },\r\n};\r\n\r\nconst primaryStyle = {\r\n  backgroundColor: colors.brand,\r\n  color: colors.black,\r\n  padding: '10px 25px',\r\n  whiteSpace: 'nowrap',\r\n  transition: 'background-color 0.2s ease-out',\r\n\r\n  [media.greaterThan('xlarge')]: {\r\n    paddingTop: 15,\r\n    paddingBottom: 15,\r\n  },\r\n\r\n  ':hover': {\r\n    backgroundColor: colors.white,\r\n  },\r\n};\r\n\r\nconst secondaryStyle = {\r\n  color: colors.brand,\r\n  transition: 'color 0.2s ease-out',\r\n\r\n  ':hover': {\r\n    color: colors.white,\r\n  },\r\n};\r\n\r\nexport default ButtonLink;\r\n","/**\r\n * Copyright (c) 2013-present, Facebook, Inc.\r\n *\r\n * This source code is licensed under the MIT license found in the\r\n * LICENSE file in the root directory of this source tree.\r\n *\r\n * @emails react-core\r\n */\r\n\r\nexport default url =>\r\n  new Promise((resolve, reject) =>\r\n    document.head.appendChild(\r\n      Object.assign(document.createElement('script'), {\r\n        async: true,\r\n        src: url,\r\n        onload: resolve,\r\n        onerror: reject,\r\n      }),\r\n    ),\r\n  );\r\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0xMS41IC0xMC4yMzE3NCAyMyAyMC40NjM0OCI+DQogIDx0aXRsZT5SZWFjdCBMb2dvPC90aXRsZT4NCiAgPGNpcmNsZSBjeD0iMCIgY3k9IjAiIHI9IjIuMDUiIGZpbGw9IiNmZmYiLz4NCiAgPGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiPg0KICAgIDxlbGxpcHNlIHJ4PSIxMSIgcnk9IjQuMiIvPg0KICAgIDxlbGxpcHNlIHJ4PSIxMSIgcnk9IjQuMiIgdHJhbnNmb3JtPSJyb3RhdGUoNjApIi8+DQogICAgPGVsbGlwc2Ugcng9IjExIiByeT0iNC4yIiB0cmFuc2Zvcm09InJvdGF0ZSgxMjApIi8+DQogIDwvZz4NCjwvc3ZnPg0K\""],"sourceRoot":""}