Consolidate two bios into one Bio component

pages/index.js

@@ -7,6 +7,7 @@ import { rhythm } from 'utils/typography'
 import access from 'safe-access'
 import { config } from 'config'
 import include from 'underscore.string/include'
+import Bio from 'components/Bio'
 
 class BlogIndex extends React.Component {
   render () {
@@ -33,23 +34,7 @@ class BlogIndex extends React.Component {
     return (
       <DocumentTitle title={config.blogTitle}>
         <div>
-          <p
-            style={{
-              marginBottom: rhythm(2.5),
-            }}
-          >
-            <img
-              src="./kyle-round-small-pantheon.jpg"
-              style={{
-                float: 'left',
-                marginRight: rhythm(1/4),
-                marginBottom: 0,
-                width: rhythm(2),
-                height: rhythm(2),
-              }}
-            />
-            Written by <strong>{config.authorName}</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>
+          <Bio/>
           <ul>
             {pageLinks}
           </ul>