diff --git a/.cspell.json b/.cspell.json
index c6623037c42c..c5bd12a5c9ab 100644
--- a/.cspell.json
+++ b/.cspell.json
@@ -63,6 +63,7 @@
"bivariant",
"blockless",
"blurple",
+ "bradzacher",
"camelcase",
"Cena",
"codebases",
@@ -88,6 +89,8 @@
"IDE's",
"IIFE",
"IIFEs",
+ "jameshenry",
+ "joshuakgoldberg",
"linebreaks",
"lzstring",
"markdownlint",
@@ -95,6 +98,7 @@
"necroing",
"nocheck",
"noninteractive",
+ "Nrwl",
"nullish",
"onboarded",
"OOM",
diff --git a/docs/maintenance/Team.mdx b/docs/maintenance/Team.mdx
new file mode 100644
index 000000000000..3fd2d66d8a80
--- /dev/null
+++ b/docs/maintenance/Team.mdx
@@ -0,0 +1,98 @@
+---
+id: team
+title: Team
+---
+
+import { TeamBioDivider } from '@site/src/components/team/TeamBioDivider';
+import { TeamBioList } from '@site/src/components/team/TeamBioList';
+
+The typescript-eslint organization is an independent open source project. Its
+members are volunteer open source developers dedicated to making the
+TypeScript linting experience great.
+
+
+
+## Maintainers
+
+
+
+
+
+## Committers
+
+
+
+
+
+## Join Us
+
+We're always looking for developers to add to the team.
+If you're interest in becoming a committer, go ahead and get started with our [Contributing guide](../Contributing.mdx).
+[Contributor Tiers](./Contributor_Tiers.mdx) describes the expectations for entering and then staying at any contributor tier.
+
+
+
+## Sponsor Us
+
+As an independent open source project, funding for our work comes from the community.
+We're eternally grateful to every individual and organization able to help us keep working.
+
+See [`.github/SPONSORSHIPS.md`](https://github.com/typescript-eslint/typescript-eslint/blob/main/.github/SPONSORSHIPS.md) for documentation on how and why to sponsor us.
+
+You can find our biggest sponsors on [typescript-eslint.io > Financial Contributors](https://typescript-eslint.io/#financial-contributors).
+More can be found on [our Open Collective](https://opencollective.com/typescript-eslint).
diff --git a/package.json b/package.json
index f43185c96c6c..5bfe9b4181e6 100644
--- a/package.json
+++ b/package.json
@@ -117,7 +117,7 @@
"tslint": "^6.1.3",
"tsx": "^4.6.2",
"typescript": ">=4.3.5 <5.4.0",
- "yargs": "17.7.1"
+ "yargs": "17.7.2"
},
"resolutions": {
"@jest/create-cache-key-function": "^29",
diff --git a/packages/website-eslint/package.json b/packages/website-eslint/package.json
index ecd3a502b886..23f9035f86ae 100644
--- a/packages/website-eslint/package.json
+++ b/packages/website-eslint/package.json
@@ -33,7 +33,7 @@
"@typescript-eslint/scope-manager": "6.20.0",
"@typescript-eslint/typescript-estree": "6.20.0",
"@typescript-eslint/visitor-keys": "6.20.0",
- "esbuild": "~0.19.0",
+ "esbuild": "~0.20.0",
"eslint": "*",
"esquery": "*",
"prettier": "^3.0.3",
diff --git a/packages/website/sidebars/sidebar.base.js b/packages/website/sidebars/sidebar.base.js
index db6fc529db8c..b4f68f1ac8dc 100644
--- a/packages/website/sidebars/sidebar.base.js
+++ b/packages/website/sidebars/sidebar.base.js
@@ -130,6 +130,7 @@ module.exports = {
},
type: 'category',
},
+ 'maintenance/team',
],
label: 'Maintenance',
link: {
diff --git a/packages/website/src/components/team/TeamBio.module.css b/packages/website/src/components/team/TeamBio.module.css
new file mode 100644
index 000000000000..15aeadac6577
--- /dev/null
+++ b/packages/website/src/components/team/TeamBio.module.css
@@ -0,0 +1,50 @@
+.teamBio {
+ --square-size: 9rem;
+
+ display: flex;
+ flex-direction: column;
+ max-width: var(--square-size);
+}
+
+.profilePhoto {
+ height: var(--square-size);
+ width: var(--square-size);
+}
+
+.texts {
+ display: flex;
+ flex-direction: column;
+ gap: 0.5rem;
+ margin-top: 0.75rem;
+}
+
+.name {
+ font-size: 0.9rem;
+}
+
+.description {
+ font-size: 0.85rem;
+}
+
+.services {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 0.5rem;
+ list-style-type: none;
+ padding-left: 0;
+}
+
+.serviceIconLink {
+ transition: opacity 200ms;
+}
+
+.serviceIconLink:not(:focus, :hover) {
+ opacity: 0.7;
+}
+
+.serviceIcon {
+ --size: 1.25rem;
+
+ height: var(--size);
+ width: var(--size);
+}
diff --git a/packages/website/src/components/team/TeamBio.tsx b/packages/website/src/components/team/TeamBio.tsx
new file mode 100644
index 000000000000..c06016a0f4e9
--- /dev/null
+++ b/packages/website/src/components/team/TeamBio.tsx
@@ -0,0 +1,46 @@
+import React from 'react';
+
+import styles from './TeamBio.module.css';
+
+export interface BioEntry {
+ description: string;
+ links?: [string, string][];
+ name: string;
+ username: string;
+}
+
+export function TeamBio({
+ description,
+ links = [],
+ name,
+ username,
+}: BioEntry): React.JSX.Element {
+ return (
+
+ 
+
+
{name}
+
{description}
+
+ {[['github', `https://github.com/${username}`] as const, ...links]
+ .sort(([a], [b]) => a.localeCompare(b))
+ .map(([service, url]) => (
+ -
+
+
+
+
+ ))}
+
+
+ );
+}
diff --git a/packages/website/src/components/team/TeamBioDivider.module.css b/packages/website/src/components/team/TeamBioDivider.module.css
new file mode 100644
index 000000000000..6c1bb6d2680d
--- /dev/null
+++ b/packages/website/src/components/team/TeamBioDivider.module.css
@@ -0,0 +1,4 @@
+.teamBioDivider {
+ border-bottom: 1px solid var(--ifm-color-emphasis-200);
+ margin: 3rem 0;
+}
diff --git a/packages/website/src/components/team/TeamBioDivider.tsx b/packages/website/src/components/team/TeamBioDivider.tsx
new file mode 100644
index 000000000000..99897fb9810e
--- /dev/null
+++ b/packages/website/src/components/team/TeamBioDivider.tsx
@@ -0,0 +1,7 @@
+import React from 'react';
+
+import styles from './TeamBioDivider.module.css';
+
+export function TeamBioDivider(): React.JSX.Element {
+ return
;
+}
diff --git a/packages/website/src/components/team/TeamBioList.module.css b/packages/website/src/components/team/TeamBioList.module.css
new file mode 100644
index 000000000000..a2815486a787
--- /dev/null
+++ b/packages/website/src/components/team/TeamBioList.module.css
@@ -0,0 +1,29 @@
+.description {
+ font-size: 1.25rem;
+}
+
+.bios {
+ --ifm-list-item-margin: 0;
+
+ display: flex;
+ gap: 1.5rem;
+ padding-left: 0;
+}
+
+@media screen and (width >= 1200px) {
+ .teamBioList {
+ display: flex;
+ gap: clamp(2rem, 2.5vw, 5rem);
+ }
+
+ .texts {
+ width: clamp(20rem, 35vw, 35rem);
+ }
+
+ .bios {
+ flex-wrap: wrap;
+ gap: clamp(1rem, 2.5vw, 3rem);
+ width: 100%;
+ margin-top: -3.5rem;
+ }
+}
diff --git a/packages/website/src/components/team/TeamBioList.tsx b/packages/website/src/components/team/TeamBioList.tsx
new file mode 100644
index 000000000000..1c870ab233e5
--- /dev/null
+++ b/packages/website/src/components/team/TeamBioList.tsx
@@ -0,0 +1,31 @@
+import React from 'react';
+
+import type { BioEntry } from './TeamBio';
+import { TeamBio } from './TeamBio';
+import styles from './TeamBioList.module.css';
+
+export interface TeamBioListProps {
+ bios: BioEntry[];
+ description: string;
+ explanation: string;
+}
+
+export function TeamBioList({
+ bios,
+ description,
+ explanation,
+}: TeamBioListProps): React.JSX.Element {
+ return (
+
+
+
{description}
+
{explanation}
+
+
+ {bios.map(bio => (
+
+ ))}
+
+