Initial work on profile images.

Author: Simon Prickett

src/theme/DocItem/index.tsx

@@ -107,7 +107,7 @@ function DocItem(props: Props): JSX.Element {
                 <div className="docAuthors">
                   <hr/>
                     {DocContent.frontMatter.authors.map(author => {
-                      return <div><a href={authorLookup[author].link} target="_blank">{authorLookup[author].name}</a>: {authorLookup[author].title}</div>
+                      return <div><img className={styles.authorProfileImage} src="/img/default_author_profile_pic.png" alt={'Profile picture for ' + authorLookup[author].name}/> <a href={authorLookup[author].link} target="_blank">{authorLookup[author].name}</a>: {authorLookup[author].title}</div>
                     })}
                   <hr/>
                 </div>

src/theme/DocItem/styles.module.css

@@ -30,3 +30,10 @@
 .docLastUpdatedAt {
   font-weight: bold;
 }
+
+.authorProfileImage {
+  border-radius: 5px;
+  border: 2px;
+  border-style: solid;
+  border-color: #ff0000;
+}