Rainey updates

src/layouts/index.js

@@ -46,7 +46,7 @@ class Template extends React.Component {
                 </Helmet>
                 <div id="wrapper">
                     <Header onToggleMenu={this.handleToggleMenu} />
-                    {children()}
+                        {children()}
                     <Contact />
                     <Footer />
                 </div>

src/people/jeff-rainey/index.md

@@ -0,0 +1,10 @@
+---
+title: Jeff Rainey
+date: "2015-05-01T22:12:03.284Z"
+path: "/jeff-rainey/"
+type: person
+twitter: "https://twitter.com/jeffrainey"
+headshotUrl: "https://pbs.twimg.com/profile_images/94284075/Photo_33_400x400.jpg"
+---
+
+This is some markdown that describes me. I'm just typing this as a placeholder right now.

src/templates/person.js

@@ -9,15 +9,18 @@ class PersonTemplate extends React.Component {
     const siteTitle = get(this.props, 'data.site.siteMetadata.title')
 
     return (
-      <div>
-        <Helmet title={`${post.frontmatter.title} | ${siteTitle}`} />
-        <h1>{post.frontmatter.title}</h1>
-        <p>
-          {post.frontmatter.date}
-          {}
-        </p>
-        <div dangerouslySetInnerHTML={{ __html: post.html }} />
-        <hr/>
+      <div className="person">
+        <div className="inner">
+          <Helmet title={`${post.frontmatter.title} | ${siteTitle}`} />
+          <h1>{post.frontmatter.title}</h1>
+          <img src={post.frontmatter.headshotUrl} alt="" />
+          <p>
+            {post.frontmatter.date}
+            {}
+          </p>
+          <div dangerouslySetInnerHTML={{ __html: post.html }} />
+          <hr/>
+        </div>
       </div>
     )
   }