diff --git a/components/content-page-header.tsx b/components/content-page-header.tsx index 160e09bb1..65169acb0 100644 --- a/components/content-page-header.tsx +++ b/components/content-page-header.tsx @@ -10,7 +10,7 @@ export function ContentPageHeader(props: GuideHeaderProps) { const { title, subtitle } = props; return ( - + diff --git a/components/icons/github.svg b/components/icons/github.svg index 767e15aec..57af983a5 100644 --- a/components/icons/github.svg +++ b/components/icons/github.svg @@ -1,5 +1,3 @@ - - - + + diff --git a/components/icons/twitter.svg b/components/icons/twitter.svg index 213bf95f1..fd1f95ed7 100644 --- a/components/icons/twitter.svg +++ b/components/icons/twitter.svg @@ -1,3 +1,3 @@ - + - \ No newline at end of file + diff --git a/content/pages/about.md b/content/pages/about.md new file mode 100644 index 000000000..98f2b0f39 --- /dev/null +++ b/content/pages/about.md @@ -0,0 +1,67 @@ +## 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 5$ per month](https://github.com/sponsors/kamranahmedse) or with [one time payment via paypal](https://paypal.me/kamranahmedse). Alternatively, reach out to me at [kamranahmed.se@gmail.com](mailto:kamranahmed.se@gmail.com). + +## 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. + +## Can I redistribute the content? + +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. + +## What is the best way to contact you? + +Tweet or send me a message [@kamranahmedse](https://twitter.com/kamranahmedse) or email me +at [kamranahmed.se@gmail.com](mailto:kamranahmed.se@gmail.com). I get lots of messages so apologies in advance if you don't hear back +from me soon but I do reply to everyone. diff --git a/pages/about.tsx b/pages/about.tsx new file mode 100644 index 000000000..346c130fa --- /dev/null +++ b/pages/about.tsx @@ -0,0 +1,63 @@ +import React from 'react'; +import { Box, Button, Container, Flex, Heading, Image, Link, Stack, Text } from '@chakra-ui/react'; +import { GlobalHeader } from '../components/global-header'; +import { OpensourceBanner } from '../components/opensource-banner'; +import { UpdatesBanner } from '../components/updates-banner'; +import { Footer } from '../components/footer'; +import MdRenderer from '../components/md-renderer'; + +function AboutHeader() { + return ( + + + + + + Hello, I am Kamran + Ahmed + + I created roadmap.sh to help developers find their path if they are confused and help them grow in + their career. + + + + + + + + + + + + ); +} + +export default function About() { + const AboutContent = require(`../content/pages/about.md`).default; + + return ( + + + + + + + + + + + + + + + + ); +} diff --git a/public/kamran.jpeg b/public/kamran.jpeg new file mode 100644 index 000000000..5c743b583 Binary files /dev/null and b/public/kamran.jpeg differ