Add About Page

docusaurus.config.js

@@ -5,7 +5,7 @@ const lightCodeTheme = themes.github;
 const darkCodeTheme = themes.dracula;
 
 /** @type {import('@docusaurus/types').Config} */
-const config = {
+export default {
   title: "conda.org",
   tagline: "Package and environment management for any language and platform",
   url: "https://conda.org",
@@ -39,29 +39,29 @@ const config = {
     format: "detect",
   },
 
+  stylesheets: [
+    "https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css",
+  ],
+
   presets: [
     [
       "classic",
       /** @type {import('@docusaurus/preset-classic').Options} */
-      ({
+      {
         docs: {
           path: "learn",
           routeBasePath: "learn",
           sidebarPath: "./learn/_sidebar.js",
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
           editUrl: "https://github.com/conda-incubator/conda-dot-org/tree/main",
         },
         blog: {
           showReadingTime: true,
-          // Please change this to your repo.
-          // Remove this to remove the "edit this page" links.
           editUrl: "https://github.com/conda-incubator/conda-dot-org/tree/main",
         },
         theme: {
           customCss: require.resolve("./src/css/custom.css"),
         },
-      }),
+      },
     ],
   ],
 
@@ -77,7 +77,7 @@ const config = {
         items: [
           {
             // type=doc entries need a docId that corresponds to
-            // a filename under docs/, without extension
+            // a filename under docs (see preset config for docs), without extension
             type: "doc",
             docId: "faq",
             position: "left",
@@ -89,6 +89,12 @@ const config = {
             label: "Community",
           },
           { to: "/blog", label: "Blog", position: "left" },
+          {
+            type: "doc",
+            docId: "about",
+            position: "left",
+            label: "About",
+          },
           {
             href: "https://github.com/conda",
             label: "GitHub",
@@ -184,6 +190,7 @@ const config = {
         debug: false, // Set debug to true if you want to inspect the modal
       },
     }),
+
   plugins: [
     [
       "@docusaurus/plugin-ideal-image",
@@ -202,6 +209,7 @@ const config = {
         path: "community",
         routeBasePath: "community",
         sidebarPath: "./community/_sidebar.js",
+        editUrl: "https://github.com/conda-incubator/conda-dot-org/tree/main",
         async sidebarItemsGenerator({ defaultSidebarItemsGenerator, ...args }) {
           // This function takes the contents of sidebarPath, and will return
           // only the entries that had to be autogenerated (i.e. meeting minutes)
@@ -213,5 +221,3 @@ const config = {
     ],
   ],
 };
-
-module.exports = config;

learn/_sidebar.json

@@ -1,3 +1,4 @@
 [
-    "faq"
+    "faq",
+    "about"
 ]

learn/about.mdx

@@ -0,0 +1,34 @@
+import Card from "react-bootstrap/Card";
+import CardGroup from "react-bootstrap/CardGroup";
+import Link from "@docusaurus/Link";
+
+# About
+
+Who are we and where can you find us?
+
+## Bots
+
+<CardGroup style={{ width: "30rem" }}>
+  <Card>
+    <Link to="https://github.com/conda-bot">
+      <Card.Img variant="top" src="/img/authors/conda-bot.svg" />
+      <Card.Body>
+        <Card.Title>@conda-bot</Card.Title>
+        <Card.Text>I'm a bot, helping the conda community.</Card.Text>
+      </Card.Body>
+    </Link>
+  </Card>
+  <Card>
+    <Link to="https://github.com/conda-conduct">
+      <Card.Img variant="top" src="/img/authors/conda-conduct.svg" />
+      <Card.Body>
+        <Card.Title>@conda-conduct</Card.Title>
+        <Card.Text>I'm a sheriff, protecting the conda community.</Card.Text>
+      </Card.Body>
+    </Link>
+  </Card>
+</CardGroup>
+
+## [Sub-teams](https://github.com/conda/governance#sub-teams)
+
+## [Steering Council](https://github.com/conda/governance#steering-council)