Files
developer-roadmap/pages/roadmaps.js

49 lines
1.5 KiB
JavaScript
Raw Normal View History

2019-11-08 16:47:21 +04:00
import { faPlus } from '@fortawesome/free-solid-svg-icons';
import DefaultLayout from 'layouts/default/index';
2019-11-08 10:22:30 +04:00
import SiteNav from 'components/site-nav';
2019-11-08 16:47:21 +04:00
import PageFooter from 'components/page-footer';
import PageHeader from 'components/page-header';
import roadmaps from "data/roadmaps";
import RowBlock from 'components/row-block';
import IconRowBlock from 'components/icon-row-block';
import siteConfig from "data/site";
2019-10-29 17:46:54 +04:00
const RoadmapsList = () => (
2019-10-29 17:46:54 +04:00
<DefaultLayout>
2019-11-08 10:22:30 +04:00
<SiteNav />
2019-11-01 09:28:05 +04:00
<div className="container">
<PageHeader
2019-11-08 18:57:57 +04:00
title="Developer Roadmaps"
2019-11-08 17:59:16 +04:00
subtitle="Step by step guides and paths to learn different tools or technologies"
/>
2019-11-08 16:47:21 +04:00
</div>
<div className="pt-5 pb-5 bg-light border-top">
<div className="container">
<div className="row">
{ roadmaps.map(roadmap => (
<RowBlock
2019-11-09 15:40:32 +04:00
key={ roadmap.url }
2019-11-08 16:47:21 +04:00
title={ roadmap.title.replace(/roadmap|developer/i, '') }
subtitle={ roadmap.featuredDescription || roadmap.description }
url={ roadmap.url }
disabled={ roadmap.upcoming }
badge={ roadmap.upcoming ? 'upcoming' : '' }
/>
)) }
<IconRowBlock
url={ siteConfig.url.addRoadmap }
icon={ faPlus }
openExternal={true}
text="Submit a Roadmap"
/>
</div>
</div>
2019-11-01 09:28:05 +04:00
</div>
2019-11-08 16:47:21 +04:00
<PageFooter />
2019-10-29 17:46:54 +04:00
</DefaultLayout>
);
export default RoadmapsList;