text: import React from 'react'
  import { graphql } from 'gatsby'
  import get from 'lodash/get'
  import Hemlet from 'react-helmet'
  
  import Layout from '../components/Layout'
  import DisplayImage from './../assets/images/main_image.jpg'
  
  class SiteIndex extends React.Component {
    render() {
      const siteTitle = get(this, 'props.data.site.siteMetadata.title')
      const siteDescription = get(
        this,
        'props.data.site.siteMetadata.description'
      )
  
      return (
        <Layout>
          <Hemlet>
            <title>{siteTitle}</title>
            <meta name="description" content={siteDescription} />
          </Hemlet>
          <p>
  	Writing about yourself is always so difficult. I have been a web developer since 2013, primairly using PHP, but dabling in node and python. This site is written in gatsby which is a static site powered by react. 
          </p>
          <img src={DisplayImage} alt={siteTitle} />
        </Layout>
      )
    }
  }
  
  export default SiteIndex
  
  export const query = graphql`
    query {
      site {
        siteMetadata {
          title
          description
        }
      }
    }
  `
  