Roadmap to becoming a developer in 2022
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

50 lines
1.7 KiB

import { faCodeBranch, faEnvelope } from '@fortawesome/free-solid-svg-icons/index';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { BadgeLink, BadgesList, PrimaryBadge, SecondaryBadge } from 'components/badges';
import FeaturedGuide from 'components/featured-guide';
import DefaultLayout from 'layouts/default/index';
5 years ago
import PageHeader from 'components/page-header';
import PageFooter from 'components/page-footer';
import SiteNav from 'components/site-nav';
import { getAllGuides } from 'lib/guide';
import siteConfig from 'content/site';
import Helmet from 'components/helmet';
const PageTitle = "Programming Guides";
const PageDescription = "Easy to follow guides on complex topics written and maintained by the community";
const GuidesList = () => (
<DefaultLayout>
<Helmet title={PageTitle} desciption={PageDescription} />
<SiteNav />
<PageHeader title={PageTitle} subtitle={PageDescription}>
<BadgesList className="mt-4">
<BadgeLink href={siteConfig.url.addGuide} target="_blank">
<SecondaryBadge>
<FontAwesomeIcon icon={faCodeBranch}/>
Write a Guide
</SecondaryBadge>
</BadgeLink>
<BadgeLink href="/signup">
<PrimaryBadge>
<FontAwesomeIcon icon={faEnvelope}/>
Send me Updates
</PrimaryBadge>
</BadgeLink>
</BadgesList>
</PageHeader>
<div className="pt-5 pb-5 bg-light border-top">
5 years ago
<div className="container">
<div className="row">
{ getAllGuides().map(guide => (
<FeaturedGuide guide={guide} key={ guide.url } />
)) }
</div>
5 years ago
</div>
</div>
5 years ago
<PageFooter />
</DefaultLayout>
);
export default GuidesList;