Add starfield with GitHub contributors

src/web/package.json

@@ -22,6 +22,7 @@
     "@mui/icons-material": "5.5.1",
     "@mui/material": "5.5.1",
     "@mui/styles": "5.5.1",
+    "@octokit/request": "5.6.3",
     "@types/smoothscroll-polyfill": "0.3.1",
     "@types/yup": "0.29.13",
     "clsx": "1.1.1",
@@ -40,6 +41,7 @@
     "react-i18next": "11.15.5",
     "react-icons": "4.3.1",
     "react-lite-youtube-embed": "2.2.1",
+    "react-p5-wrapper": "3.1.0",
     "react-transition-group": "4.4.2",
     "react-use": "17.3.2",
     "smoothscroll-polyfill": "0.4.4",

src/web/src/components/AboutPage.tsx

@@ -1,6 +1,7 @@
 import { makeStyles } from '@material-ui/core/styles';
 import { useTranslation } from 'react-i18next';
 import LanguageSelector from './LanguageSelector';
+import StarField from './StarField';
 
 const useStyles = makeStyles((theme) => {
   return {
@@ -53,6 +54,9 @@ const useStyles = makeStyles((theme) => {
       '& svg': {
         color: theme.palette.primary.main,
       },
+      '& div': {
+        margin: 'auto',
+      },
     },
     languageSelector: {
       position: 'absolute',
@@ -69,7 +73,16 @@ const AboutPage = () => {
       <div className={classes.languageSelector}>
         <LanguageSelector />
       </div>
-      <h1> {t('about')}</h1>
+      <h1>Our Contributors</h1>
+      <p>
+        The result of Telescope is thanks to the combined work of all these talented people (and
+        robots).
+      </p>
+      <div>
+        <StarField />
+      </div>
+
+      <h1>{t('about')}</h1>
       <p>
         One of the key features of Seneca&apos;s open source involvement has been the emphasis on
         sharing what we&apos;re working on, teaching, and learning through blogging. We believe that