豆豆友情提示：这是一个非官方 GitHub 代理镜像，主要用于网络测试或访问加速。请勿在此进行登录、注册或处理任何敏感信息。进行这些操作请务必访问官方网站 github.com。 Raw 内容也通过此代理提供。
Skip to content
This repository was archived by the owner on Sep 11, 2024. It is now read-only.

Commit 6777d11

Browse files
eddiejaoudeeddiejaoude
authored
feat: moderators (#269)
1 parent 20b78c3 commit 6777d11

File tree

5 files changed

+152
-170
lines changed

5 files changed

+152
-170
lines changed

‎src/app/page.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@ import { Faqs } from '@/components/Faqs'
33
import { Footer } from '@/components/Footer'
44
import { Header } from '@/components/Header'
55
import { Hero } from '@/components/Hero'
6-
import { Pricing } from '@/components/Pricing'
6+
import { Moderators } from '@/components/Moderators'
77
import { PrimaryFeatures } from '@/components/PrimaryFeatures'
88
import { SecondaryFeatures } from '@/components/SecondaryFeatures'
99
import { Testimonials } from '@/components/Testimonials'
@@ -18,7 +18,7 @@ export default function Home() {
1818
<SecondaryFeatures />
1919
<CallToAction />
2020
<Testimonials />
21-
<Pricing />
21+
<Moderators />
2222
<Faqs />
2323
</main>
2424
<Footer />

‎src/components/Footer.jsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -14,7 +14,7 @@ export function Footer() {
1414
<div className="-my-1 flex justify-center gap-x-6">
1515
<NavLink href="#features">Features</NavLink>
1616
<NavLink href="#testimonials">Testimonials</NavLink>
17-
<NavLink href="#pricing">Pricing</NavLink>
17+
<NavLink href="#moderators">Moderators</NavLink>
1818
</div>
1919
</nav>
2020
</div>

‎src/components/Header.jsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -81,7 +81,7 @@ function MobileNavigation() {
8181
>
8282
<MobileNavLink href="#features">Features</MobileNavLink>
8383
<MobileNavLink href="#testimonials">Testimonials</MobileNavLink>
84-
<MobileNavLink href="#pricing">Pricing</MobileNavLink>
84+
<MobileNavLink href="#moderators">Moderators</MobileNavLink>
8585
<hr className="m-2 border-slate-300/40" />
8686
<MobileNavLink href="/login">Sign in</MobileNavLink>
8787
</Popover.Panel>
@@ -103,7 +103,7 @@ export function Header() {
103103
<div className="hidden md:flex md:gap-x-6">
104104
<NavLink href="#features">Features</NavLink>
105105
<NavLink href="#testimonials">Testimonials</NavLink>
106-
<NavLink href="#pricing">Pricing</NavLink>
106+
<NavLink href="#moderators">Moderators</NavLink>
107107
</div>
108108
</div>
109109
<div className="flex items-center gap-x-5 md:gap-x-8">

‎src/components/Moderators.jsx‎

Lines changed: 147 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,147 @@
1+
import { Container } from '@/components/Container'
2+
3+
const people = [
4+
{
5+
name: 'Cahllagerfeld',
6+
role: 'Aka Julian, a TypeScript developer from Germany who is into Fullstack-Development and DevOps. Has a love for TypeScript. ',
7+
imageUrl: 'https://github.com/cahllagerfeld.png',
8+
twitterUrl: '#',
9+
linkedinUrl: '#',
10+
},
11+
{
12+
name: 'Sara Jaoude',
13+
role: 'Can be found writing content for EddieHub. After a legal career, Sara enjoys helping others find a work / life balance and strengthening their interview / writing skills.',
14+
imageUrl: 'https://github.com/SaraJaoude.png',
15+
twitterUrl: '#',
16+
linkedinUrl: '#',
17+
},
18+
{
19+
name: 'Emma Dawson',
20+
role: 'Full stack (MERN) software developer. Documenting their passion for accessibility and open source on YouTube. Currently working on making the web more accessible.',
21+
imageUrl: 'https://github.com/EmmaDawsonDev.png',
22+
twitterUrl: '#',
23+
linkedinUrl: '#',
24+
},
25+
{
26+
name: 'Tom Schmelzer',
27+
role: 'IT Application Consultant from Germany. Believes Open Source helps you build connections with people from all over the world.',
28+
imageUrl: 'https://github.com/schmelto.png',
29+
twitterUrl: '#',
30+
linkedinUrl: '#',
31+
},
32+
{
33+
name: 'Tamal Das',
34+
role: 'Open Source Advocate and freelance Fullstack Web Dev, from Kolkata India.',
35+
imageUrl: 'https://github.com/tamalCodes.png',
36+
twitterUrl: '#',
37+
linkedinUrl: '#',
38+
},
39+
{
40+
name: 'Pradumna Saraf',
41+
role: 'DevOps and API developer, working with communities to bring more people into the Open Source ecosystem.',
42+
imageUrl: 'https://github.com/Pradumnasaraf.png',
43+
twitterUrl: '#',
44+
linkedinUrl: '#',
45+
},
46+
]
47+
48+
function SwirlyDoodle(props) {
49+
return (
50+
<svg
51+
aria-hidden="true"
52+
viewBox="0 0 281 40"
53+
preserveAspectRatio="none"
54+
{...props}
55+
>
56+
<path
57+
fillRule="evenodd"
58+
clipRule="evenodd"
59+
d="M240.172 22.994c-8.007 1.246-15.477 2.23-31.26 4.114-18.506 2.21-26.323 2.977-34.487 3.386-2.971.149-3.727.324-6.566 1.523-15.124 6.388-43.775 9.404-69.425 7.31-26.207-2.14-50.986-7.103-78-15.624C10.912 20.7.988 16.143.734 14.657c-.066-.381.043-.344 1.324.456 10.423 6.506 49.649 16.322 77.8 19.468 23.708 2.65 38.249 2.95 55.821 1.156 9.407-.962 24.451-3.773 25.101-4.692.074-.104.053-.155-.058-.135-1.062.195-13.863-.271-18.848-.687-16.681-1.389-28.722-4.345-38.142-9.364-15.294-8.15-7.298-19.232 14.802-20.514 16.095-.934 32.793 1.517 47.423 6.96 13.524 5.033 17.942 12.326 11.463 18.922l-.859.874.697-.006c2.681-.026 15.304-1.302 29.208-2.953 25.845-3.07 35.659-4.519 54.027-7.978 9.863-1.858 11.021-2.048 13.055-2.145a61.901 61.901 0 0 0 4.506-.417c1.891-.259 2.151-.267 1.543-.047-.402.145-2.33.913-4.285 1.707-4.635 1.882-5.202 2.07-8.736 2.903-3.414.805-19.773 3.797-26.404 4.829Zm40.321-9.93c.1-.066.231-.085.29-.041.059.043-.024.096-.183.119-.177.024-.219-.007-.107-.079ZM172.299 26.22c9.364-6.058 5.161-12.039-12.304-17.51-11.656-3.653-23.145-5.47-35.243-5.576-22.552-.198-33.577 7.462-21.321 14.814 12.012 7.205 32.994 10.557 61.531 9.831 4.563-.116 5.372-.288 7.337-1.559Z"
60+
/>
61+
</svg>
62+
)
63+
}
64+
65+
export function Moderators() {
66+
return (
67+
<section
68+
id="moderators"
69+
aria-label="Moderators"
70+
className="bg-slate-900 py-20 sm:py-32"
71+
>
72+
<Container>
73+
<div className="md:text-center">
74+
<h2 className="font-display text-3xl tracking-tight text-white sm:text-4xl">
75+
<span className="relative whitespace-nowrap">
76+
<SwirlyDoodle className="fill-primary-400 absolute left-0 top-1/2 h-[1em] w-full" />
77+
<span className="relative">EddieHub</span>
78+
</span>{' '}
79+
Moderators.
80+
</h2>
81+
<p className="mt-4 text-lg text-slate-400">
82+
Our awesome Moderators providing support through all timezones
83+
</p>
84+
</div>
85+
<ul
86+
role="list"
87+
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-3 lg:gap-8"
88+
>
89+
{people.map((person) => (
90+
<li
91+
key={person.name}
92+
className="rounded-2xl bg-gray-800 px-8 py-10"
93+
>
94+
<img
95+
className="mx-auto h-48 w-48 rounded-full md:h-56 md:w-56"
96+
src={person.imageUrl}
97+
alt=""
98+
/>
99+
<h3 className="mt-6 text-base font-semibold leading-7 tracking-tight text-white">
100+
{person.name}
101+
</h3>
102+
<p className="text-sm leading-6 text-gray-400">{person.role}</p>
103+
<ul role="list" className="mt-6 flex justify-center gap-x-6">
104+
<li>
105+
<a
106+
href={person.twitterUrl}
107+
className="text-gray-400 hover:text-gray-300"
108+
>
109+
<span className="sr-only">Twitter</span>
110+
<svg
111+
className="h-5 w-5"
112+
aria-hidden="true"
113+
fill="currentColor"
114+
viewBox="0 0 20 20"
115+
>
116+
<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" />
117+
</svg>
118+
</a>
119+
</li>
120+
<li>
121+
<a
122+
href={person.linkedinUrl}
123+
className="text-gray-400 hover:text-gray-300"
124+
>
125+
<span className="sr-only">LinkedIn</span>
126+
<svg
127+
className="h-5 w-5"
128+
aria-hidden="true"
129+
fill="currentColor"
130+
viewBox="0 0 20 20"
131+
>
132+
<path
133+
fillRule="evenodd"
134+
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"
135+
clipRule="evenodd"
136+
/>
137+
</svg>
138+
</a>
139+
</li>
140+
</ul>
141+
</li>
142+
))}
143+
</ul>
144+
</Container>
145+
</section>
146+
)
147+
}

‎src/components/Pricing.jsx‎

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

0 commit comments

Comments
 (0)