Add guide header

This commit is contained in:
Kamran Ahmed
2019-11-01 20:51:32 +04:00
parent 72f155dd95
commit acec5d610c
9 changed files with 437 additions and 20 deletions

View File

@@ -0,0 +1,18 @@
import { AuthorImage, GuideAuthor, GuideDate, GuideMeta, GuideSubtitle, GuideTitle, HeaderWrap } from './style';
const GuideHeader = (props) => (
<HeaderWrap className="border-bottom">
<GuideMeta>
<GuideAuthor href="https://github.com/kamranahmedse" target="_blank">
<AuthorImage src="/static/authors/kamranahmedse.jpeg" />
Kamran Ahmed
</GuideAuthor>
&middot;
<GuideDate>Wednesday, October 9th 2019</GuideDate>
</GuideMeta>
<GuideTitle>Design Patterns for Humans</GuideTitle>
<GuideSubtitle>An ultra-simplified explanation to design patterns</GuideSubtitle>
</HeaderWrap>
);
export default GuideHeader;