Add about page

astro
Kamran Ahmed 2 years ago
parent 40ddeef742
commit b30f7d2e96
  1. 204
      src/pages/about.astro

@ -0,0 +1,204 @@
---
import BaseLayout from '../layouts/BaseLayout.astro';
---
<BaseLayout title='About roadmap.sh'>
<div class='bg-white border-b pt-7 pb-7 sm:pt-12 sm:pb-10'>
<div class='container'>
<div class='flex items-center'>
<img
src='/authors/kamran.jpeg'
class='h-[170px] w-[170px] rounded-md mr-5 hidden sm:block'
alt='Kamran Ahmed'
/>
<div>
<h1 class='text-3xl sm:text-4xl mb-3 font-bold'>
<span class='hidden sm:inline'>Hello,</span>I am Kamran Ahmed
</h1>
<p class='text-gray-500 text-md mb-5'>
I created roadmap.sh to help developers find their path if they are
confused and help them learn and grow in their career.
</p>
<p class='flex flex-col sm:flex-row gap-1.5'>
<a
class='bg-blue-600 hover:bg-blue-700 font-medium text-white px-2 py-1.5 rounded-md inline-flex items-center'
target='_blank'
href='https://twitter.com/kamranahmedse'
>
<span class='ml-1.5 mr-1'>@kamranahmedse</span>
</a>
<a
class='bg-gray-500 hover:bg-gray-700 font-medium text-white px-3 py-1.5 rounded-md inline-flex items-center'
target='_blank'
href='mailto:kamranahmed.se@gmail.com'
>
kamranahmed.se@gmail.com
</a>
</p>
</div>
</div>
</div>
</div>
<div class='bg-gray-50 py-7 sm:py-10'>
<div class='container'>
<main id='main-content'>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>What is roadmap.sh?</h2>
<p class='mb-3'>
<span class='font-bold'>roadmap.sh</span> contains community-curated
roadmaps, study plans, paths, and resources for developers. There are
role-based roadmaps, listing skills you should for any given role, as
well as skill-based roadmaps listing items to learn for any given skill.
</p>
<p class='mb-3'>
It started as a set of <a
href='https://github.com/kamranahmedse/developer-roadmap'
class='font-bold underline'
target='_blank'>visual charts on GitHub</a
> to guide the developers who are confused about what they should learn
next, but then expanded into interactive roadmaps where you can click
and get resources to learn any given resource, contribute by adding new
roadmaps, suggest changes to existing roadmaps, track your progress as
you follow a roadmap and so on.
</p>
</div>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>How are roadmaps created?</h2>
<p class='mb-3'>
The project has a strong community that powers everything on the
website. It is <a
href='https://github.com/search?o=desc&q=stars%3A%3E100000&s=stars&type=Repositories'
target='_blank'
class='font-bold underline'
>the 6th most starred opensource project on GitHub</a
> and gets visited by hundreds of thousands of developers every month.
We also have newsletter with 150,000+ developers. All the roadmaps are
created and reviewed by community and several subject matter experts.
Also, anyone can suggest changes to any roadmap and we have a process
to review and approve them.
</p>
</div>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>
What are the plans for roadmap.sh?
</h2>
<p class='mb-3'>
Our long-term plan is to make roadmap.sh a go-to place for
developers whenever they plan on learning something new. We started
with roadmaps, guides, videos and other visual content but we plan
on introducing best practices, checklists for certain tasks, quizzes
to test your knowledge and prepare yourself for the interviews,
project ideas to work on while following the roadmaps, public
profiles to share your progress and interact with the other learners
and so on.
</p>
</div>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>How is roadmap.sh built?</h2>
<p class='mb-3'>
The website is built with <a
href='https://www.11ty.dev/'
class='font-bold underline'
target='_blank'
rel='nofollow'>Eleventy</a
> and <a
href='https://tailwindcss.com/'
class='font-bold underline'
target='_blank'
rel='nofollow'>Tailwind</a
> and is deployed to <a
href='https://pages.github.com/'
class='font-bold underline'
target='_blank'
rel='nofollow'>GitHub pages</a
>. The project is fully open-source and the codebase
<a
href='https://github.com/kamranahmedse/developer-roadmap'
class='font-bold underline'
target='_blank'>can be found on GitHub</a>
</p>
</div>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>How can I add a new roadmap?</h2>
<p class='mb-3'>
For new roadmaps, please open an issue with the textual description
of the roadmap in the form of bulleted list. Here is an <a
target='_blank'
class='font-bold underline'
href='https://github.com/kamranahmedse/developer-roadmap/issues/1387#issue-1329276631'
>example contribution of a new roadmap</a
>.
</p>
<p class='mb-3'>
Find more details in the <a
href='https://github.com/kamranahmedse/developer-roadmap/blob/master/contributing.md'
class='font-bold underline'
target='_blank'>contribution docs</a
>.
</p>
</div>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>
How can I update an existing roadmap?
</h2>
<p class='mb-3'>
Please have a look at the <a
href='https://github.com/kamranahmedse/developer-roadmap/blob/master/contributing.md'
class='font-bold underline'
target='_blank'>contribution docs</a
> for details.
</p>
</div>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>
How can I add content to existing roadmaps?
</h2>
<p class='mb-3'>
Please have a look at the <a
href='https://github.com/kamranahmedse/developer-roadmap/blob/master/contributing.md'
class='font-bold underline'
target='_blank'>contribution docs</a
> for details.
</p>
</div>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>
Can I redistribute the content?
</h2>
<p>
No, the license of the content on this website does not allow you to
redistribute any of the content on this website anywhere. You can
use it for personal use or share the link to the content if you have
to but redistribution is not allowed.
</p>
</div>
<div class='mb-5'>
<h2 class='text-2xl font-bold mb-2'>
What is the best way to contact you?
</h2>
<p>
Tweet or send me a message <a
class='underline font-bold'
href='https://twitter.com/kamranahmedse'
target='_blank'>@kamranahmedse</a
> or email me at
<a
class='underline font-bold'
href='mailto:kamranahmed.se@gmail.com'
target='_blank'>kamranahmed.se@gmail.com</a
>. I get lots of messages so apologies in advance if you don't hear
back from me soon but I do reply to everyone.
</p>
</div>
</main>
</div>
</div>
</BaseLayout>
Loading…
Cancel
Save