mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2026-09-24 15:00:31 +08:00
35 lines
1.3 KiB
Plaintext
35 lines
1.3 KiB
Plaintext
---
|
|
import { getFormattedStars } from '../lib/github';
|
|
import Icon from './AstroIcon.astro';
|
|
import { getDiscordInfo } from '../lib/discord';
|
|
import OpenSourceStat from './OpenSourceStat.astro';
|
|
|
|
const starCount = await getFormattedStars('kamranahmedse/developer-roadmap');
|
|
const discordInfo = await getDiscordInfo();
|
|
---
|
|
|
|
<div class='border-b border-t bg-white py-6 text-left sm:py-16 sm:text-center'>
|
|
<div class='container !max-w-[650px]'>
|
|
<p class='text-2xl font-bold sm:text-5xl'>Join the Community</p>
|
|
<p class='my-2.5 text-sm leading-relaxed text-gray-600 sm:my-5 sm:text-lg'>
|
|
roadmap.sh is the <a
|
|
href='https://github.com/search?o=desc&q=stars%3A%3E100000&s=stars&type=Repositories'
|
|
target='_blank'
|
|
class='font-medium text-gray-600 underline underline-offset-2 hover:text-black'
|
|
>6th most starred project on GitHub</a
|
|
> and is visited by hundreds of thousands of developers every month.
|
|
</p>
|
|
|
|
<div
|
|
class='mt-5 grid grid-cols-1 justify-between gap-2 divide-x-0 sm:my-11 sm:grid-cols-3 sm:gap-0 sm:divide-x mb-4 sm:mb-0'
|
|
>
|
|
<OpenSourceStat text='GitHub Stars' value={starCount} />
|
|
<OpenSourceStat text='Registered Users' value={'850k'} />
|
|
<OpenSourceStat
|
|
text='Discord Members'
|
|
value={discordInfo.totalFormatted}
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|