Add Ahmed Abuzuraiq and support visiting researchers (#202)

Author: ChristianFrisson

components/person.js

@@ -16,6 +16,7 @@ import Publications from '../pages/publications'
 import Theses from '../pages/theses'
 import Projects from '../pages/projects'
 import {getLabPictures, getLabPicture} from './labs'
+import {getTitle} from '../pages/people'
 
 import files from '../content/output/files.json'
 import { default as labsJson } from '../content/output/labs.json'
@@ -98,6 +99,7 @@ export default function Person ({person}) {
       picture: getLabPicture(lab.id, pictures)
     })
   )
+  const title = getTitle(person)
   return (
     <>
       <Meta
@@ -112,7 +114,13 @@ export default function Person ({person}) {
             <div id="person" className="category" style={{ textAlign: 'center' }}>
               <Image width={0} height={0} className="ui circular image large-profile" alt={ `${person.name}'s photo` } src={ person.photo } style={{ margin: 'auto' }} />
               <h1>{ person.name }</h1>
-              <p>{ person.title }</p>
+              <p>{ person.title || title }</p>
+              { person.university &&
+                <p>{ person.university }</p>
+              }
+              { person.faculty &&
+                <p>{ person.faculty }</p>
+              }
               {person.keywords !== null && person.keywords !== undefined && //type.key === 'faculty' &&
                         <div className="ui large basic labels">
                           {person.keywords.map((keyword) => {

content/people/ahmed-abuzuraiq.yaml

@@ -0,0 +1,13 @@
+name: Ahmed Abuzuraiq
+type: phd
+program: visiting
+university: Simon Fraser University (SFU)
+faculty: School of Interactive Arts and Technology (SIAT)
+url: https://abuzreq.com
+linkedin: https://www.linkedin.com/in/abuzreq
+scholar: https://scholar.google.com/citations?user=QIbBYvAAAAAJ
+github: https://github.com/abuzreq
+keywords: 
+- Creativity Support
+- Generative AI
+- Data Visualization

pages/people.jsx

@@ -47,11 +47,12 @@ function programStringFromProgram(program) {
   switch (program) {
     case 'cs': return 'CS '
     case 'cmd': return 'CMD '
+    case 'visiting': return 'Visiting '
   }
   return ''
 }
 
-function getTitle(person) {
+export function getTitle(person) {
   let title = typeStringFromType(person.type)
 
   if (person.program) {