{"version":3,"file":"3198f7efcac9812398500333d9990c0866bd85da-ae6bf8ca1f658d12dcb8.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/article-teaser/article-teaser.tsx","webpack://gravitywell-website-2019/./src/components/articles-grid/articles-grid.tsx","webpack://gravitywell-website-2019/./src/components/collapse-tags/collapse-tags.tsx","webpack://gravitywell-website-2019/./src/components/stay-in-the-loop/stay-in-the-loop.tsx","webpack://gravitywell-website-2019/./src/pages/latest.tsx"],"sourcesContent":["import React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { IArticleData } from \"../articles-grid/articles-grid\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\nimport DynamicImage from \"../dynamic-image\";\nimport Link from \"../link\";\n\ninterface IProps extends IArticleData {\n  htmlHeadingTag?: string;\n}\n\nconst ArticleWrapper = styled.div`\n  * {\n    margin-bottom: 0;\n  }\n\n  .article-wrapper {\n    .article {\n      position: relative;\n      margin: 0 auto;\n      padding-top: 75%;\n      max-width: 56rem;\n\n      .heading {\n        position: relative;\n\n        .title {\n          padding-top: 2.4rem;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n        }\n\n        span {\n          display: block;\n        }\n\n        .authored-on {\n          position: absolute;\n          z-index: 2;\n          top: 0;\n          left: 0;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n          letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n          text-transform: uppercase;\n        }\n\n        .authored-on,\n        .authored-by {\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"lightGrey\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        }\n\n        .authored-by {\n          padding-top: 1.4rem;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n      }\n\n      .image {\n        position: absolute;\n        z-index: 2;\n        top: 0;\n        left: 0;\n        width: 100%;\n\n        a {\n          display: block;\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n\n          .authored-on {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n          }\n\n          .authored-by {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n\n          .authored-on {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          }\n\n          .authored-by {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst ArticleTeaser = ({\n  htmlHeadingTag,\n  created,\n  path,\n  title,\n  author,\n  cover\n}: IProps) => {\n  return (\n    <ArticleWrapper className=\"article-container\">\n      <div className=\"article-wrapper\">\n        <article className=\"article\">\n          <div className=\"heading\">\n            <DynamicHtmlTag\n              htmlTag={htmlHeadingTag ? htmlHeadingTag : \"h2\"}\n              className=\"title\"\n            >\n              <Link\n                type=\"inline\"\n                color=\"black\"\n                underlinecolor=\"brandColor\"\n                href={path}\n              >\n                {title}\n              </Link>\n            </DynamicHtmlTag>\n\n            {author && (\n              <span className=\"authored-by\">\n                By\n                {\" \"}\n\n                {author}\n\n                <span className=\"off-screen\">\n                  .\n                </span>\n              </span>\n            )}\n          </div>\n\n          <div className=\"image\">\n            <Link\n              type=\"none\"\n              href={path}\n            >\n              <DynamicImage\n                data={cover}\n                alt={title}\n              />\n            </Link>\n          </div>\n        </article>\n      </div>\n    </ArticleWrapper>\n  );\n};\n\nexport default ArticleTeaser;\n","import React from \"react\";\n\nimport {\n  IFluid,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport styled from \"../../theme/styled\";\nimport ArticleTeaser from \"../article-teaser\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\n\ninterface IProps {\n  articles: IArticleData[];\n  headingTag?: string;\n}\n\nexport interface IArticleData {\n  created: string;\n  path: string;\n  title: string;\n  author?: string;\n  cover: ILocalFile<IFluid>;\n  headingTag?: string;\n}\n\nconst ArticlesGridContainer = styled.div`\n  transition: 0.2s ease-in-out;\n\n  .articles-grid-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    .article-container {\n      transition: 0.2s ease-in-out;\n      padding-top: 16%;\n\n      &:first-child {\n        padding-top: 0;\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .articles-grid-wrapper {\n      .article-container {\n        padding-top: 8.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .articles-grid-wrapper {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-evenly;\n\n      .article-container {\n        padding-top: 6.8rem;\n        width: 50%;\n\n        &:nth-child(-n + 2) {\n          padding-top: 0;\n        }\n\n        &:nth-child(odd) {\n          padding-right: 2%;\n\n          &:last-child {\n            padding-left: 1%;\n            padding-right: 1%;\n          }\n        }\n\n        &:nth-child(even) {\n          padding-left: 2%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .articles-grid-wrapper {\n      .article-container {\n        padding-top: 8.2rem;\n        width: 33.33%;\n\n        &:nth-child(-n + 3) {\n          padding-top: 0;\n        }\n\n        &:nth-child(3n + 1) {\n          padding-left: 0;\n          padding-right: 2%;\n\n          &:last-child {\n            padding-left: 1%;\n            padding-right: 1%;\n          }\n        }\n\n        &:nth-child(3n + 2) {\n          padding-left: 1%;\n          padding-right: 1%;\n\n          &:last-child {\n            padding-left: 2%;\n            padding-right: 0;\n          }\n        }\n\n        &:nth-child(3n + 3) {\n          padding-left: 2%;\n          padding-right: 0;\n\n          &:last-child {\n            padding-left: 2%;\n            padding-right: 0;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .articles-grid-wrapper {\n      .article-container {\n        padding-top: 9.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .articles-grid-wrapper {\n      .article-container {\n        padding-top: 12.2rem;\n      }\n    }\n  }\n`;\n\nconst ArticlesGrid = ({ articles, headingTag }: IProps) => {\n  return (\n    <ArticlesGridContainer className=\"articles-grid-container\">\n      <FullWidthColumnWrapper className=\"articles-grid-wrapper\">\n        {articles.map((article: IArticleData, i) => {\n          return (\n            <ArticleTeaser\n              key={i}\n              created={article.created}\n              path={article.path}\n              title={article.title}\n              htmlHeadingTag={headingTag}\n              author={article.author}\n              cover={article.cover}\n            />\n          );\n        })}\n      </FullWidthColumnWrapper>\n    </ArticlesGridContainer>\n  );\n};\n\nexport default ArticlesGrid;\n","import {\n  Column,\n  Row\n} from \"hedron\";\nimport * as React from \"react\";\nimport styled, { keyframes } from \"styled-components\";\n\nimport { colourHelper } from \"../../theme/theme-helper\";\nimport { MediumColumnWidthWrapper } from \"../confines-wrappers\";\nimport Icon from \"../icon/icon\";\nimport Link from \"../link\";\nimport Text from \"../text\";\n\ninterface ITag {\n  node: {\n    name: string;\n    path: {\n      alias: string;\n    };\n  };\n}\n\ninterface IProps {\n  tags: ITag[];\n  root: string;\n  rootTerm: string;\n}\n\ninterface IState {\n  visible: boolean;\n  collapse: boolean;\n}\n\nconst initialState: IState = {\n  visible: false,\n  collapse: true\n};\n\nconst Tags = styled(Row)`\n  width: 100%;\n  margin: 30px 0 50px 0;\n`;\n\nconst Tag = styled(Column)`\n  padding-top: 10px;\n  a {\n    text-decoration: none;\n    color: inherit;\n    padding-bottom: 6px;\n\n    &:hover {\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n    }\n\n    &.active {\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })};\n      border-bottom: 2px solid\n        ${({ theme }) => colourHelper({\n    theme,\n    variant: \"brandColor\"\n  })}80;\n    }\n  }\n`;\n\nconst SlideIn = keyframes`\n  to {\n    transform: translateY(0)\n  }\n`;\n\nconst Collapse = styled.nav`\n  position: fixed;\n  width: 100%;\n  display: flex;\n  padding: 15px 0;\n  justify-content: center;\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })};\n  z-index: 99;\n\n  transition: all 0.3s ease-in-out;\n  transform: translateY(-100%);\n  animation: ${SlideIn} ease-in-out 0.2s forwards;\n\n  .icon {\n    cursor: pointer;\n  }\n`;\n\nconst CollapsedTags = styled.div``;\n\nconst Overlay = styled.div`\n  height: 100vh;\n  position: fixed;\n  width: 100%;\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })}90;\n  z-index: -1;\n  top: 0;\n  left: 0;\n`;\n\nconst CloseTags = styled.div`\n  display: flex;\n  padding: 30px 0;\n  justify-content: center;\n\n  .icon {\n    margin: 0 10px;\n  }\n`;\n\nclass CollapseTags extends React.Component<IProps> {\n  public readonly state: IState = initialState;\n\n  public componentDidMount() {\n    window.addEventListener(\"scroll\", () => this.handleScroll());\n  }\n\n  public render() {\n    const {\n      root, rootTerm, tags\n    } = this.props;\n\n    const { visible, collapse } = this.state;\n    let navDom: HTMLElement | null = null;\n\n    // Fixes build issue\n    if (typeof document === \"undefined\" || !visible) {\n      return null;\n    }\n\n    // Set the navDom\n    navDom = document.getElementById(\"navigation-container\");\n\n    return (\n      <Collapse style={{ top: navDom ? navDom.offsetHeight : 0 }}>\n        {collapse ? (\n          <CollapsedTags onClick={() => this.toggleCollapse()}>\n            <Icon\n              className=\"icon\"\n              icon=\"tags\"\n              size={1.5}\n            />\n          </CollapsedTags>\n        ) : (\n          <>\n            <Overlay />\n\n            <MediumColumnWidthWrapper>\n              <Tags\n                tagName=\"ul\"\n                divisions={10}\n              >\n                <Tag\n                  tagName=\"li\"\n                  fluid\n                  divisions={10}\n                  xs={5}\n                  sm={2}\n                >\n                  <Text fontSize=\"body_1\">\n                    <Link\n                      type=\"none\"\n                      activeClassName=\"active\"\n                      href={root}\n                    >\n                      {rootTerm}\n                    </Link>\n                  </Text>\n                </Tag>\n\n                {tags.map((tag: ITag, index: number) => (\n                  <Tag\n                    tagName=\"li\"\n                    fluid\n                    divisions={10}\n                    xs={5}\n                    sm={2}\n                    key={index}\n                  >\n                    <Text fontSize=\"body_1\">\n                      <Link\n                        type=\"none\"\n                        activeClassName=\"active\"\n                        href={tag.node.path.alias}\n                      >\n                        {tag.node.name}\n                      </Link>\n                    </Text>\n                  </Tag>\n                ))}\n              </Tags>\n\n              <CloseTags onClick={() => this.toggleCollapse()}>\n                <Icon\n                  className=\"icon\"\n                  icon=\"tags\"\n                  size={1.5}\n                />\n\n                <Icon\n                  className=\"icon\"\n                  icon=\"close\"\n                  size={1.5}\n                />\n              </CloseTags>\n            </MediumColumnWidthWrapper>\n          </>\n        )}\n      </Collapse>\n    );\n  }\n\n  private toggleCollapse() {\n    this.setState({ collapse: !this.state.collapse });\n  }\n\n  private handleScroll() {\n    const navDom = document.getElementById(\"navigation-container\");\n    const heroDom = document.getElementById(\"hero\");\n    const windowPageYOffset: number = window.pageYOffset;\n    let heroDomOffsetHeight = 0;\n    let navDomOffsetHeight = 0;\n    let navYOffset = 0;\n    // let navHeroPageYOffsetPercentage: number = 0;\n\n    // If there is a hero DOM, work out the scrollTop and compare it to the\n    // hero's height and set state accordingly\n    if (navDom && heroDom) {\n      heroDomOffsetHeight = heroDom.offsetHeight;\n      navDomOffsetHeight = navDom.offsetHeight;\n      navYOffset = heroDomOffsetHeight - navDomOffsetHeight;\n\n      if (windowPageYOffset >= navYOffset) {\n        this.setState({ visible: true });\n      } else {\n        this.setState({ visible: false });\n      }\n    } else {\n      this.setState({ visible: false });\n    }\n  }\n}\n\nexport default CollapseTags;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { ColumnWidthWrapper } from \"../confines-wrappers\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\n\nconst StayInTheLoopWrapper = styled.div`\n  .stay-in-the-loop-wrapper {\n    background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"soliel\"\n    })};\n\n    .stay-in-the-loop {\n      position: relative;\n      margin: 0 auto;\n      max-width: 48rem;\n\n      h2,\n      h3 {\n        margin: 0;\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      }\n\n      h2 {\n        margin: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_3\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      }\n\n      h3,\n      .copy {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"regular\"\n    })};\n      }\n\n      h3 {\n        position: absolute;\n        left: -99999rem;\n        text-indent: -99999rem;\n      }\n\n      .copy {\n        margin: 0;\n        padding-top: 0.8em;\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n      }\n\n      .newsletter-signup-form {\n        padding-top: 2.4rem;\n\n        .field-row {\n          padding-top: 2rem;\n\n          &:first-child {\n            padding-top: 0;\n          }\n        }\n\n        input[type=\"email\"] {\n          padding: 1.6rem 1.8rem;\n          width: 100%;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n          background: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"white\"\n    })};\n          border: none;\n          outline: none;\n\n          &::-webkit-input-placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n\n          &::-moz-placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n\n          &:-ms-input-placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n\n          &:-moz-placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n\n          &::placeholder {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"midGrey\"\n    })};\n          }\n        }\n\n        button {\n          display: inline-block;\n          padding: 0.4rem 0 0.4rem;\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n          background: transparent;\n          outline: none;\n          border: transparent;\n          border-bottom: 0.2rem solid\n            ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColorLight\"\n    })};\n          cursor: pointer;\n\n          &:hover {\n            border-bottom-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      .privacy-policy-text {\n        margin: 0;\n        padding-top: 3.2rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      }\n\n      .icon {\n        display: none !important;\n        position: absolute;\n        bottom: 0;\n        right: 4.2rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .stay-in-the-loop-wrapper {\n      .stay-in-the-loop {\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n        }\n\n        .icon {\n          display: inline-block !important;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .stay-in-the-loop-wrapper {\n      .stay-in-the-loop {\n        max-width: none;\n        overflow: hidden;\n\n        .column-left,\n        .column-right {\n          width: 50%;\n        }\n\n        .column-left {\n          float: left;\n          clear: left;\n          padding-right: 2%;\n        }\n\n        .column-right {\n          float: right;\n          clear: right;\n          padding-left: 2%;\n        }\n\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n        }\n\n        h3,\n        .copy {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        }\n\n        h3 {\n          position: static;\n          padding-top: 2rem;\n          text-indent: 0;\n        }\n\n        .newsletter-signup-form {\n          padding-top: 3rem;\n\n          .field-row {\n            padding-top: 2.8rem;\n          }\n\n          input[type=\"email\"] {\n            padding-top: 2rem;\n            padding-bottom: 2rem;\n          }\n        }\n\n        .icon {\n          position: static;\n          box-sizing: content-box;\n          padding-top: 4.2rem;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .stay-in-the-loop-wrapper {\n      .stay-in-the-loop {\n        h2 {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n        }\n\n        h3,\n        .copy {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n        }\n\n        .newsletter-signup-form {\n          input[type=\"email\"] {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          }\n\n          button {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\n/**\n * Stay in the loop class component\n */\nconst StayInTheLoop = () => {\n  return (\n    <StayInTheLoopWrapper className=\"stay-in-the-loop-container\">\n      <div className=\"content-container stay-in-the-loop-wrapper\">\n        <ColumnWidthWrapper>\n          <div className=\"stay-in-the-loop\">\n            <div className=\"column-left\">\n              <h2>\n                Stay in the loop\n              </h2>\n\n              <p className=\"copy\">\n                Advice and insights for innovators and change-makers\n              </p>\n            </div>\n\n            <div className=\"column-right\">\n              <h3>\n                Newsletter sign up\n              </h3>\n\n              <form\n                className=\"newsletter-signup-form\"\n                action=\"https://gravitywell.us3.list-manage.com/subscribe/post\"\n                method=\"POST\"\n              >\n                <div className=\"field-row\">\n                  <input\n                    type=\"email\"\n                    name=\"MERGE0\"\n                    placeholder=\"Enter your email\"\n                  />\n                </div>\n\n                <div className=\"field-row\">\n                  <input\n                    type=\"hidden\"\n                    name=\"u\"\n                    value=\"c18fa34a44acaa24637bbd5d1\"\n                  />\n\n                  <input\n                    type=\"hidden\"\n                    name=\"id\"\n                    value=\"6b2d541b64\"\n                  />\n\n                  <button\n                    type=\"submit\"\n                    name=\"submit\"\n                  >\n                    Subscribe\n                  </button>\n                </div>\n              </form>\n            </div>\n\n            <div className=\"column-left\">\n              <p className=\"privacy-policy-text\">\n                <span className=\"off-screen\">\n                  Click here to\n                  {\" \"}\n                </span>\n                View our\n\n                {\" \"}\n\n                <Link\n                  type=\"inline\"\n                  href=\"/privacy-policy\"\n                >\n                  privacy policy\n                </Link>\n                .\n              </p>\n\n              <Icon\n                className=\"icon\"\n                icon=\"satellite\"\n                size={6}\n              />\n            </div>\n          </div>\n        </ColumnWidthWrapper>\n      </div>\n    </StayInTheLoopWrapper>\n  );\n};\n\nexport default StayInTheLoop;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport styled from \"styled-components\";\n\nimport {\n  IFixed,\n  IFluid,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport { IImageMeta } from \"../types/local-files\";\nimport HeroTags from \"../components/hero-tags\";\nimport ArticlesGrid from \"../components/articles-grid\";\nimport { IArticleData } from \"../components/articles-grid/articles-grid\";\nimport CollapseTags from \"../components/collapse-tags/collapse-tags\";\nimport { FullWidthColumnWrapper } from \"../components/confines-wrappers\";\nimport { IFieldTechnicalArticle } from \"../components/field-technical-article/field-technical-article\";\nimport Footer from \"../components/footer\";\nimport FullWidthTeaser from \"../components/full-width-teaser\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport { breadCrumbSchema } from \"../components/html-schema-snippets\";\nimport Layout from \"../components/layout\";\nimport PageTop from \"../components/page-top\";\nimport Pagination from \"../components/pagination\";\nimport StayInTheLoop from \"../components/stay-in-the-loop/stay-in-the-loop\";\nimport getProfile from \"../templates/utils/getProfile\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../theme/theme-helper\";\nimport { IProfileData } from \"./about-us\";\n\nexport interface IBlogArticleData {\n  title: string;\n  id: string;\n  created: string;\n  changed: string;\n  field_featured: boolean;\n  field_approx_reading_time: string;\n  path: {\n    alias: string;\n  };\n  field_meta_description: string;\n  field_cover_image: IImageMeta;\n  field_cover_excerpt: string;\n  relationships: {\n    field_technical_article: IFieldTechnicalArticle[];\n    field_latest_tags?: IFieldLatestTag[];\n    author: IProfileData;\n    field_meta_image?: ILocalFile<IFixed>;\n    field_cover_image: ILocalFile<IFluid>;\n    field_hero_image: ILocalFile<IFixed>;\n    field_mobile_hero_image: ILocalFile<IFixed>;\n    field_latest_related_content: Array<{\n      title: string;\n      created: string;\n      path: {\n        alias: string;\n      };\n      relationships: {\n        author: IProfileData;\n        field_cover_image: ILocalFile<IFluid>;\n      };\n    }>;\n  };\n}\n\nexport interface IFieldLatestTag {\n  name: string;\n  path: {\n    alias: string;\n  };\n}\n\nexport interface INodeData {\n  node: IBlogArticleData;\n}\n\nexport interface ITaxonomyTermLatest {\n  node: {\n    name: string;\n    path: {\n      alias: string;\n    };\n  };\n}\n\ninterface ILatestProps {\n  totalLatest: {\n    totalCount: number;\n  };\n  nodeLatestOverview: {\n    created: string;\n    changed: string;\n    title: string;\n    field_hero_heading: string;\n    field_meta_description: string;\n    relationships: {\n      field_featured_latest_article: IBlogArticleData;\n    };\n  };\n  allNodeBlogArticle: {\n    edges: INodeData[];\n  };\n  allTaxonomyTermLatest: {\n    edges: ITaxonomyTermLatest[];\n  };\n}\n\nexport const PageTopCustom = styled.div`\n  .top-content {\n    padding-top: 10%;\n    padding-bottom: 10%;\n\n    .heading {\n      transition: 0.2s ease-in-out;\n      display: block;\n      margin-bottom: 0;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"black\"\n  })};\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n    }\n  }\n\n  @media (min-width: 768px) {\n    .top-content {\n      padding-top: 8.8rem;\n      padding-bottom: 8.8rem;\n\n      .heading {\n        max-width: 66rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_2\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n      }\n\n      .hero-tags-container {\n        li {\n          width: 20%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .top-content {\n      .heading {\n        max-width: 76rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 1024px) {\n    .top-content {\n      .heading {\n        max-width: 84rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_4\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .top-content {\n      .heading {\n        max-width: 94rem;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_5\"\n    })};\n      }\n    }\n  }\n`;\n\nexport const ArticlesGridWrapper = styled.div`\n  .articles-grid-container {\n    padding-top: 16%;\n    padding-bottom: 16%;\n  }\n\n  @media (min-width: 568px) {\n    .articles-grid-container {\n      padding-top: 8.8rem;\n      padding-bottom: 8.8rem;\n    }\n  }\n\n  @media (min-width: 600px) {\n    .articles-grid-container {\n      padding-top: 9.6rem;\n      padding-bottom: 9.6rem;\n    }\n  }\n`;\n\nconst Latest = ({ data }: { data: ILatestProps }) => {\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Latest\",\n      path: \"/latest\"\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData ];\n\n  const featuredArticle =\n    data.nodeLatestOverview.relationships.field_featured_latest_article;\n\n  const filteredArticles = data.allNodeBlogArticle.edges.filter(edge => {\n    return edge.node.id !== featuredArticle.id;\n  });\n\n  // Add the featured article to the start of the filteredArticles list\n  filteredArticles.unshift({ node: featuredArticle });\n\n  return (\n    <Layout className=\"latest\">\n      <>\n        <HelmetWrapper\n          title={data.nodeLatestOverview.title}\n          description={data.nodeLatestOverview.field_meta_description}\n          updatedAt={data.nodeLatestOverview.changed}\n          canonicalPath=\"/latest\"\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header\n          role=\"banner\"\n          id=\"header\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"light\"\n          />\n\n          <PageTopCustom id=\"hero\">\n            <PageTop\n              gradient=\"lightPinkPurple\"\n              height=\"small\"\n            >\n              <FullWidthColumnWrapper className=\"top-content\">\n                <p className=\"heading\">\n                  {data.nodeLatestOverview.field_hero_heading}\n                </p>\n\n                <HeroTags\n                  initialTheme=\"light\"\n                  featuredPath=\"/latest\"\n                  tags={data.allTaxonomyTermLatest.edges.map(tag => {\n                    return {\n                      name: tag.node.name,\n                      path: tag.node.path.alias\n                    };\n                  })}\n                />\n              </FullWidthColumnWrapper>\n            </PageTop>\n          </PageTopCustom>\n\n          <CollapseTags\n            root=\"/latest\"\n            rootTerm=\"Everything\"\n            tags={data.allTaxonomyTermLatest.edges}\n          />\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            {data.nodeLatestOverview.title}\n          </h1>\n\n          {filteredArticles.slice(0, 6).map((post: INodeData, i) => {\n            const featured: boolean = i === 0;\n            const profile = getProfile(post.node.relationships.author);\n\n            return (\n              <FullWidthTeaser\n                key={post.node.id}\n                created={post.node.created}\n                path={post.node.path.alias}\n                title={post.node.title}\n                author={profile.field_full_name}\n                cover={post.node.relationships.field_cover_image}\n                alt={post.node.field_cover_image.alt}\n                featured={featured}\n                excerpt={post.node.field_cover_excerpt}\n              />\n            );\n          })}\n\n          <ArticlesGridWrapper>\n            <ArticlesGrid\n              articles={filteredArticles.slice(6, 12).map((post: INodeData) => {\n                const profile = getProfile(post.node.relationships.author);\n\n                const articleObj: IArticleData = {\n                  created: post.node.created,\n                  path: post.node.path.alias,\n                  title: post.node.title,\n                  author: profile.field_full_name,\n                  cover: post.node.relationships.field_cover_image\n                };\n\n                return articleObj;\n              })}\n            />\n          </ArticlesGridWrapper>\n\n          <aside>\n            <StayInTheLoop />\n          </aside>\n\n          <ArticlesGridWrapper>\n            <ArticlesGrid\n              articles={filteredArticles\n                .slice(12, 18)\n                .map((post: INodeData) => {\n                  const profile = getProfile(post.node.relationships.author);\n\n                  const articleObj: IArticleData = {\n                    created: post.node.created,\n                    path: post.node.path.alias,\n                    title: post.node.title,\n                    author: profile.field_full_name,\n                    cover: post.node.relationships.field_cover_image\n                  };\n\n                  return articleObj;\n                })}\n            />\n          </ArticlesGridWrapper>\n\n          <aside>\n            <FullWidthColumnWrapper>\n              <Pagination\n                current={0}\n                total={data.totalLatest.totalCount}\n                limit={18}\n                slug=\"/latest\"\n              />\n            </FullWidthColumnWrapper>\n          </aside>\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport const query = graphql`\n  query latestQuery($latestLimit: Int = 18, $tagLimit: Int = 4) {\n    totalLatest: allNodeBlogArticle {\n      totalCount\n    }\n    nodeLatestOverview {\n      created\n      changed\n      title\n      field_hero_heading\n      field_meta_description\n      relationships {\n        field_featured_latest_article {\n          ...getLatestData\n        }\n      }\n    }\n    ...getAllBlogs\n    ...getLatestTags\n  }\n`;\n\nexport default Latest;\n"],"names":["ArticleWrapper","styled","theme","fontSizeHelper","variant","fontWeightHelper","fontLineHeightHelper","fontSpaceHelper","colourHelper","htmlHeadingTag","path","created","title","author","cover","className","htmlTag","type","color","underlinecolor","href","data","alt","ArticlesGridContainer","articles","headingTag","map","article","i","key","initialState","visible","collapse","Tags","Row","Tag","Column","SlideIn","keyframes","Collapse","CollapsedTags","Overlay","CloseTags","CollapseTags","state","componentDidMount","window","addEventListener","handleScroll","render","navDom","this","props","root","rootTerm","tags","document","getElementById","style","top","offsetHeight","onClick","toggleCollapse","icon","size","tagName","divisions","fluid","xs","sm","fontSize","activeClassName","tag","index","node","alias","name","setState","heroDom","windowPageYOffset","pageYOffset","React","StayInTheLoopWrapper","action","method","placeholder","value","PageTopCustom","ArticlesGridWrapper","schemaJson","breadCrumbSchema","featuredArticle","nodeLatestOverview","relationships","field_featured_latest_article","filteredArticles","allNodeBlogArticle","edges","filter","edge","id","unshift","description","field_meta_description","updatedAt","changed","canonicalPath","JSON","stringify","role","initialLogo","initialTheme","gradient","height","field_hero_heading","featuredPath","allTaxonomyTermLatest","slice","post","featured","profile","getProfile","field_full_name","field_cover_image","excerpt","field_cover_excerpt","current","total","totalLatest","totalCount","limit","slug"],"sourceRoot":""}