feat: 🎸 Added governance page

Author: benhalverson

content/about/governance.md

@@ -0,0 +1,37 @@
+---
+title: Governance
+description: 'Project Governance | Node.js'
+authors: XhmikosR, fhemberger, thefourtheye, ryanmurakami, refack
+category: governance
+---
+## Consensus Seeking Process
+
+The Node.js project follows a [Consensus Seeking][] decision making model.
+
+## Collaborators
+
+The [nodejs/node][] core GitHub repository is maintained by the Collaborators
+who are added by the Technical Steering Committee ([TSC][]) on an ongoing basis.
+
+Individuals making significant and valuable contributions are made Collaborators
+and given commit-access to the project. These individuals are identified by the
+TSC and their nomination is discussed with the existing Collaborators.
+
+For the current list of Collaborators, see the project's [README.md][].
+
+A guide for Collaborators is maintained at [collaborator-guide.md][].
+
+## Top Level Committees
+
+The project is governed jointly by the [Technical Steering Committee (TSC)][]
+which is responsible for high-level guidance of the project, and the
+[Community Committee (CommComm)][] which is responsible for guiding and
+extending the Node.js community.
+
+[collaborator-guide.md]: https://github.com/nodejs/node/blob/master/doc/guides/collaborator-guide.md
+[Community Committee (CommComm)]: https://github.com/nodejs/community-committee/blob/master/Community-Committee-Charter.md
+[Consensus Seeking]: https://en.wikipedia.org/wiki/Consensus-seeking_decision-making
+[README.md]: https://github.com/nodejs/node/blob/master/README.md#current-project-team-members
+[Technical Steering Committee (TSC)]: https://github.com/nodejs/TSC/blob/master/TSC-Charter.md
+[TSC]: https://github.com/nodejs/TSC
+[nodejs/node]: https://github.com/nodejs/node

gatsby-node.js

@@ -26,6 +26,7 @@ exports.createPages = ({ graphql, actions }) => {
                       "trademark-policy"
                       "resources"
                       "privacy-policy"
+                      "governance"
                     ]
                   }
                 }

src/pages/governance.tsx

@@ -0,0 +1,46 @@
+import React from 'react';
+import { graphql } from 'gatsby';
+import { Page } from '../types';
+import Layout from '../components/Layout';
+import Article from '../components/Article';
+import Footer from '../components/Footer';
+import '../styles/article-reader.scss';
+
+export default function GovernancePage({ data }: Page): JSX.Element {
+  const { title, description } = data.page.frontmatter;
+  const { html, tableOfContents } = data.page;
+  const { authors } = data.page.fields;
+
+  return (
+    <>
+      <Layout title={title} description={description} showFooter={false}>
+        <main className="blog-container">
+          <Article
+            title={title}
+            html={html}
+            tableOfContents={tableOfContents}
+            authors={authors}
+            editPath="content/about/privacy.md"
+          />
+        </main>
+      </Layout>
+      <Footer />
+    </>
+  );
+}
+
+export const query = graphql`
+  query {
+    page: markdownRemark(fields: { slug: { eq: "governance" } }) {
+      html
+      tableOfContents(absolute: false, pathToSlugField: "frontmatter.path")
+      frontmatter {
+        title
+        description
+      }
+      fields {
+        authors
+      }
+    }
+  }
+`;