gatsby-starter-blog-forestry/components/Bio.js
2016-09-21 10:22:04 -07:00

31 lines
822 B
JavaScript

import React from 'react'
import { rhythm } from 'utils/typography'
import { prefixLink } from 'gatsby-helpers'
import profilePic from './profile-pic.jpg'
class Bio extends React.Component {
render () {
return (
<p
style={{
marginBottom: rhythm(2.5),
}}
>
<img
src={prefixLink(profilePic)}
alt={`author name`}
style={{
float: 'left',
marginRight: rhythm(1/4),
marginBottom: 0,
width: rhythm(2),
height: rhythm(2),
}}
/>
Written by <strong>TODO author name</strong> who lives and works in TODO San Francisco building useful things. <a href="https://twitter.com/kylemathews">You should follow him on Twitter</a>
</p>
)
}
}
export default Bio