1
0
mirror of https://github.com/kamranahmedse/developer-roadmap.git synced 2025-01-17 22:28:32 +01:00

Add upcoming roadmap page

This commit is contained in:
Kamran Ahmed 2019-11-09 14:56:56 +04:00
parent 8d81679248
commit e0702bbb59
5 changed files with 52 additions and 6 deletions

View File

@ -6,9 +6,21 @@ const BlockQuote = styled.blockquote`
background: #e8e8e8;
border-radius: 5px;
h1, h2, h3, h4, h5, h6 {
margin-top: 0;
}
p + h4 {
margin-top: 15px;
}
p {
margin: 0;
& + p {
margin-top: 10px;
}
}
`;
export default BlockQuote;
export default BlockQuote;

View File

@ -4,7 +4,7 @@ export const SummaryContainer = styled.div``;
export const Header = styled.div`
text-align: center;
padding: 60px 0 55px;
padding: 45px 30px 55px;
`;
export const Summary = styled.div`
@ -19,7 +19,7 @@ export const Summary = styled.div`
export const Title = styled.h1`
font-weight: 700;
margin-bottom: 12px;
font-size: 46px;
font-size: 48px;
`;
export const Description = styled.p`

View File

@ -41,13 +41,13 @@
{
"title": "Full Stack Developer",
"description": "Step by step guide to becoming a modern full stack developer in 2019",
"url": "/signup",
"url": "/fullstack",
"upcoming": true
},
{
"title": "QA Engineer",
"description": "Steps to follow in order to become a modern QA Engineer in 2019",
"url": "/signup",
"url": "/qa-engineer",
"upcoming": true
}
]

11
data/roadmaps/upcoming.md Normal file
View File

@ -0,0 +1,11 @@
> **Roadmap is not ready yet**. Please check back later or [subscribe to get notified](/signup).
While we prepare the roadmap, follow this simple advice to learn anything
> Just **pick a project and start working on it**, you will learn all that you need along the way.
**→**   [All Roadmaps](/roadmaps)  •  [Programming guides](/guides)  •  [Subscribe](/signup)

View File

@ -5,13 +5,36 @@ import PageFooter from 'components/page-footer';
import RoadmapSummary from 'components/roadmap-summary';
import { serverOnlyProps } from 'lib/server';
import { getRequestedRoadmap } from 'lib/roadmap';
import Helmet from '../../components/helmet';
import Helmet from 'components/helmet';
import PageHeader from 'components/page-header';
import GuideBody from 'components/guide-body';
const Roadmap = ({ roadmap }) => {
if (!roadmap) {
return <Error statusCode={ 404 } />
}
if (roadmap.upcoming) {
const GuideContent = require(`../../data/roadmaps/upcoming.md`).default;
return (
<DefaultLayout>
<Helmet title={ roadmap.title } description={ roadmap.description } />
<SiteNav />
<PageHeader
title={ roadmap.title}
subtitle={roadmap.description}
/>
<div className="border-top pt-5">
<GuideBody >
<GuideContent />
</GuideBody>
</div>
<PageFooter />
</DefaultLayout>
);
}
return (
<DefaultLayout>
<Helmet title={ roadmap.title } description={ roadmap.description } />