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