Skip to content

Commit 07514c4

Browse files
kevinjosethomaskevinjosethomas
committed
feat: clean up team + landing play component
1 parent ef242ff commit 07514c4

File tree

5 files changed

+374
-426
lines changed

5 files changed

+374
-426
lines changed

‎src/components/Home/AboutMaia.tsx

+71-225
Original file line numberDiff line numberDiff line change
@@ -10,6 +10,74 @@ import personJoseph from './people/joseph.jpg'
1010
import personAshton from './people/ashton.jpeg'
1111
import personDmitriy from './people/dmitriy.jpg'
1212
import { EnvelopeSquareIcon, GithubIcon } from 'src/components/Icons/icons'
13+
import { TeamMember } from './TeamMember'
14+
15+
const teamMembers = [
16+
{
17+
image: personAshton,
18+
name: 'Ashton Anderson',
19+
website: 'http://www.cs.toronto.edu/~ashton/',
20+
institution: 'University of Toronto',
21+
role: 'Principal Investigator',
22+
email: '[email protected]',
23+
github: 'ashtona',
24+
},
25+
{
26+
image: personJon,
27+
name: 'Jon Kleinberg',
28+
website: 'https://www.cs.cornell.edu/home/kleinber/',
29+
institution: 'Cornell University',
30+
role: 'Principal Investigator',
31+
email: '[email protected]',
32+
},
33+
{
34+
image: personReid,
35+
name: 'Reid McIlroy-Young',
36+
website: 'https://reidmcy.com/',
37+
institution: 'University of Toronto',
38+
role: 'Graduate Student',
39+
email: '[email protected]',
40+
github: 'reidmcy',
41+
},
42+
{
43+
image: personSid,
44+
name: 'Siddhartha Sen',
45+
website: 'https://www.microsoft.com/en-us/research/people/sidsen/',
46+
institution: 'Microsoft Research',
47+
role: 'Principal Investigator',
48+
email: '[email protected]',
49+
github: 'sidsen',
50+
},
51+
{
52+
image: personDmitriy,
53+
name: 'Dmitriy Ostrovsky',
54+
website: 'https://github.com/dostro',
55+
institution: 'Independent Researcher',
56+
role: 'Research Engineer',
57+
github: 'dostro',
58+
},
59+
{
60+
image: personJoseph,
61+
name: 'Joseph Benton',
62+
website: 'https://github.com/jpbenton',
63+
institution: 'University of Toronto',
64+
role: 'Data Scientist',
65+
},
66+
{
67+
image: personIsaac,
68+
name: 'Isaac Tamblyn',
69+
website: 'https://github.com/tamblyne',
70+
institution: 'National Research Council Canada',
71+
role: 'Principal Investigator',
72+
},
73+
{
74+
image: personKevin,
75+
name: 'Kevin Thomas',
76+
website: 'https://kevinjosethomas.com/',
77+
institution: 'Burnaby South Secondary',
78+
role: 'Web Developer',
79+
},
80+
]
1381

