devprotocol.xyz/src/components/About/Team.astro at dffa9730379600d054c3b98d5d9ef039d6f84e8f · dev-protocol/devprotocol.xyz · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
---
const people = [
  {
    name: 'Mayumi Hara',
    title: 'CEO',
    img: '/assets/teams/mayu.png',
    link: 'https://www.linkedin.com/in/hara-mayumi-58799b37/',
  },
  {
    name: 'Aggre',
    title: 'CTO',
    img: '/assets/teams/aggre.png',
    link: 'https://www.linkedin.com/in/aggre/',
  },
  {
    name: 'Mariko Miyamoto',
    title: 'COO',
    img: '/assets/teams/mariko.png',
    link: 'https://www.linkedin.com/in/mariko-miyamoto-96a907112/',
  },
  {
    name: 'Kaoru Kimura',
    title: 'Biz Dev / Partner Business',
    img: '/assets/teams/KaoruKimura.jpg',
    link: 'https://www.linkedin.com/in/kaorukimura/',
  },
  {
    name: 'Stu',
    title: 'Core Dev',
    img: '/assets/teams/stu.jpg',
    link: 'https://github.com/stuartwk',
  },
  {
    name: 'Shubham Kukreti',
    title: 'Developer Relations',
    img: 'https://github.com/KukretiShubham.png',
    link: 'https://github.com/KukretiShubham/',
  },
  {
    name: 'Yash',
    title: 'Core Dev',
    img: '/assets/teams/Yash.jpg',
    link: 'https://www.linkedin.com/in/yashragrawal',
  },
  {
    name: 'Matteu',
    title: 'UX Engineer',
    img: '/assets/teams/matteu.jpg',
    link: 'https://matteusan.me',
  },
  {
    name: 'Masako Arita',
    title: 'General Manager',
    img: '/assets/teams/masako.jpeg',
    link: 'https://medium.com/@masako_76810/about',
  },
  {
    name: 'Kent Kuroiwa',
    title: 'Communications Lead',
    img: '/assets/teams/kent.jpg',
    link: 'https://twitter.com/kurochandev',
  },
  {
    name: 'Andrew Giunta',
    title: 'Data Analyst',
    img: '/assets/teams/andrew.jpg',
    link: 'https://twitter.com/andrewdevproto1',
  },
  {
    name: 'Martin Ruilova',
    title: 'Operation ＆ Governance Analyst',
    img: '/assets/teams/Martin_Rui.jpg',
    link: 'https://www.linkedin.com/in/martinruilova/',
  },
  {
    name: 'Dr. Eelco Fiole',
    title: 'The Director of Governance Lead',
    img: '/assets/teams/Eelco.jpg',
    link: 'https://www.linkedin.com/in/fiole',
  },
  {
    name: 'Hiroki Omae',
    title: 'Adviser',
    img: '/assets/teams/omae_hiroki.jpg',
    link: 'https://learning.unity3d.jp/speaker/hiroki-omae/',
  },
]
---

<div class="bg-white pb-10 dark:bg-darkPrimary">
  <div class="mx-auto max-w-7xl py-10 px-4 text-center sm:px-6 lg:px-8">
    <div class="space-y-8 sm:space-y-12">
      <div class="space-y-5 sm:mx-auto sm:max-w-xl sm:space-y-4 lg:max-w-5xl">
        <h2
          class="font-display text-3xl font-extrabold tracking-tight sm:text-4xl"
        >
          The Team
        </h2>
      </div>
      <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"
      >
        {
          people.map((person) => (
            <li>
              <div class="space-y-4">
                <a href={person.link}>
                  <img
                    class="mx-auto h-20 w-20 rounded-full lg:h-24 lg:w-24"
                    src={person.img}
                    alt={person.name}
                  />
                </a>
                <div class="space-y-2">
                  <div class="text-xs font-medium lg:text-sm">
                    <a href={person.link}>
                      <h3>{person.name}</h3>
                    </a>
                    <p class="text-indigo-500">{person.title}</p>
                  </div>
                </div>
              </div>
            </li>
          ))
        }
      </ul>
    </div>
  </div>
</div>