|
|
|
@ -7,9 +7,9 @@ const starCount = await getFormattedStars('kamranahmedse/developer-roadmap'); |
|
|
|
|
|
|
|
|
|
<div class='py-6 sm:py-16 border-b border-t text-left sm:text-center bg-white'> |
|
|
|
|
<div class='max-w-[600px] container'> |
|
|
|
|
<h2 class='text-2xl sm:text-5xl font-bold'>Open Source</h2> |
|
|
|
|
<h2 class='text-2xl sm:text-5xl font-bold'>Community</h2> |
|
|
|
|
<p class='text-gray-600 text-sm sm:text-lg leading-relaxed my-2.5 sm:my-5'> |
|
|
|
|
The project is OpenSource, <a |
|
|
|
|
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 hover:text-black underline underline-offset-2' |
|
|
|
@ -17,23 +17,25 @@ const starCount = await getFormattedStars('kamranahmedse/developer-roadmap'); |
|
|
|
|
> and is visited by hundreds of thousands of developers every month. |
|
|
|
|
</p> |
|
|
|
|
|
|
|
|
|
<div class='block mb-1.5 sm:mb-0'> |
|
|
|
|
<div class='flex justify-start flex-col sm:flex-row sm:justify-center gap-2 sm:gap-3 mb-1.5 sm:mb-0'> |
|
|
|
|
<a |
|
|
|
|
href='https://github.com/kamranahmedse/developer-roadmap' |
|
|
|
|
target='_blank' |
|
|
|
|
class='inline-flex items-center group rounded-md relative' |
|
|
|
|
class='inline-flex items-center border border-black py-1.5 px-3 rounded-lg text-sm hover:text-white hover:bg-black bg-white' |
|
|
|
|
> |
|
|
|
|
<span |
|
|
|
|
class='inline-flex items-center border border-black py-1.5 px-3 rounded-lg text-sm group-hover:text-white group-hover:bg-black relative bg-white' |
|
|
|
|
> |
|
|
|
|
<div class='mr-1 -ml-1'> |
|
|
|
|
<Icon icon='star' /> |
|
|
|
|
</div> |
|
|
|
|
<Icon icon='star' class='mr-1 -ml-1 fill-current' /> |
|
|
|
|
|
|
|
|
|
<span class='lowercase'>{starCount}</span> |
|
|
|
|
<span class='ml-1.5 group-hover:hidden'>GitHub Stars</span> |
|
|
|
|
<span class='ml-2 hidden group-hover:block'>Star us on GitHub</span> |
|
|
|
|
</span> |
|
|
|
|
<span class='ml-2 hover:block'>GitHub Stars</span> |
|
|
|
|
</a> |
|
|
|
|
|
|
|
|
|
<a |
|
|
|
|
href='https://discord.gg/cJpEt5Qbwa' |
|
|
|
|
target='_blank' |
|
|
|
|
class='relative pointer inline-flex items-center border border-black py-1.5 px-3 rounded-lg text-sm hover:text-white hover:bg-black bg-white group' |
|
|
|
|
> |
|
|
|
|
<Icon icon='discord' class='h-[14px] mr-2 -ml-1 fill-current' /> |
|
|
|
|
Join on Discord <span class="rounded-sm ml-0.5 px-1.5 py-0.5 text-xs uppercase">/ New</span> |
|
|
|
|
</a> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|