{"size": 4180, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "frictionlessdata/libraries", "max_stars_repo_stars_event_min_datetime": "2021-04-07T15:02:53.000Z", "max_stars_repo_stars_event_max_datetime": "2021-10-14T20:16:44.000Z", "max_issues_repo_path": "src/pages/index.js", "max_issues_repo_name": "frictionlessdata/libraries", "max_issues_repo_issues_event_min_datetime": "2021-05-28T16:34:20.000Z", "max_issues_repo_issues_event_max_datetime": "2021-08-19T07:08:26.000Z", "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "frictionlessdata/libraries", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 7, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 35.7264957265, "max_line_length": 139, "alphanum_fraction": 0.5418660287}
/**
 * Copyright (c) 2017-present, Facebook, Inc.
 *
 * This source code is licensed under the MIT license found in the
 * LICENSE file in the root directory of this source tree.
 */

import React from "react";
import Link from "@docusaurus/Link";
import useDocusaurusContext from "@docusaurus/useDocusaurusContext";
import useBaseUrl from "@docusaurus/useBaseUrl";
import Image from "@theme/IdealImage";
import Layout from "@theme/Layout";
import classnames from "classnames";
import styles from "./styles.module.css";

function Home() {
  const context = useDocusaurusContext();
  const { siteConfig: { customFields = {}, tagline } = {} } = context;

  return (
    <Layout
      title={tagline}
      permalink="/"
      description={customFields.description}
    >
      <div className={styles.hero}>
        <div className={styles.heroInner}>
          <h1 className={styles.heroProjectTagline}>
            <img
              alt="Docusaurus with Keytar"
              className={styles.heroLogo}
              src={useBaseUrl("img/example.png")}
            />
            Data <span className={styles.heroProjectKeywords}>libraries</span>
            <br />
            for 10 platforms
          </h1>
          <div className={styles.indexCtas}>
            <Link
              className={styles.indexCtasGetStartedButton}
              to={useBaseUrl("docs/table-schema/python")}
            >
              Get Started
            </Link>
            <span className={styles.indexCtasGitHubButtonWrapper}>
              <iframe
                className={styles.indexCtasGitHubButton}
                src="https://ghbtns.com/github-btn.html?user=frictionlessdata&amp;repo=project&amp;type=star&amp;count=true&amp;size=large"
                width={160}
                height={30}
                title="GitHub Stars"
              />
            </span>
          </div>
        </div>
      </div>
      <div className={classnames(styles.announcement, styles.announcementDark)}>
        <div className={styles.announcementInner}>
          Data integration libraries for 10 programming languages that implement
          Frictionless Data concepts in code.
        </div>
      </div>
      <div className={styles.section}>
        <div className="container text--center">
          <div className="row">
            <div className="col">
              <a href="docs/table-schema/python">
                <img
                  className={styles.featureImage}
                  alt="Specifications"
                  src={useBaseUrl("img/table-schema.png")}
                />
                <h3 className="padding-top--md">Table Schema</h3>
              </a>
              <p className="padding-horiz--md">
                A simple format to declare a schema for tabular data. The schema
                is designed to be expressible in JSON or YAML.
              </p>
            </div>
            <div className="col">
              <a href="docs/data-package/python">
                <img
                  className={styles.featureImage}
                  alt="Specifications"
                  src={useBaseUrl("img/data-package.png")}
                />
                <h3 className="padding-top--md">Data Package</h3>
              </a>
              <p className="padding-horiz--md">
                A simple container format for describing a coherent collection
                of data in a single package of data resources.
              </p>
            </div>
            <div className="col">
              <a href="docs/other-libraries/frictionless-ckan-mapper">
                <img
                  className={styles.featureImage}
                  alt="Specifications"
                  src={useBaseUrl("img/misc.png")}
                />
                <h3 className="padding-top--md">Other Libraries</h3>
              </a>
              <p className="padding-horiz--md">
                Frictionless Data provides other usefull libraries to work with
                data usually written in Python or JavaScript.
              </p>
            </div>
          </div>
        </div>
      </div>
    </Layout>
  );
}

export default Home;
