Add about page

pull/1657/head
Kamran Ahmed 5 years ago
parent 3ab9ef0fa8
commit 8a2ade41bc
  1. 5
      components/about-header/index.js
  2. 37
      components/faq-list/index.js
  3. 18
      components/faq-list/style.js
  4. 35
      storage/pages/about.md

@ -1,4 +1,5 @@
import { AboutHeaderWrap } from './style';
import siteConfig from "storage/site";
const AboutHeader = () => (
<AboutHeaderWrap>
@ -9,7 +10,7 @@ const AboutHeader = () => (
<h2>Hello, I'm Kamran Ahmed.</h2>
<p>I created <span className='flow-black'>roadmap.sh</span> to help developers find their path if they are confused and help them grow in their career.</p>
<div className="author-links">
<a href="mailto:kamran@roadmap.sh">@kamranahmedse</a>
<a href={`https://twitter.com/${siteConfig.twitter}`} target="_blank">@kamranahmedse</a>
<a href="mailto:kamran@roadmap.sh">kamran@roadmap.sh</a>
</div>
</div>
@ -18,4 +19,4 @@ const AboutHeader = () => (
</AboutHeaderWrap>
);
export default AboutHeader;
export default AboutHeader;

@ -1,33 +1,16 @@
import { FaqContainer, FaqItem } from './style';
import { FaqContainer } from './style';
import GuideBody from 'components/guide-body';
const AboutPage = require(`../../storage/pages/about.md`).default;
const FaqList = () => (
<FaqContainer className='border-top bg-light'>
<FaqItem>
<div className="container container-small">
<h4 className='font-weight-bolder'>What is roadmap.sh?</h4>
<p>Roadmap.sh is the community curated roadmaps and paths for the budding developers. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid assumenda iure maiores nemo nihil odio perspiciatis recusandae repellendus sed vero. Adipisci consectetur esse explicabo illum natus neque perferendis quis ullam.</p>
<p>If you really want to Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab asperiores commodi consequatur, culpa cumque dolorum, eos hic illo obcaecati odit quam quod reiciendis, rem reprehenderit saepe sed tempore tenetur vitae!</p>
</div>
</FaqItem>
<FaqItem>
<div className="container container-small">
<h4 className="font-weight-bolder">What are the plans for roadmap.sh?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolore eaque eius esse, facere id ipsum, minima nam, nisi quos reprehenderit saepe tempora vitae voluptate. Atque deleniti dolores eos laboriosam repellat.</p>
</div>
</FaqItem>
<FaqItem>
<div className="container container-small">
<h4 className="font-weight-bolder">What is the source of revenue?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur, harum impedit numquam porro quod unde! Aperiam dolorum ducimus expedita fugiat, impedit nesciunt, quaerat qui recusandae repellendus tenetur ut voluptatibus!</p>
</div>
</FaqItem>
<FaqItem>
<div className="container container-small">
<h4 className="font-weight-bolder">Can I contribute?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi consequuntur, harum impedit numquam porro quod unde! Aperiam dolorum ducimus expedita fugiat, impedit nesciunt, quaerat qui recusandae repellendus tenetur ut voluptatibus!</p>
</div>
</FaqItem>
<div className="container container-small">
<GuideBody>
<AboutPage />
</GuideBody>
</div>
</FaqContainer>
);
export default FaqList;
export default FaqList;

@ -2,10 +2,15 @@ import styled from 'styled-components';
export const FaqContainer = styled.div`
padding: 40px 0;
`;
export const FaqItem = styled.div`
padding: 20px 20px;
h4 {
margin-top: 30px;
font-weight: 700;
}
h4:first-child {
margin-top: 0;
}
p {
color: #333;
@ -14,4 +19,7 @@ export const FaqItem = styled.div`
p:last-child {
margin-bottom: 0;
}
`;
.container {
}
`;

@ -0,0 +1,35 @@
#### What is roadmap.sh?
Roadmap.sh is the place containing community curated roadmaps, study plans, paths and resources for the budding developers. It started as a [set of charts to guide the developers](https://github.com/kamranahmedse/developer-roadmap) who are confused about what should they learn next but that alone wasn't enough so I expanded it into the website to get more contributors involved.
#### What are the plans for roadmap.sh?
The website started off as a [simple repository containing a few charts](https://github.com/kamranahmedse/developer-roadmap) for developers and based on my personal opinions but it could have been much more than that so I decided to expand it to a website where people can contribute to study plans with their areas of expertise as well, add more roadmaps, write guides etc.
We haven't opened up the sign ups for now but we will be doing. My long term plans for this website are to turn it into a goto place for the developers to seek guidance about their careers, help others, share their journeys, incentivize the learnings, get feedbacks on their projects etc.
#### How did you build roadmap.sh?
The basic version of the website has been built with [Next.js](https://github.com/zeit/next.js/), is opensource and can be found on [github](https://github.com/kamranahmedse/roadmap.sh). It was hastily done to get it out in front of the people and get people to start contributing so it might be rough on the edges, but that is where we need your help.
#### How does it make money?
It doesn't make any money. I have been using my personal time and budget to build it. I did not create this website with any intentions of monetization but as a good will, to help the people get out of the frustration that I was once in.
Having said that, I love teaching and my future plans are to be able to work full-time on roadmap.sh for which it has to make enough money to pay for my rent, groceries, bills, travel expenses, etc but even if it doesn't it's likely I'll continue growing the site however I can. My focus at the moment is not making money from it and just add content that creates value for the people.
> Sponsor the efforts by [paying as little as 3$ per month](http://gum.co/roadmap-sh) or with [one time payment via paypal](https://paypal.me/kamranahmedse). Alternatively, reach out to me at [kamran@roadmap.sh](mailto:kamran@roadmap.sh).
#### Can I contribute?
You definitely can, infact you are encouraged to do that. Even your minor contributions such as typo fixes count. The source code of the website can be [found on Github](https://github.com/kamranahmedse/roadmap.sh). Your contributions can be:
* Adding a new roadmap
* Updating existing roadmap
* Suggesting changes to the existing roadmaps
* Writing a Guide
* Updating an existing guide
* Fixing grammar mistakes, typos on the website or the content
* Updating the UI of the website
* Refactoring the codebase
* Becoming a sponsor
Just make sure to [follow the contribution guidelines](https://github.com/kamranahmedse/roadmap.sh/tree/master/contributing) when you decide to contribute.
#### What is the best way to contact you?
Tweet or send me a message [@kamranahmedse](https://twitter.com/kamranahmedse) or email me at [kamran@roadmap.sh](kamran@roadmap.sh). I get lots of messages so apologies in advance if you don't hear back from me soon but I do reply to everyone.
Loading…
Cancel
Save