{"size": 1194, "ext": "js", "max_stars_repo_path": "src/pages/index.js", "max_stars_repo_name": "santynaren/randomCheck", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/index.js", "max_issues_repo_name": "santynaren/randomCheck", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/index.js", "max_forks_repo_name": "santynaren/randomCheck", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.0909090909, "max_line_length": 166, "alphanum_fraction": 0.6122278057}
import React from "react";

import {  graphql } from "gatsby"
import Layout from "../components/layout";
import Home from '../components/home';
import Work from '../components/works';
import Profile from '../components/profile';
import Awards from '../components/awards';

import Grid from '@material-ui/core/Grid';









const IndexPage = ({data}) => (
  <Layout>

   <Home/>
   <Profile/>
   <div style={{marginTop:50}}>
   <Grid container spacing={3}>

   <Grid item md={12}xs={12}>
   <span class="header_works">My works !</span>

   </Grid>

   </Grid>
   <Grid container spacing={3}>
{data.allMarkdownRemark.edges.map(work =>(
  <Work key={work.node.id} title={work.node.frontmatter.title} body={work.node.frontmatter.short} tag={work.node.frontmatter.tags} href={work.node.frontmatter.path}/>
  ))}
  </Grid>
  </div>
  <br/>
  <br/>
  <span class="header_works">Awards</span>
<Awards/>
  </Layout>
)
export const worksQuery = graphql`
query workDoneQuery {
  allMarkdownRemark{
    edges{
      node{
        id
        frontmatter{
          path
          title
          tags
          short
          img
        },
        excerpt
      }
    }
  }
}
`
export default IndexPage
