|
1 | 1 | --- |
2 | 2 | const people = [ |
3 | | - { |
4 | | - name: "Mayumi Hara", |
5 | | - title: 'CEO', |
6 | | - img: '/assets/teams/mayu.png', |
7 | | - link: "https://www.linkedin.com/in/hara-mayumi-58799b37/" |
8 | | - }, |
9 | | - { |
10 | | - name: "Aggre", |
11 | | - title: 'CTO', |
12 | | - img: '/assets/teams/aggre.png', |
13 | | - link: "https://www.linkedin.com/in/aggre/" |
14 | | - }, |
15 | | - { |
16 | | - name: "Mariko Miyamoto", |
17 | | - title: 'COO', |
18 | | - img: '/assets/teams/mariko.png', |
19 | | - link: "https://www.linkedin.com/in/mariko-miyamoto-96a907112/" |
20 | | - }, |
21 | | - { |
22 | | - name: "Kaoru Kimura", |
23 | | - title: 'Biz Dev / Partner Business', |
24 | | - img: '/assets/teams/KaoruKimura.jpg', |
25 | | - link: "https://www.linkedin.com/in/kaorukimura/" |
26 | | - }, |
27 | | - { |
28 | | - name: "Stu", |
29 | | - title: 'Core Dev', |
30 | | - img: '/assets/teams/stu.jpg', |
31 | | - link: "https://github.com/stuartwk" |
32 | | - }, |
33 | | - { |
34 | | - name: "Shubham Kukreti", |
35 | | - title: 'Developer Relations', |
36 | | - img: "https://github.com/KukretiShubham.png", |
37 | | - link: "https://github.com/KukretiShubham/" |
38 | | - }, |
39 | | - { |
40 | | - name: "Yash", |
41 | | - title: 'Core Dev', |
42 | | - img: '/assets/teams/Yash.jpg', |
43 | | - link: "https://www.linkedin.com/in/yashragrawal" |
44 | | - }, |
45 | | - { |
46 | | - name: "Matteu", |
47 | | - title: 'UX Engineer', |
48 | | - img: '/assets/teams/matteu.jpg', |
49 | | - link: "https://matteusan.me" |
50 | | - }, |
51 | | - { |
52 | | - name: 'Masako Arita', |
53 | | - title: 'General Manager', |
54 | | - img: '/assets/teams/masako.jpeg', |
55 | | - link: "https://medium.com/@masako_76810/about" |
56 | | - }, |
57 | | - { |
58 | | - name: "Kent Kuroiwa", |
59 | | - title: 'Communications Lead', |
60 | | - img: '/assets/teams/kent.jpg', |
61 | | - link: "https://twitter.com/kurochandev" |
62 | | - }, |
63 | | - { |
64 | | - name: 'Andrew Giunta', |
65 | | - title: 'Data Analyst', |
66 | | - img: '/assets/teams/andrew.jpg', |
67 | | - link: "https://twitter.com/andrewdevproto1" |
68 | | - }, |
69 | | - { |
70 | | - name: 'Martin Ruilova', |
71 | | - title: 'Operation & Governance Analyst', |
72 | | - img: '/assets/teams/Martin_Rui.jpg', |
73 | | - link: "https://www.linkedin.com/in/martinruilova/" |
74 | | - }, |
75 | | - { |
76 | | - name: 'Dr. Eelco Fiole', |
77 | | - title: 'The Director of Governance Lead', |
78 | | - img: '/assets/teams/Eelco.jpg', |
79 | | - link: "https://www.linkedin.com/in/fiole" |
80 | | - }, |
81 | | - { |
82 | | - name: 'Hiroki Omae', |
83 | | - title: 'Adviser', |
84 | | - img: '/assets/teams/omae_hiroki.jpg', |
85 | | - link: "https://learning.unity3d.jp/speaker/hiroki-omae/" |
86 | | - } |
| 3 | + { |
| 4 | + name: 'Mayumi Hara', |
| 5 | + title: 'CEO', |
| 6 | + img: '/assets/teams/mayu.png', |
| 7 | + link: 'https://www.linkedin.com/in/hara-mayumi-58799b37/', |
| 8 | + }, |
| 9 | + { |
| 10 | + name: 'Aggre', |
| 11 | + title: 'CTO', |
| 12 | + img: '/assets/teams/aggre.png', |
| 13 | + link: 'https://www.linkedin.com/in/aggre/', |
| 14 | + }, |
| 15 | + { |
| 16 | + name: 'Mariko Miyamoto', |
| 17 | + title: 'COO', |
| 18 | + img: '/assets/teams/mariko.png', |
| 19 | + link: 'https://www.linkedin.com/in/mariko-miyamoto-96a907112/', |
| 20 | + }, |
| 21 | + { |
| 22 | + name: 'Kaoru Kimura', |
| 23 | + title: 'Biz Dev / Partner Business', |
| 24 | + img: '/assets/teams/KaoruKimura.jpg', |
| 25 | + link: 'https://www.linkedin.com/in/kaorukimura/', |
| 26 | + }, |
| 27 | + { |
| 28 | + name: 'Stu', |
| 29 | + title: 'Core Dev', |
| 30 | + img: '/assets/teams/stu.jpg', |
| 31 | + link: 'https://github.com/stuartwk', |
| 32 | + }, |
| 33 | + { |
| 34 | + name: 'Shubham Kukreti', |
| 35 | + title: 'Developer Relations', |
| 36 | + img: 'https://github.com/KukretiShubham.png', |
| 37 | + link: 'https://github.com/KukretiShubham/', |
| 38 | + }, |
| 39 | + { |
| 40 | + name: 'Yash', |
| 41 | + title: 'Core Dev', |
| 42 | + img: '/assets/teams/Yash.jpg', |
| 43 | + link: 'https://www.linkedin.com/in/yashragrawal', |
| 44 | + }, |
| 45 | + { |
| 46 | + name: 'Matteu', |
| 47 | + title: 'UX Engineer', |
| 48 | + img: '/assets/teams/matteu.jpg', |
| 49 | + link: 'https://matteusan.me', |
| 50 | + }, |
| 51 | + { |
| 52 | + name: 'Masako Arita', |
| 53 | + title: 'General Manager', |
| 54 | + img: '/assets/teams/masako.jpeg', |
| 55 | + link: 'https://medium.com/@masako_76810/about', |
| 56 | + }, |
| 57 | + { |
| 58 | + name: 'Kent Kuroiwa', |
| 59 | + title: 'Communications Lead', |
| 60 | + img: '/assets/teams/kent.jpg', |
| 61 | + link: 'https://twitter.com/kurochandev', |
| 62 | + }, |
| 63 | + { |
| 64 | + name: 'Andrew Giunta', |
| 65 | + title: 'Data Analyst', |
| 66 | + img: '/assets/teams/andrew.jpg', |
| 67 | + link: 'https://twitter.com/andrewdevproto1', |
| 68 | + }, |
| 69 | + { |
| 70 | + name: 'Martin Ruilova', |
| 71 | + title: 'Operation & Governance Analyst', |
| 72 | + img: '/assets/teams/Martin_Rui.jpg', |
| 73 | + link: 'https://www.linkedin.com/in/martinruilova/', |
| 74 | + }, |
| 75 | + { |
| 76 | + name: 'Dr. Eelco Fiole', |
| 77 | + title: 'The Director of Governance Lead', |
| 78 | + img: '/assets/teams/Eelco.jpg', |
| 79 | + link: 'https://www.linkedin.com/in/fiole', |
| 80 | + }, |
| 81 | + { |
| 82 | + name: 'Hiroki Omae', |
| 83 | + title: 'Adviser', |
| 84 | + img: '/assets/teams/omae_hiroki.jpg', |
| 85 | + link: 'https://learning.unity3d.jp/speaker/hiroki-omae/', |
| 86 | + }, |
87 | 87 | ] |
88 | 88 | --- |
89 | 89 |
|
90 | | -<div class="bg-white dark:bg-darkPrimary pb-10"> |
91 | | - <div class="max-w-7xl mx-auto py-10 px-4 text-center sm:px-6 lg:px-8"> |
| 90 | +<div class="bg-white pb-10 dark:bg-darkPrimary"> |
| 91 | + <div class="mx-auto max-w-7xl py-10 px-4 text-center sm:px-6 lg:px-8"> |
92 | 92 | <div class="space-y-8 sm:space-y-12"> |
93 | 93 | <div class="space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl"> |
94 | | - <h2 class="text-3xl font-extrabold font-display tracking-tight sm:text-4xl">The Team</h2> |
| 94 | + <h2 |
| 95 | + class="font-display text-3xl font-extrabold tracking-tight sm:text-4xl" |
| 96 | + > |
| 97 | + The Team |
| 98 | + </h2> |
95 | 99 | </div> |
96 | | - <ul role="list" class="mx-auto grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-4 md:gap-x-6 lg:max-w-5xl lg:gap-x-8 lg:gap-y-12 xl:grid-cols-6"> |
97 | | - {people.map(person => ( |
98 | | - <li> |
99 | | - <div class="space-y-4"> |
100 | | - <a href={person.link}><img class="mx-auto h-20 w-20 rounded-full lg:w-24 lg:h-24" src={person.img} alt={person.name}></a> |
101 | | - <div class="space-y-2"> |
102 | | - <div class="text-xs font-medium lg:text-sm"> |
103 | | - <a href={person.link}><h3>{person.name}</h3></a> |
104 | | - <p class="text-indigo-500">{person.title}</p> |
| 100 | + <ul |
| 101 | + role="list" |
| 102 | + class="mx-auto grid grid-cols-2 gap-x-4 gap-y-8 sm:grid-cols-4 md:gap-x-6 lg:max-w-5xl lg:gap-x-8 lg:gap-y-12 xl:grid-cols-6" |
| 103 | + > |
| 104 | + { |
| 105 | + people.map((person) => ( |
| 106 | + <li> |
| 107 | + <div class="space-y-4"> |
| 108 | + <a href={person.link}> |
| 109 | + <img |
| 110 | + class="mx-auto h-20 w-20 rounded-full lg:h-24 lg:w-24" |
| 111 | + src={person.img} |
| 112 | + alt={person.name} |
| 113 | + /> |
| 114 | + </a> |
| 115 | + <div class="space-y-2"> |
| 116 | + <div class="text-xs font-medium lg:text-sm"> |
| 117 | + <a href={person.link}> |
| 118 | + <h3>{person.name}</h3> |
| 119 | + </a> |
| 120 | + <p class="text-indigo-500">{person.title}</p> |
| 121 | + </div> |
| 122 | + </div> |
105 | 123 | </div> |
106 | | - </div> |
107 | | - </div> |
108 | | - </li> |
109 | | - ))} |
| 124 | + </li> |
| 125 | + )) |
| 126 | + } |
110 | 127 | </ul> |
111 | 128 | </div> |
112 | 129 | </div> |
|
0 commit comments