mirror of
https://github.com/kamranahmedse/developer-roadmap.git
synced 2025-08-28 11:39:52 +02:00
Add about page
This commit is contained in:
Kamran Ahmed
204
src/pages/about.astro
Normal file
204
src/pages/about.astro
Normal file
@@ -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>
|
||||
Reference in New Issue
Block a user