typescript-eslint · bradzacher · Oct 12, 2022 · Oct 10, 2022
diff --git a/.github/SPONSORSHIPS.md b/.github/SPONSORSHIPS.md
@@ -0,0 +1,39 @@
+# Sponsorship
+
+TypeScript ESLint is an entirely volunteer-run project.
+We are not associated with any company or organization; our development is funded solely from community donations.
+
+## Why Sponsor TypeScript ESLint?
+
+Our tooling is used by the vast majority of TypeScript applications today, including nearly 10,000 dependent projects and 20 million weekly downloads on npm.
+Our packages enable both ESLint and Prettier to run on TypeScript code.
+We additionally provide a comprehensive suite of TypeScript-focused ESLint rules that, by enabling access to TypeScript's type checking APIs, can detect classifications of application bugs more advanced than ESLint alone can.
+Sponsoring TypeScript ESLint helps keep our development process running reliably, which in turn directly allows us to:
+
+- Support new versions of TypeScript sooner after their release
+- Continue improving our documentation and first-run experiences
+- Fix bugs and add new features to existing rules
+- Write more advanced rules to solve more areas of application correctness
+
+## Sponsorship Limitations
+
+### Project Direction
+
+TypeScript ESLint is always appreciative of organizations sponsoring the project.
+However, we do not factor sponsorship amounts into issue prioritization or pull request reviews.
+If you have a need to push forward an area of work in TypeScript ESLint more urgently than a general donation can provide, consider donating engineering time as well.
+
+### Website Placement
+
+Our top sponsors may have their link, logo, and/or name featured on the homepage of https://typescript-eslint.io.
+We are inclusive by default and allow all organizations that newly meet a monetary threshold to be added.
+However, at our discretion, we may remove organizations we feel we cannot promote in good conscience.
+Organizations would most commonly be removed if their core charter and/or repeated organization-wide intentional activities:
+
+- Deny fundamental human rights
+- Repeatedly spread large-scale harmful misinformation online
+- Finance and/or promote other organizations that match these issues
+
+If you disagree with a choice made by the maintenance team, or would like a refund for your sponsorship, please let us know by emailing `typescripteslint@gmail.com`.
+
+> You can always view all financial contributors on [opencollective.com/typescript-eslint](https://opencollective.com/typescript-eslint).
diff --git a/packages/website/src/components/FinancialContributors/index.tsx b/packages/website/src/components/FinancialContributors/index.tsx
@@ -37,15 +37,25 @@ export function FinancialContributors(): JSX.Element {
           to="https://opencollective.com/typescript-eslint/contribute"
           target="_blank"
         >
-          Become a financial contributor
-        </Link>
-        <Link
-          className="button button--info button--outline"
-          to="https://opencollective.com/typescript-eslint"
-          target="_blank"
-        >
-          See all financial contributors
+          Become a financial sponsor
         </Link>
+        <div className={styles.linksMore}>
+          <Link
+            className="button button--info button--outline"
+            to="https://opencollective.com/typescript-eslint"
+            target="_blank"
+          >
+            See all financial sponsors
+          </Link>
+          <Link
+            className="button button--info button--outline"
+            title="Sponsorship docs"
+            to="https://github.com/typescript-eslint/typescript-eslint/blob/main/.github/SPONSORS.md"
+            target="_blank"
+          >
+            Docs
+          </Link>
+        </div>
       </div>
     </>
   );

diff --git a/packages/website/src/components/FinancialContributors/styles.module.css b/packages/website/src/components/FinancialContributors/styles.module.css
@@ -14,6 +14,12 @@
 
 .become {
   font-size: 1.25rem;
+  padding: 0.75rem 1.75rem;
+}
+
+.linksMore {
+  display: flex;
+  gap: 0.5rem;
 }
 
 @media screen and (min-width: 1150px) {