|
|
@ -1,29 +1,42 @@ |
|
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; |
|
|
|
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'; |
|
|
|
import { faGithub, faTwitter } from '@fortawesome/free-brands-svg-icons' |
|
|
|
import { faGithub, faFacebookSquare, faTwitterSquare, faTwitter, faHackerNewsSquare, faRedditSquare } from '@fortawesome/free-brands-svg-icons' |
|
|
|
import { AuthorImg, FooterWrap, AuthorInfoWrap, WrittenBy, AuthorBio } from './style'; |
|
|
|
import { AuthorBio, AuthorImg, AuthorInfoWrap, AuthorMeta, ContributeIcon, FooterWrap, ShareIcons, ShareWrap, WrittenBy } from './style'; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
const GuideFooter = (props) => ( |
|
|
|
const GuideFooter = (props) => ( |
|
|
|
<FooterWrap> |
|
|
|
<FooterWrap> |
|
|
|
<AuthorImg src="/static/authors/kamranahmedse.jpeg" alt="" /> |
|
|
|
<ShareWrap> |
|
|
|
<AuthorInfoWrap> |
|
|
|
<ContributeIcon> |
|
|
|
<WrittenBy>Written By</WrittenBy> |
|
|
|
|
|
|
|
<h4><a href="#">Kamran Ahmed</a></h4> |
|
|
|
|
|
|
|
<AuthorBio>Lead engineer at Tajawal. Created roadmap.sh. Lover of web and opensource</AuthorBio> |
|
|
|
|
|
|
|
<p className="social-links"> |
|
|
|
|
|
|
|
<a href="#"> |
|
|
|
|
|
|
|
<FontAwesomeIcon icon={ faTwitter } /> |
|
|
|
|
|
|
|
Follow on Twitter |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
<a href="#"> |
|
|
|
<a href="#"> |
|
|
|
|
|
|
|
<span>Improve this Guide </span> |
|
|
|
<FontAwesomeIcon icon={ faGithub } /> |
|
|
|
<FontAwesomeIcon icon={ faGithub } /> |
|
|
|
Follow on GitHub |
|
|
|
|
|
|
|
</a> |
|
|
|
</a> |
|
|
|
</p> |
|
|
|
</ContributeIcon> |
|
|
|
{ /*<span className="social-icons">*/ } |
|
|
|
<ShareIcons> |
|
|
|
{ /*<a href="#"><TwitterIcon /></a>*/ } |
|
|
|
<span>Help spread the word</span> |
|
|
|
{ /*<a href="#"><GitHubIcon /></a>*/ } |
|
|
|
<a href="#"><FontAwesomeIcon icon={ faTwitterSquare } /></a> |
|
|
|
{ /*</span>*/ } |
|
|
|
<a href="#"><FontAwesomeIcon icon={ faFacebookSquare } /></a> |
|
|
|
|
|
|
|
<a href="#"><FontAwesomeIcon icon={ faRedditSquare } /></a> |
|
|
|
|
|
|
|
<a href="#"><FontAwesomeIcon icon={ faHackerNewsSquare } /></a> |
|
|
|
|
|
|
|
</ShareIcons> |
|
|
|
|
|
|
|
</ShareWrap> |
|
|
|
|
|
|
|
<AuthorInfoWrap className="border-top"> |
|
|
|
|
|
|
|
<AuthorImg src="/static/authors/kamranahmedse.jpeg" alt="" /> |
|
|
|
|
|
|
|
<AuthorMeta> |
|
|
|
|
|
|
|
<WrittenBy>Written By</WrittenBy> |
|
|
|
|
|
|
|
<h4><a href="#">Kamran Ahmed</a></h4> |
|
|
|
|
|
|
|
<AuthorBio>Lead engineer at Tajawal. Created roadmap.sh. Lover of web and opensource</AuthorBio> |
|
|
|
|
|
|
|
<p className="social-links"> |
|
|
|
|
|
|
|
<a href="#"> |
|
|
|
|
|
|
|
<FontAwesomeIcon icon={ faTwitter } /> |
|
|
|
|
|
|
|
Follow on Twitter |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
<a href="#"> |
|
|
|
|
|
|
|
<FontAwesomeIcon icon={ faGithub } /> |
|
|
|
|
|
|
|
Follow on GitHub |
|
|
|
|
|
|
|
</a> |
|
|
|
|
|
|
|
</p> |
|
|
|
|
|
|
|
</AuthorMeta> |
|
|
|
</AuthorInfoWrap> |
|
|
|
</AuthorInfoWrap> |
|
|
|
</FooterWrap> |
|
|
|
</FooterWrap> |
|
|
|
); |
|
|
|
); |
|
|
|