-
Notifications
You must be signed in to change notification settings - Fork 10.3k
/
bio.js
41 lines (37 loc) · 920 Bytes
/
bio.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import React from "react"
// Import typefaces
import "typeface-montserrat"
import "typeface-merriweather"
import profilePic from "./profile-pic.jpg"
import { rhythm } from "../utils/typography"
class Bio extends React.Component {
render() {
return (
<div
css={{
display: `flex`,
marginBottom: rhythm(2.5),
}}
>
<img
src={profilePic}
alt={`Kyle Mathews`}
css={{
marginRight: rhythm(1 / 2),
marginBottom: 0,
width: rhythm(2),
height: rhythm(2),
}}
/>
<p>
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>
</div>
)
}
}
export default Bio