render()

in website/pages/en/index.js [17:76]

• 53 lines of code
• 1 McCabe index (conditional complexity)

  render() {
    const {siteConfig, language = ''} = this.props;
    const {baseUrl, docsUrl} = siteConfig;

    const SplashContainer = props => (
      <div className="homeContainer">
        <div className="homeSplashFade">
          <div className="wrapper homeWrapper">{props.children}</div>
        </div>
      </div>
    );

    const Logo = props => (
      <div className="projectLogo">
        <img src={props.img_src} alt="Project Logo" />
      </div>
    );

    const TitleLogo = props => (
        <img src={props.img_src} alt="CrypTen"/>
    );

    const ProjectTitle = () => (
      <h2 className="projectTitle">
        <TitleLogo img_src={`${baseUrl}img/crypten-logo-full.png`} />
        <small>{siteConfig.tagline}</small>
      </h2>
    );

    const PromoSection = props => (
      <div className="section promoSection">
        <div className="promoRow">
          <div className="pluginRowBlock">{props.children}</div>
        </div>
      </div>
    );

    const Button = props => (
      <div className="pluginWrapper buttonWrapper">
        <a className="button" href={props.href} target={props.target}>
          {props.children}
        </a>
      </div>
    );

    return (
      <SplashContainer>
        <div className="inner">
          <ProjectTitle siteConfig={siteConfig} />
          <PromoSection>
            <Button href="https://github.com/facebookresearch/crypten">GitHub</Button>
            <Button href="https://crypten.readthedocs.io/en/latest/">Docs</Button>
          </PromoSection>
          <PromoSection>
            <Button href="#try">Get Started</Button>
          </PromoSection>
        </div>
      </SplashContainer>
    );
  }