1482
export const AboutMaia = () => {
1583
return (
@@ -86,231 +154,9 @@ export const AboutMaia = () => {
86154
</p>
87155
</div>
88156
<div className="mx-auto grid max-w-[900px] grid-cols-1 gap-10 px-4 text-center md:grid-cols-2 lg:grid-cols-3">
89-
<div className="flex flex-col items-center space-y-4">
90-
<Image
91-
src={personAshton}
92-
className="h-48 w-48 rounded-full"
93-
alt="Picture of Ashton Anderson"
94-
/>
95-
<div className="flex flex-col">
96-
<a
97-
target="_blank"
98-
rel="noreferrer"
99-
href="http://www.cs.toronto.edu/~ashton/"
100-
className="text-2xl"
101-
>
102-
Ashton Anderson
103-
</a>
104-
<p>University of Toronto</p>
105-
</div>
106-
<p className="font-semibold">Principal Investigator</p>
107-
<div className="flex items-center justify-center space-x-4">
108-
<a
109-
target="_blank"
110-
rel="noreferrer"
111-
href="mailto:[email protected]"
112-
className="*:h-5 *:w-5 *:fill-human-3"
113-
>
114-
{EnvelopeSquareIcon}
115-
</a>
116-
<a
117-
target="_blank"
118-
rel="noreferrer"
119-
href="https://github.com/ashtona"
120-
className="*:h-5 *:w-5 *:fill-human-3"
121-
>
122-
{GithubIcon}
123-
</a>
124-
</div>
125-
</div>
126-
<div className="flex flex-col items-center space-y-4">
127-
<Image
128-
src={personJon}
129-
className="h-48 w-48 rounded-full"
130-
alt="Picture of Jon Kleinberg"
131-
/>
132-
<div className="flex flex-col">
133-
<a
134-
target="_blank"
135-
rel="noreferrer"
136-
href="https://www.cs.cornell.edu/home/kleinber/"
137-
className="text-2xl"
138-
>
139-
Jon Kleinberg
140-
</a>
141-
<p>Cornell University</p>
142-
</div>
143-
<p className="font-semibold">Principal Investigator</p>
144-
<div className="flex items-center justify-center space-x-4">
145-
<a
146-
target="_blank"
147-
rel="noreferrer"
148-
href="mailto:[email protected]"
149-
className="*:h-5 *:w-5 *:fill-human-3"
150-
>
151-
{EnvelopeSquareIcon}
152-
</a>
153-
</div>
154-
</div>
155-
<div className="flex flex-col items-center space-y-4">
156-
<Image
157-
src={personReid}
158-
className="h-48 w-48 rounded-full"
159-
alt="Picture of Reid McIlroy-Young"
160-
/>
161-
<div className="flex flex-col">
162-
<a
163-
target="_blank"
164-
rel="noreferrer"
165-
href="https://reidmcy.com/"
166-
className="text-2xl"
167-
>
168-
Reid McIlroy-Young
169-
</a>
170-
<p>University of Toronto</p>
171-
</div>
172-
<p className="font-semibold">Graduate Student</p>
173-
<div className="flex items-center justify-center space-x-4">
174-
<a
175-
target="_blank"
176-
rel="noreferrer"
177-
href="mailto:[email protected]"
178-
className="*:h-5 *:w-5 *:fill-human-3"
179-
>
180-
{EnvelopeSquareIcon}
181-
</a>
182-
<a
183-
target="_blank"
184-
rel="noreferrer"
185-
href="https://github.com/reidmcy"
186-
className="*:h-5 *:w-5 *:fill-human-3"
187-
>
188-
{GithubIcon}
189-
</a>
190-
</div>
191-
</div>
192-
<div className="flex flex-col items-center space-y-4">
193-
<Image
194-
src={personSid}
195-
className="h-48 w-48 rounded-full"
196-
alt="Picture of Siddhartha Sen"
197-
/>
198-
<div className="flex flex-col">
199-
<a
200-
target="_blank"
201-
rel="noreferrer"
202-
href="https://www.microsoft.com/en-us/research/people/sidsen/"
203-
className="text-2xl"
204-
>
205-
Siddhartha Sen
206-
</a>
207-
<p>Microsoft Research</p>
208-
</div>
209-
<p className="font-semibold">Principal Investigator</p>
210-
<div className="flex items-center justify-center space-x-4">
211-
<a
212-
target="_blank"
213-
rel="noreferrer"
214-
href="mailto:[email protected]"
215-
className="*:h-5 *:w-5 *:fill-human-3"
216-
>
217-
{EnvelopeSquareIcon}
218-
</a>
219-
<a
220-
target="_blank"
221-
rel="noreferrer"
222-
href="https://github.com/sidsen"
223-
className="*:h-5 *:w-5 *:fill-human-3"
224-
>
225-
{GithubIcon}
226-
</a>
227-
</div>
228-
</div>
229-
<div className="flex flex-col items-center space-y-4">
230-
<Image
231-
src={personDmitriy}
232-
className="h-48 w-48 rounded-full"
233-
alt="Picture of Dmitriy Ostrovsky"
234-
/>
235-
<div className="flex flex-col">
236-
<a
237-
target="_blank"
238-
rel="noreferrer"
239-
href="https://github.com/dostro"
240-
className="text-2xl"
241-
>
242-
Dmitriy Ostrovsky
243-
</a>
244-
<p>Independent Researcher</p>
245-
</div>
246-
<p className="font-semibold">Research Engineer</p>
247-
<div className="flex items-center justify-center space-x-4">
248-
<a
249-
target="_blank"
250-
rel="noreferrer"
251-
href="https://github.com/dostro"
252-
className="*:h-5 *:w-5 *:fill-human-3"
253-
>
254-
{GithubIcon}
255-
</a>
256-
</div>
257-
</div>
258-
<div className="flex flex-col items-center space-y-4">
259-
<Image
260-
src={personJoseph}
261-
className="h-48 w-48 rounded-full"
262-
alt="Picture of Joseph Benton"
263-
/>
264-
<div className="flex flex-col">
265-
<a
266-
target="_blank"
267-
rel="noreferrer"
268-
href="https://github.com/jpbenton"
269-
className="text-2xl"
270-
>
271-
Joseph Benton
272-
</a>
273-
<p>University of Toronto</p>
274-
</div>
275-
<p className="font-semibold">Data Scientist</p>
276-
</div>
277-
<div className="flex flex-col items-center space-y-4">
278-
<Image
279-
src={personIsaac}
280-
className="h-48 w-48 rounded-full"
281-
alt="Picture of Isaac Tamblyn"
282-
/>
283-
<div className="flex flex-col">
284-
<a
285-
target="_blank"
286-
rel="noreferrer"
287-
href="https://github.com/tamblyne"
288-
className="text-2xl"
289-
>
290-
Isaac Tamblyn
291-
</a>
292-
<p>National Research Council Canada</p>
293-
</div>
294-
<p className="font-semibold">Principal Investigator</p>
295-
</div>
296-
<div className="flex flex-col items-center space-y-4">
297-
<Image
298-
src={personKevin}
299-
className="h-48 w-48 rounded-full"
300-
alt="Picture of Kevin Thomas"
301-
/>
302-
<div className="flex flex-col">
303-
<a
304-
target="_blank"
305-
href="https://kevinjosethomas.com/"
306-
className="text-2xl"
307-
>
308-
Kevin Thomas
309-
</a>
310-
<p>Burnaby South Secondary</p>
311-
</div>
312-
<p className="font-semibold">Web Developer</p>
313-
</div>
157+
{teamMembers.map((member) => (
158+
<TeamMember key={member.name} {...member} />
159+
))}
314160
</div>
315161
</div>
316162
</section>

0 commit comments

Comments
 (0)