Skip to content

Commit 8fc42a2

Browse files
mkubdevmkubdev
authored
Merge pull request #260 from WebXDAO/team
Feat: Added Team Members
2 parents 2cf878a + 633e26d commit 8fc42a2

File tree

3 files changed

+187
-136
lines changed

3 files changed

+187
-136
lines changed

‎package-lock.json

Lines changed: 6 additions & 6 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎src/pages/moderators.js

Lines changed: 0 additions & 130 deletions
This file was deleted.

‎src/pages/team.js

Lines changed: 181 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,181 @@
1+
import Head from "next/head";
2+
import Link from 'next/link'
3+
4+
const core = [
5+
{
6+
name: 'Vincent Villafuerte',
7+
role: 'WebX Core',
8+
imageUrl:
9+
'https://github.com/vinzvinci.png',
10+
githubUrl: 'https://github.com/vinzvinci',
11+
twitterUrl: 'https://twitter.com/vinzvinci',
12+
linkedinUrl: 'https://www.linkedin.com/in/vinzvinci/',
13+
},
14+
{
15+
name: 'Shubham Kukreti',
16+
role: 'WebX Core',
17+
imageUrl:
18+
'https://github.com/KukretiShubham.png',
19+
githubUrl: 'https://github.com/KukretiShubham',
20+
twitterUrl: 'https://twitter.com/ShubhamKukretii',
21+
linkedinUrl: 'https://www.linkedin.com/in/shubhamkukreti/',
22+
},
23+
{
24+
name: 'Ritvik Shukla',
25+
role: 'WebX Core',
26+
imageUrl:
27+
'https://github.com/shuklaritvik06.png',
28+
githubUrl: 'https://github.com/shuklaritvik06',
29+
twitterUrl: 'https://twitter.com/shuklaritvik06',
30+
linkedinUrl: 'https://www.linkedin.com/in/ritvikshukla/',
31+
},
32+
{
33+
name: 'Maxime Kubik',
34+
role: 'WebX Core',
35+
imageUrl:
36+
'https://github.com/mkubdev.png',
37+
githubUrl: 'https://github.com/mkubdev',
38+
twitterUrl: 'https://twitter.com/mkubdev',
39+
linkedinUrl: 'https://www.linkedin.com/in/maximekbk/',
40+
},
41+
]
42+
43+
const mod = [
44+
{
45+
name: 'David Leal',
46+
role: 'Mods / Maintainer',
47+
imageUrl:
48+
'https://github.com/Panquesito7.png',
49+
githubUrl: 'https://github.com/Panquesito7',
50+
twitterUrl: 'https://twitter.com/David_Leal_7',
51+
linkedinUrl: '#',
52+
},
53+
{
54+
name: 'Krish Gupta',
55+
role: 'Mods / Maintainer',
56+
imageUrl:
57+
'https://github.com/krshkun.png',
58+
githubUrl: 'https://github.com/krshkun',
59+
twitterUrl: 'https://twitter.com/krshkun',
60+
linkedinUrl: 'https://linkedin.com/in/krshkun',
61+
},
62+
{
63+
name: 'Abhinav MV',
64+
role: 'Maintainer',
65+
imageUrl:
66+
'https://github.com/AbhinavMV.png',
67+
githubUrl: 'https://github.com/AbhinavMV',
68+
twitterUrl: 'https://twitter.com/abhinav_m_v',
69+
linkedinUrl: 'https://www.linkedin.com/in/abhinav-mv-b216b8160/',
70+
},
71+
]
72+
73+
export default function Teams() {
74+
return (
75+
<div className="py-24 sm:py-32">
76+
<div className="mx-auto max-w-7xl px-6 text-center lg:px-8">
77+
<div className="mx-auto max-w-2xl">
78+
<h2 className="text-3xl font-bold tracking-tight text-white sm:text-4xl">Meet our team</h2>
79+
<p className="mt-4 text-lg leading-8 text-gray-400">
80+
We are passionate Open Source Contributors united online and created WebX DAO
81+
</p>
82+
</div>
83+
<ul
84+
role="list"
85+
className="mx-auto mt-20 grid max-w-2xl grid-cols-1 gap-6 sm:grid-cols-2 lg:mx-0 lg:max-w-none lg:grid-cols-2 lg:gap-8"
86+
>
87+
{core.map((person) => (
88+
<li key={person.name} className="rounded-2xl bg-gray-800 py-10 px-8">
89+
<img className="mx-auto h-48 w-48 rounded-full md:h-56 md:w-56" src={person.imageUrl} alt="" />
90+
<h3 className="mt-6 text-base font-semibold leading-7 tracking-tight text-white">{person.name}</h3>
91+
<p className="text-sm leading-6 text-gray-400">{person.role}</p>
92+
<ul role="list" className="mt-6 flex justify-center gap-x-6">
93+
<li>
94+
<a href={person.githubUrl} className="text-gray-400 hover:text-gray-300">
95+
<span className="sr-only">GitHub</span>
96+
<svg className="h-5 w-5" viewBox="0 0 496 512">
97+
<path fillRule="evenodd" fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>
98+
</svg>
99+
</a>
100+
</li>
101+
<li>
102+
<a href={person.twitterUrl} className="text-gray-400 hover:text-gray-300">
103+
<span className="sr-only">Twitter</span>
104+
<svg className="h-5 w-5" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20">
105+
<path d="M6.29 18.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0020 3.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.073 4.073 0 01.8 7.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 010 16.407a11.616 11.616 0 006.29 1.84" />
106+
</svg>
107+
</a>
108+
</li>
109+
<li>
110+
<a href={person.linkedinUrl} className="text-gray-400 hover:text-gray-300">
111+
<span className="sr-only">LinkedIn</span>
112+
<svg className="h-5 w-5" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20">
113+
<path
114+
fillRule="evenodd"
115+
d="M16.338 16.338H13.67V12.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248H8.014v-8.59h2.559v1.174h.037c.356-.675 1.227-1.387 2.526-1.387 2.703 0 3.203 1.778 3.203 4.092v4.711zM5.005 6.575a1.548 1.548 0 11-.003-3.096 1.548 1.548 0 01.003 3.096zm-1.337 9.763H6.34v-8.59H3.667v8.59zM17.668 1H2.328C1.595 1 1 1.581 1 2.298v15.403C1 18.418 1.595 19 2.328 19h15.34c.734 0 1.332-.582 1.332-1.299V2.298C19 1.581 18.402 1 17.668 1z"
116+
clipRule="evenodd"
117+
/>
118+
</svg>
119+
</a>
120+
</li>
121+
</ul>
122+
</li>
123+
))}
124+
</ul>
125+
</div>
126+
{/* Maintainers and Moderators Section */}
127+
<div className="py-24 sm:py-32">
128+
<div className="mx-auto max-w-7xl px-6 text-center lg:px-8">
129+
<div className="mx-auto max-w-2xl">
130+
<h2 className="text-3xl font-bold tracking-tight text-white sm:text-4xl">Maintainers and Moderators Team</h2>
131+
<p className="mt-4 text-lg leading-8 text-gray-400">
132+
Our maintainers and moderators play a crucial role in our community projects by keeping our codebase in good shape and making sure our community stays active and friendly.
133+
</p>
134+
</div>
135+
<ul
136+
role="list"
137+
className="mx-auto mt-20 grid max-w-2xl grid-cols-2 gap-y-16 gap-x-8 text-center sm:grid-cols-3 md:grid-cols-4 lg:mx-0 lg:max-w-none lg:grid-cols-5 xl:grid-cols-6"
138+
>
139+
{mod.map((person) => (
140+
<li key={person.name}>
141+
<img className="mx-auto h-24 w-24 rounded-full" src={person.imageUrl} alt="" />
142+
<h3 className="mt-6 text-base font-semibold leading-7 tracking-tight text-white">{person.name}</h3>
143+
<p className="text-sm leading-6 text-gray-400">{person.role}</p>
144+
<ul role="list" className="mt-6 flex justify-center gap-x-6">
145+
<li>
146+
<a href={person.githubUrl} className="text-gray-400 hover:text-gray-300">
147+
<span className="sr-only">GitHub</span>
148+
<svg className="h-5 w-5" viewBox="0 0 496 512">
149+
<path fillRule="evenodd" fill="currentColor" d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"/>
150+
</svg>
151+
</a>
152+
</li>
153+
<li>
154+
<a href={person.twitterUrl} className="text-gray-400 hover:text-gray-300">
155+
<span className="sr-only">Twitter</span>
156+
<svg className="h-5 w-5" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20">
157+
<path d="M6.29 18.251c7.547 0 11.675-6.253 11.675-11.675 0-.178 0-.355-.012-.53A8.348 8.348 0 0020 3.92a8.19 8.19 0 01-2.357.646 4.118 4.118 0 001.804-2.27 8.224 8.224 0 01-2.605.996 4.107 4.107 0 00-6.993 3.743 11.65 11.65 0 01-8.457-4.287 4.106 4.106 0 001.27 5.477A4.073 4.073 0 01.8 7.713v.052a4.105 4.105 0 003.292 4.022 4.095 4.095 0 01-1.853.07 4.108 4.108 0 003.834 2.85A8.233 8.233 0 010 16.407a11.616 11.616 0 006.29 1.84" />
158+
</svg>
159+
</a>
160+
</li>
161+
<li>
162+
<a href={person.linkedinUrl} className="text-gray-400 hover:text-gray-300">
163+
<span className="sr-only">LinkedIn</span>
164+
<svg className="h-5 w-5" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20">
165+
<path
166+
fillRule="evenodd"
167+
d="M16.338 16.338H13.67V12.16c0-.995-.017-2.277-1.387-2.277-1.39 0-1.601 1.086-1.601 2.207v4.248H8.014v-8.59h2.559v1.174h.037c.356-.675 1.227-1.387 2.526-1.387 2.703 0 3.203 1.778 3.203 4.092v4.711zM5.005 6.575a1.548 1.548 0 11-.003-3.096 1.548 1.548 0 01.003 3.096zm-1.337 9.763H6.34v-8.59H3.667v8.59zM17.668 1H2.328C1.595 1 1 1.581 1 2.298v15.403C1 18.418 1.595 19 2.328 19h15.34c.734 0 1.332-.582 1.332-1.299V2.298C19 1.581 18.402 1 17.668 1z"
168+
clipRule="evenodd"
169+
/>
170+
</svg>
171+
</a>
172+
</li>
173+
</ul>
174+
</li>
175+
))}
176+
</ul>
177+
</div>
178+
</div>
179+
</div>
180+
)
181+
}

0 commit comments

Comments
 (0)