{"version":3,"file":"component---src-templates-default-project-tsx-5bb90ef8fa2995a46c16.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/dynamic-html-tag/dynamic-html-tag.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/get-in-touch.tsx","webpack://gravitywell-website-2019/./src/components/get-in-touch/index.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-uppercase.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-underlined.tsx","webpack://gravitywell-website-2019/./src/components/page-top-article-heading/page-top-article-heading.tsx","webpack://gravitywell-website-2019/./src/templates/DefaultProject.tsx"],"sourcesContent":["import * as React from \"react\";\n\ninterface IProps {\n  className?: string;\n  htmlTag: string;\n  children: React.ReactChild;\n}\n\nconst DynamicHtmlTag = ({\n  htmlTag, children, className\n}: IProps) =>\n  React.createElement(`${htmlTag}`, { className }, children);\n\nexport default DynamicHtmlTag;\n","import * as React from \"react\";\nimport { useEffect } from \"react\";\nimport { Helmet } from \"react-helmet\";\n\nimport styled from \"../../theme/styled\";\nimport { HeadingUnderlined } from \"../heading\";\nimport Icon from \"../icon\";\nimport Link from \"../link\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport {\n  FullWidthWrapper,\n  MediumColumnWidthWrapper\n} from \"../confines-wrappers\";\n\ninterface IProps {\n  title: string;\n  slogan: string;\n  links: React.ReactNode[];\n}\n\ndeclare global {\n  // allow Tally to be used in window\n  interface Window { Tally: any; }\n}\n\nconst GetInTouch: React.FC<IProps> = ({\n  title, slogan, links\n}) => {\n  // Load Tally embeds\n  useEffect(() => {\n    if (window.Tally) {\n      window.Tally.loadEmbeds();\n    }\n  }, []);\n\n  return (\n    <GetInTouchContainer\n      className=\"content-container\"\n      id=\"get-in-touch\"\n    >\n      <MediumColumnWidthWrapper>\n        <HeadingUnderlined\n          headingTag=\"h2\"\n          title={title}\n        />\n\n        <div className=\"column-container\">\n          <div className=\"column\">\n            <p className=\"got-an-idea\">\n              {slogan}\n\n              <br />\n              Let’s talk!\n\n              <br />\n\n              <span className=\"contact-details\">\n                <span className=\"off-screen\">\n                  Call us on:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"telephone\"\n                  href=\"tel:+441173790309\"\n                  type=\"inline\"\n                >\n                  +44 (0)117 379 0309\n                </Link>\n\n                <br />\n\n                <span className=\"off-screen\">\n                  Or email us:\n                  {\" \"}\n                </span>\n\n                <Link\n                  className=\"email\"\n                  href=\"mailto:hello@gravitywell.co.uk\"\n                  type=\"inline\"\n                >\n                  hello@gravitywell.co.uk\n                </Link>\n              </span>\n\n              <br />\n\n              <span className=\"off-screen\">\n                Want to\n                {\" \"}\n              </span>\n\n              <span className=\"learn-more\">\n                Learn more?\n              </span>\n            </p>\n\n            <ul className=\"learn-more-links\">\n              {links.map((link, i) => (\n                <li key={i}>\n                  {link}\n                </li>\n              ))}\n            </ul>\n\n            <span className=\"icon\">\n              <Icon\n                icon=\"lightbulb\"\n                size={4.2}\n              />\n            </span>\n          </div>\n\n          <div className=\"column\">\n            <div className=\"form-container\">\n              <Helmet>\n                <script src=\"https://tally.so/widgets/embed.js\" />\n              </Helmet>\n\n              <iframe\n                data-tally-src=\"https://tally.so/embed/nWrPga?hideTitle=1&transparentBackground=1&dynamicHeight=1\"\n                loading=\"lazy\"\n                width=\"100%\"\n                height=\"762\"\n                frameBorder=\"0\"\n                title=\"Gravitywell Website Contact Form\"\n              />\n            </div>\n          </div>\n        </div>\n      </MediumColumnWidthWrapper>\n    </GetInTouchContainer>\n  );\n};\n\nexport default GetInTouch;\n\nconst GetInTouchContainer = styled(FullWidthWrapper)`\n  background-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"altLightGrey\"\n    })};\n\n  .column-container {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    padding-top: 10%;\n\n    .form-container {\n      display: flex;\n      width: 100%;\n    }\n\n    .column {\n      transition: 0.2s ease-in-out;\n      padding-top: 7.2rem;\n      width: 100%;\n      max-width: 42rem;\n\n      &:first-child {\n        position: relative;\n        padding-top: 0;\n      }\n      \n\n      .got-an-idea {\n        margin-bottom: 0;\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n        font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        .contact-details {\n          display: block;\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .telephone,\n          .email {\n            display: inline-block;\n          }\n\n          .telephone {\n            padding-top: 1.2em;\n          }\n\n          .email {\n            padding-top: 0.4rem;\n          }\n        }\n\n        .learn-more {\n          display: block;\n          padding-top: 2.2rem;\n        }\n      }\n\n      .learn-more-links {\n        padding-top: 2.2rem;\n        padding-left: 0;\n        padding-bottom: 0;\n        list-style: none;\n        color: ${({ theme }) => 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: \"light\"\n    })};\n        line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"large\"\n    })};\n\n        li {\n          padding-top: 1.2rem;\n          margin-bottom: 0;\n\n          a {\n            color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"brandColor\"\n    })};\n          }\n        }\n      }\n\n      .icon {\n        display: none;\n        position: absolute;\n        top: -1.2rem;\n        left: 0;\n      }\n\n      iframe {\n        width: 100% !important;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .column-container {\n      padding-top: 5.2rem;\n    }\n  }\n\n  @media (min-width: 768px) {\n    .column-container {\n      flex-direction: row;\n      justify-content: space-between;\n      align-items: normal;\n      padding-top: 7.2rem;\n\n      .column {\n        padding-top: 0;\n        width: 50%;\n        max-width: none;\n\n        &:first-child {\n          padding-left: 5.6rem;\n          padding-right: 2%;\n        }\n\n        &:last-child {\n          padding-left: 2%;\n          max-width: 50rem;\n        }\n\n        .icon {\n          display: block;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .column-container {\n      padding-top: 9.8rem;\n\n      .column {\n        &:first-child {\n          padding-left: 7.2rem;\n        }\n\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .column-container {\n      .column {\n        .got-an-idea {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n\n          .contact-details {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n\n            .email {\n              padding-top: 0.4rem;\n            }\n          }\n        }\n\n        .learn-more-links {\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n        }\n      }\n    }\n  }\n`;\n","import * as React from \"react\";\n\nimport Link from \"../link\";\nimport { default as GetInTouch } from \"./get-in-touch\";\n\ninterface IGetInTouchProps {\n  title?: string;\n  slogan?: string;\n  links?: IGetInTouchLinkProps[];\n}\n\nexport interface IGetInTouchLinkProps {\n  href: string;\n  text: string;\n}\n\n/**\n * Get in touch wrapper\n */\nconst GetInTouchWrapper: React.FC<IGetInTouchProps> = ({\n  title,\n  slogan,\n  links\n}) => {\n  const parsedLinks: IGetInTouchLinkProps[] = React.useMemo(() => {\n    const defaultLinks = [\n      {\n        href: \"/insights\",\n        text: \"Insights\"\n      },\n      {\n        href: \"/about-us\",\n        text: \"Meet the team\"\n      }\n    ];\n\n    return links || defaultLinks;\n  }, [ links ]);\n\n  return (\n    <GetInTouch\n      title={title || \"Get in Touch\"}\n      slogan={slogan || \"Got a great idea for a project?\"}\n      links={parsedLinks.map((link, i) => (\n        <Link\n          key={i}\n          href={link.href}\n        >\n          {link.text}\n        </Link>\n      ))}\n    />\n  );\n};\n\nexport default GetInTouchWrapper;\n","import * as React from \"react\";\n\nimport styled, { css } from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  fontLineHeightHelper,\n  fontSpaceHelper\n} from \"../../theme/theme-helper\";\n\ninterface IProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    React.HTMLAttributes<HTMLParagraphElement> {\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n  color?: keyof IThemeColour;\n}\n\ninterface IHeadingStyled {\n  color?: IProps[\"color\"];\n}\n\n/**\n * How you benefit\n */\nconst HeadingUppercase: React.FC<IProps> = ({\n  as, children, ...rest\n}) => {\n  switch (as) {\n    case \"h1\":\n      return (\n        <H1Styled {...rest}>\n          {children}\n        </H1Styled>\n      );\n\n    case \"h2\":\n      return (\n        <H2Styled {...rest}>\n          {children}\n        </H2Styled>\n      );\n\n    case \"h3\":\n      return (\n        <H3Styled {...rest}>\n          {children}\n        </H3Styled>\n      );\n\n    case \"h4\":\n      return (\n        <H4Styled {...rest}>\n          {children}\n        </H4Styled>\n      );\n\n    case \"h5\":\n      return (\n        <H5Styled {...rest}>\n          {children}\n        </H5Styled>\n      );\n\n    case \"h6\":\n      return (\n        <H6Styled {...rest}>\n          {children}\n        </H6Styled>\n      );\n\n    case \"p\":\n      return (\n        <PStyled {...rest}>\n          {children}\n        </PStyled>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst headingStyling = css<IHeadingStyled>`\n  ${({ theme, color }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: color || \"black\"\n  })}\n    font-size: ${fontSizeHelper({\n    theme,\n    variant: \"small_3\"\n  })};\n    font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"regular\"\n  })};\n    line-height: ${fontLineHeightHelper({\n    theme,\n    variant: \"default\"\n  })};\n    letter-spacing: ${fontSpaceHelper({\n    theme,\n    variant: \"medium\"\n  })};\n    text-transform: uppercase;\n\n    @media (min-width: 768px) {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  `}\n`;\n\nconst H1Styled = styled.h1<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H2Styled = styled.h2`\n  ${headingStyling}\n`;\n\nconst H3Styled = styled.h3<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H4Styled = styled.h4<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H5Styled = styled.h5<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H6Styled = styled.h6<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst PStyled = styled.p<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nexport default HeadingUppercase;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\n\nexport type HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ninterface IProps {\n  className?: string;\n  headingTag: HeadingTag;\n  title: string;\n  textColor?: keyof IThemeColour;\n  hrColor?: keyof IThemeColour;\n}\n\ninterface IHeadingWrapper {\n  textColor: keyof IThemeColour;\n  hrColor: keyof IThemeColour;\n}\n\nconst HeadingWrapper = styled<IHeadingWrapper, any>(DynamicHtmlTag)`\n  transition: 0.2s ease-in-out;\n  margin: 0;\n  color: ${({ theme, textColor }) =>\n    colourHelper({\n      theme,\n      variant: textColor\n    })};\n  font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n  font-weight: ${({ theme }) => fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n  line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n  text-align: center;\n\n  .text {\n    display: block;\n  }\n\n  .underline {\n    display: block;\n    margin: 2.2rem auto 0;\n    width: 5rem;\n    height: 0.5rem;\n    background-color: ${({ theme, hrColor }) =>\n    colourHelper({\n      theme,\n      variant: hrColor\n    })};\n  }\n\n  @media (min-width: 600px) {\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n  }\n\n  @media (min-width: 960px) {\n    font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n  }\n`;\n\nconst HeadingUnderlined = (props: IProps) => (\n  <HeadingWrapper\n    className={props.className}\n    htmlTag={props.headingTag}\n    textColor={props.textColor || \"black\"}\n    hrColor={props.hrColor || \"brandColor\"}\n  >\n    <>\n      <span className=\"text\">\n        {props.title}\n      </span>\n\n      <span className=\"underline\" />\n    </>\n  </HeadingWrapper>\n);\n\nexport default HeadingUnderlined;\n","import moment from \"moment\";\nimport * as React from \"react\";\n\nimport { IFieldProjectTag } from \"../../pages/projects\";\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { HalfColumnWidthWrapper } from \"../confines-wrappers\";\nimport { IFieldTechnicalArticleColumnType } from \"../field-technical-article/field-technical-article\";\n\ninterface IProps {\n  className?: string;\n  type: IFieldTechnicalArticleColumnType;\n  title: string;\n  authoredOn?: string;\n  authoredBy?: string;\n  tags?: IFieldProjectTag[];\n}\n\ninterface IAuthoredOn {\n  authoredOn: string | undefined;\n}\n\ninterface IAuthoredBy {\n  authoredBy: string | undefined;\n}\n\ninterface ITags {\n  tags: IFieldProjectTag[] | undefined;\n}\n\ninterface IPageTopArticleHeadingContainer {\n  type: IFieldTechnicalArticleColumnType;\n  hasAuthoredOn: boolean;\n}\n\nconst PageTopArticleHeadingContainer = styled<\n  IPageTopArticleHeadingContainer,\n  \"div\"\n>(\"div\")`\n  padding-top: 10%;\n  padding-bottom: 10%;\n\n  .content-wrapper {\n    position: relative;\n\n    .heading,\n    .tags,\n    .authored-on,\n    .authored-by {\n      transition: 0.2s ease-in-out;\n      color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n    }\n\n    .authored-on,\n    .authored-by,\n    .tags {\n      display: block;\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n    }\n\n    .heading {\n      margin: 0;\n      padding-top: ${props =>\n    props.hasAuthoredOn && props.type === \"basic\" ? \"2rem\" : \"0\"};\n      font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_1\"\n      }) :\n      ({ theme }) => 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: \"small\"\n    })};\n    }\n\n    .authored-on {\n      position: absolute;\n      top: 0;\n      left: 2rem;\n      font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_1\"\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-by {\n      padding-top: 1.8rem;\n    }\n\n    .tags {\n      display: flex;\n      flex-direction: row;\n      flex-wrap: wrap;\n      padding-left: 0;\n      padding-bottom: 0;\n      padding-top: 6%;\n      list-style: none;\n\n      li {\n        margin-bottom: 0;\n        padding-right: 0.2em;\n        padding-top: 0.4rem;\n\n        &:after {\n          content: \", \";\n        }\n\n        &:last-child {\n          padding-right: 0;\n\n          &:after {\n            content: \"\";\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 375px) {\n    .content-wrapper {\n      .heading {\n        padding-top: ${props =>\n    props.hasAuthoredOn && props.type === \"basic\" ? \"2.4rem\" : \"0\"};\n        font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_2\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_3\"\n      })};\n      }\n\n      .authored-by {\n        padding-top: 2rem;\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .content-wrapper {\n      .heading {\n        font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"title\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"display_2\"\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      .tags {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n      }\n\n      .authored-by {\n        padding-top: 2.2em;\n      }\n\n      .tags {\n        padding-top: 2.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .content-wrapper {\n      .heading {\n        padding-top: ${props =>\n    props.hasAuthoredOn && props.type === \"basic\" ? \"3rem\" : \"0\"};\n        font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"subhead_3\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"display_3\"\n      })};\n      }\n\n      .authored-by {\n        padding-top: 2.2em;\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    padding-top: 8.8rem;\n    padding-bottom: 8.8rem;\n\n    .content-wrapper {\n      .heading {\n        font-size: ${props =>\n    props.type === \"basic\" ?\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"display_1\"\n      }) :\n      ({ theme }) => fontSizeHelper({\n        theme,\n        variant: \"display_4\"\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      .tags {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n      }\n    }\n  }\n`;\n\nconst AuthoredOn = ({ authoredOn }: IAuthoredOn) => {\n  let date = \"\";\n\n  if (!authoredOn) {\n    return null;\n  }\n\n  // Set the date\n  date = moment.utc(authoredOn).format(\"D MMM YYYY\");\n\n  return (\n    <span className=\"authored-on\">\n      <span className=\"off-screen\">\n        Published on\n        {\" \"}\n      </span>\n\n      <time dateTime={authoredOn}>\n        {date}\n      </time>\n    </span>\n  );\n};\n\nconst AuthoredBy = ({ authoredBy }: IAuthoredBy) => {\n  if (!authoredBy) {\n    return null;\n  }\n\n  return (\n    <span className=\"authored-by\">\n      {`By ${authoredBy}`}\n    </span>\n  );\n};\n\nconst Tags = ({ tags }: ITags) => {\n  if (!tags) {\n    return null;\n  }\n\n  return (\n    <ul className=\"tags\">\n      {tags &&\n        tags.map((tag: IFieldProjectTag, i: number) => {\n          return (\n            <li key={i}>\n              {tag.name}\n            </li>\n          );\n        })}\n    </ul>\n  );\n};\n\nconst PageTopArticleHeading = ({\n  className,\n  type,\n  title,\n  authoredOn,\n  authoredBy,\n  tags\n}: IProps) => (\n  <PageTopArticleHeadingContainer\n    type={type}\n    className={className}\n    hasAuthoredOn={authoredOn ? true : false}\n  >\n    <HalfColumnWidthWrapper className=\"content-wrapper\">\n      <p className=\"heading\">\n        {title}\n      </p>\n\n      <AuthoredOn authoredOn={authoredOn} />\n\n      <AuthoredBy authoredBy={authoredBy} />\n\n      <Tags tags={tags} />\n    </HalfColumnWidthWrapper>\n  </PageTopArticleHeadingContainer>\n);\n\nexport default PageTopArticleHeading;\n","import { graphql } from \"gatsby\";\nimport React from \"react\";\nimport { useWindowDimensions } from \"@gravitywelluk/react-hooks\";\n\nimport FieldTechnicalArticle from \"../components/field-technical-article\";\nimport Footer from \"../components/footer\";\nimport GetInTouch from \"../components/get-in-touch\";\nimport Header from \"../components/header\";\nimport HelmetWrapper from \"../components/helmet-wrapper\";\nimport {\n  articleSchema,\n  breadCrumbSchema\n} from \"../components/html-schema-snippets\";\nimport Layout from \"../components/layout\";\nimport PageTop from \"../components/page-top\";\nimport PageTopArticleHeading from \"../components/page-top-article-heading\";\nimport { IProjectData } from \"../pages/projects\";\nimport { DynamicImageSrcString } from \"./utils/dynamicImage\";\n\ninterface IProjectPostData {\n  nodeProject: IProjectData;\n}\n\n/**\n * Project\n */\nconst Project = ({ data }: { data: IProjectPostData }) => {\n  const { width } = useWindowDimensions();\n  const project = data.nodeProject;\n  const tags = project.relationships.field_project_tags;\n\n  const articleSchemaData = articleSchema({\n    type: \"Article\",\n    title: project.title,\n    description: project.field_meta_description,\n    path: project.path.alias,\n    datePublished: project.created,\n    dateModified: project.changed,\n    author:\n      project.relationships.author.relationships.profile__team_profile[ 0 ]\n        .field_full_name,\n    imageUrls: [ DynamicImageSrcString(project.relationships.field_cover_image) ]\n  });\n\n  const breadcrumbsSchemaData = breadCrumbSchema([\n    {\n      name: \"Projects\",\n      path: \"/projects\"\n    },\n    {\n      name: project.title,\n      path: project.path.alias\n    }\n  ]);\n\n  const schemaJson = [ breadcrumbsSchemaData, articleSchemaData ];\n\n  /**\n   * Dynamic background image depending the devices width\n   */\n  const backgroundImg = React.useMemo(() => {\n    if (width && width < 600) {\n      return DynamicImageSrcString(project.relationships.field_mobile_hero_image);\n    }\n\n    return DynamicImageSrcString(project.relationships.field_hero_image);\n  }, [\n    project.relationships.field_hero_image,\n    project.relationships.field_mobile_hero_image,\n    width\n  ]);\n\n  return (\n    <Layout className=\"project\">\n      <>\n        <HelmetWrapper\n          title={project.title}\n          description={project.field_meta_description}\n          ogType=\"article\"\n          ogImage={project.relationships.field_meta_image}\n          updatedAt={project.changed}\n          canonicalPath={project.path.alias}\n        >\n          <script type=\"application/ld+json\">\n            {JSON.stringify(schemaJson)}\n          </script>\n        </HelmetWrapper>\n\n        <header\n          role=\"banner\"\n          id=\"hero\"\n        >\n          <Header\n            initialLogo\n            initialTheme=\"dark\"\n          />\n\n          <PageTop\n            backgroundImage={backgroundImg}\n            overlayColor=\"black\"\n            height=\"small\"\n          >\n            <PageTopArticleHeading\n              className=\"top-content\"\n              type=\"project\"\n              title={project.title}\n              tags={tags}\n            />\n          </PageTop>\n\n        </header>\n\n        <main\n          id=\"main-content\"\n          role=\"main\"\n        >\n          <h1 className=\"off-screen\">\n            {project.title}\n          </h1>\n\n          <FieldTechnicalArticle\n            type=\"project\"\n            paragraphs={project.relationships.field_technical_article}\n          />\n        </main>\n\n        <footer role=\"contentinfo\">\n          <GetInTouch />\n\n          <Footer />\n        </footer>\n      </>\n    </Layout>\n  );\n};\n\nexport default Project;\n\nexport const query = graphql`\n  query($slug: String!) {\n    nodeProject(path: { alias: { eq: $slug } }) {\n      ...getProjectData\n    }\n  }\n`;\n"],"names":["htmlTag","children","className","React","title","slogan","links","useEffect","window","Tally","loadEmbeds","GetInTouchContainer","id","headingTag","href","type","map","link","i","key","icon","size","Helmet","src","loading","width","height","frameBorder","styled","FullWidthWrapper","theme","colourHelper","variant","fontSizeHelper","fontWeightHelper","fontLineHeightHelper","parsedLinks","text","headingStyling","css","color","fontSpaceHelper","H1Styled","H2Styled","H3Styled","H4Styled","H5Styled","H6Styled","PStyled","as","rest","HeadingWrapper","DynamicHtmlTag","textColor","hrColor","props","PageTopArticleHeadingContainer","hasAuthoredOn","AuthoredOn","date","authoredOn","moment","format","dateTime","AuthoredBy","authoredBy","Tags","tags","tag","name","data","useWindowDimensions","project","nodeProject","relationships","field_project_tags","articleSchemaData","articleSchema","description","field_meta_description","path","alias","datePublished","created","dateModified","changed","author","profile__team_profile","field_full_name","imageUrls","DynamicImageSrcString","field_cover_image","schemaJson","breadCrumbSchema","backgroundImg","field_mobile_hero_image","field_hero_image","ogType","ogImage","field_meta_image","updatedAt","canonicalPath","JSON","stringify","role","initialLogo","initialTheme","backgroundImage","overlayColor","paragraphs","field_technical_article"],"sourceRoot":""}