From b30f7d2e96967a322c62a768f676036fccb89c29 Mon Sep 17 00:00:00 2001
From: Kamran Ahmed <kamranahmed.se@gmail.com>
Date: Tue, 3 Jan 2023 00:33:08 +0400
Subject: [PATCH] Add about page

---
 src/pages/about.astro | 204 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 204 insertions(+)
 create mode 100644 src/pages/about.astro

diff --git a/src/pages/about.astro b/src/pages/about.astro
new file mode 100644
index 000000000..436785e41
--- /dev/null
+++ b/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>