render()

in website/pages/en/index.js [75:206]

• 129 lines of code
• 3 McCabe index (conditional complexity)

  render() {
    let language = this.props.language || "en";
    const showcase = siteConfig.users
      .filter(user => {
        return user.pinned;
      })
      .map(user => {
        return (
          <a href={user.infoLink}>
            <img src={user.image} title={user.caption} />
            <br/>
            {user.caption}
          </a>
        );
      });

    return (
      <div>
        <HomeSplash language={language} />
        <div className="mainContainer">
          <div className="descriptionSection paddingTop lightBackground" style={{ textAlign: "left" }} id="fast-download">
            <Container>
              <GridBlock align="center"
              contents={[
                {
                  content: "FastText is an open-source, free, lightweight library that allows users to learn text representations and text classifiers. It works on standard, generic hardware. Models can later be reduced in size to even fit on mobile devices.",
                  title: "What is fastText?",
                }
              ]}
              layout="twoColumn"
              />
            </Container>
          </div>
          <div
          className="productShowcaseSection paddingTop"
          style={{ textAlign: "center" }} id="fast-download"
          >
          <h2>
              <a href={siteConfig.baseUrl + "docs/en/english-vectors.html"}>Download pre-trained models</a>
          </h2>
          <Container>
            <GridBlock
            align="center"
            contents={[
              {
                content: "Pre-trained on English webcrawl and Wikipedia",
                image: siteConfig.baseUrl + "img/model-blue.png" ,
                imageAlign: "top",
                title: "[English word vectors](" + siteConfig.baseUrl + "docs/en/english-vectors.html)",
                imageLink: siteConfig.baseUrl + "docs/en/english-vectors.html",
                pinned : "true",
              },
              {
                content: "Pre-trained models for 157 different languages",
                image: siteConfig.baseUrl + "img/model-red.png",
                imageAlign: "top",
                title: "[Multi-lingual word vectors](" + siteConfig.baseUrl + "docs/en/crawl-vectors.html)",
                imageLink: siteConfig.baseUrl + "docs/en/crawl-vectors.html",
              },
            ]}
          layout="twoColumn"
            />
            </Container>
          </div>
          <div
          className="productShowcaseSection paddingTop lightBackground"
          style={{ textAlign: "center" }} id="more-info"
          >
          <h2>
              <a href={siteConfig.baseUrl + "docs/en/support.html"}>Help and references</a>
          </h2>
          <Container>
            <GridBlock
              align="center"
              contents={[
                {
                  content: "Learn how to use fastText",
                  image: siteConfig.baseUrl + "img/fasttext-icon-tutorial.png",
                  imageAlign: "top",
                  title: "[Tutorials](" + siteConfig.baseUrl + "docs/en/supervised-tutorial.html)",
                  imageLink: siteConfig.baseUrl + "docs/en/supervised-tutorial.html",
                },
                {
                  content: "Questions gathered from the community",
                  image: siteConfig.baseUrl + "img/fasttext-icon-faq.png",
                  imageAlign: "top",
                  title: "[Frequently Asked Questions](" + siteConfig.baseUrl + "docs/en/faqs.html)",
                  imageLink: siteConfig.baseUrl + "docs/en/faqs.html"
                },
                {
                  content: "In depth review of fastText commands",
                  image: siteConfig.baseUrl + "img/fasttext-icon-api.png",
                  imageAlign: "top",
                  title: "[API](" + siteConfig.baseUrl + "docs/en/api.html)",
                  imageLink: siteConfig.baseUrl + "docs/en/api.html",
                }

              ]}
              layout="threeColumn"
            />
          </Container>
          </div>
          <div className="productShowcaseSection paddingTop">
            <h2>
                <a href={siteConfig.baseUrl + "docs/en/references.html"}>References</a>
            </h2>
            <Container>
              <GridBlock
                align="left"
                contents={[
                  {
                    content: "P. Bojanowski, E. Grave, A. Joulin, T. Mikolov",
                    title: "[Enriching Word Vectors with Subword Information](https://arxiv.org/abs/1607.04606)",
                  },
                  {
                    content: "A. Joulin, E. Grave, P. Bojanowski, T. Mikolov",
                    title: "[Bag of Tricks for Efficient Text Classification](https://arxiv.org/abs/1607.01759)",
                  },
                  {
                    content: "A. Joulin, E. Grave, P. Bojanowski, M. Douze, H. Jegou, T. Mikolov",
                    title: "[FastText.zip: Compressing text classification models](https://arxiv.org/abs/1612.03651)",
                  }

                ]}
                layout="threeColumn"
              />
            </Container>
          </div>
        </div>
      </div>
    );
  }