src/pages/acknowledgements.html.js

/**
 * Copyright (c) Facebook, Inc. and its affiliates.
 *
 * @emails react-core
 */

import Layout from 'components/Layout';
import Container from 'components/Container';
import Header from 'components/Header';
import TitleAndMetaTags from 'components/TitleAndMetaTags';
import React from 'react';
import {urlRoot} from 'site-constants';
import {sharedStyles} from 'theme';

import names from '../../content/acknowledgements.yml';

const Acknowlegements = ({data, location}) => (
  <Layout location={location}>
    <Container>
      <div css={sharedStyles.articleLayout.container}>
        <div css={sharedStyles.articleLayout.content}>
          <Header>Acknowledgements</Header>
          <TitleAndMetaTags
            canonicalUrl={`${urlRoot}/acknowledgements.html`}
            title="React - Acknowledgements"
          />

          <div css={sharedStyles.markdown}>
            <p>We'd like to thank all of our contributors:</p>

            <ul
              css={{
                display: 'flex',
                flexWrap: 'wrap',
              }}>
              {names.map((name, index) => (
                <li
                  css={{
                    flex: '1 0 200px',
                  }}
                  key={index}>
                  {name}
                </li>
              ))}
            </ul>

            <p>In addition, we're grateful to</p>
            <ul>
              <li>
                <a href="https://github.com/jeffbski">Jeff Barczewski</a> for
                allowing us to use the{' '}
                <a href="https://www.npmjs.com/package/react">react</a> package
                name on npm.
              </li>
              <li>
                <a href="https://christopheraue.net/">Christopher Aue</a> for
                letting us use the{' '}
                <a href="https://reactjs.com/">reactjs.com</a> domain name and
                the <a href="https://twitter.com/reactjs">@reactjs</a> username
                on Twitter.
              </li>
              <li>
                <a href="https://github.com/ProjectMoon">ProjectMoon</a> for
                letting us use the{' '}
                <a href="https://www.npmjs.com/package/flux">flux</a> package
                name on npm.
              </li>
              <li>
                Shane Anderson for allowing us to use the{' '}
                <a href="https://github.com/react">react</a> org on GitHub.
              </li>
              <li>
                <a href="https://github.com/voronianski">Dmitri Voronianski</a>{' '}
                for letting us use the{' '}
                <a href="https://labs.voronianski.dev/oceanic-next-color-scheme/">
                  Oceanic Next
                </a>{' '}
                color scheme on this website.
              </li>
            </ul>
          </div>
        </div>
      </div>
    </Container>
  </Layout>
);

export default Acknowlegements;