import React from 'react'
import PropTypes from 'prop-types'
import { graphql } from 'gatsby'
import Image from 'gatsby-image'

import { Row, Column } from '../components/grid'
import Layout from '../components/layout'

const IndexPage = ({ data }) => (
  <Layout>
    <Image
      fluid={data.file.childImageSharp.fluid}
      style={{
        width: 300,
        position: 'absolute',
        zIndex: -1,
        right: 'calc(50% - 150px)',
      }}
    />
    <Row>
      <Column size="six" offset="three">
        <h1 style={{ marginTop: '8rem' }}>
          Hey there! I’m a 17 year old maker from New Delhi, India.
        </h1>
        <p>
          I enjoy identifying problems around myself and solving them with code.
          I’m currently working on <a href="https://unslant.org">Unslant</a>, a
          browser extension aimed at exposing news readers to different
          perspectives on news stories.
        </p>
        <p>
          Design is a big part of everything I build; lately, I’ve been putting
          greater emphasis on design-only work. I also love working with text.
          Typography’s been a big focus of my learning this year&mdash;you can
          see examples in most of my recent projects. (I’m still a beginner, but
          I’m trying to get better!)
        </p>
        <p>
          I’m the President of <a href="https://exunclan.com">Exun Clan</a>, the
          technology club at Delhi Public School R.K. Puram.
        </p>
        <p>
          In April, I spent an extremely exciting week at the finals summit of
          the <a href="https://conradchallenge.org">Conrad Challenge</a>, where
          my team, <a href="https://katanglabs.com">Katang Labs</a>, won the
          NASA Goddard award.
        </p>
        <p>
          I haven’t had a whole lot of time to read this year, but I recently
          finished <em>Zero to One</em> by Peter Thiel and Blake Masters,{' '}
          <em>The Elements of Typographic Style</em> by Robert Bringhurst, and{' '}
          <em>Born a Crime</em> by Trevor Noah.
        </p>
        <p>
          Some shows I recently binged include <em>Terrace House Tokyo</em> and{' '}
          <em>Living with Yourself</em>.
        </p>
        <p>
          Yes, I have a <a href="https://krandiash.github.io">brother</a>.
        </p>
        <p>
          Sometimes <a href="https://twitter.com/KabirGoel">I tweet</a>.
        </p>
      </Column>
    </Row>
  </Layout>
)
IndexPage.propTypes = {
  data: PropTypes.shape({
    file: PropTypes.shape({
      childImageSharp: PropTypes.shape({
        fluid: PropTypes.object,
      }),
    }),
  }).isRequired,
}

export const IndexQuery = graphql`
  query IndexQuery {
    file(relativePath: { eq: "outline.png" }) {
      childImageSharp {
        fluid {
          ...GatsbyImageSharpFluid_noBase64
        }
      }
    }
  }
`

export default IndexPage

@@ -575,21 +575,16 @@
 I%E2%80%99m 
-a 17 year old
+Kabir, a
  mak
@@ -651,649 +651,584 @@
   I 
-enjoy identifying problems around myself and solving them with code.%0A          I%E2%80%99m currently working on %3Ca href=%22https://unslant.org%22%3EUnslant%3C/a%3E, a%0A          browser extension aimed at exposing news readers to different%0A          perspectives on news stories.%0A        %3C/p%3E%0A        %3Cp%3E%0A          Design is a big part of everything I build; lately, I%E2%80%99ve been putting%0A          greater emphasis on design-only work. I also love working with text.%0A          Typography%E2%80%99s been a big focus of my learning this year&mdash;you can%0A          see examples in most of my recent projects. (I%E2%80%99m still a beginner, but%0A          I%E2%80%99m trying to get better!)
+love thinking about computers in terms of the ways we interact with%0A          them, from user interfaces to window managers to programming%0A          languages. I%E2%80%99m always trying to get better at making minimalist but%0A          functional interfaces that make people happy.%0A        %3C/p%3E%0A        %3Cp%3E%0A          %3Ca href=%22https://unslant.org%22%3EUnslant%3C/a%3E, a browser extension aimed%0A          at exposing news readers to different perspectives on news stories, is%0A          my latest project, and stems from my interest in the role of%0A          technology in political polarization.
 %0A   
@@ -1267,16 +1267,25 @@
 I%E2%80%99m the 
+outgoing 
 Presiden
@@ -1288,16 +1288,31 @@
 ident of
+%7B' '%7D%0A         
  %3Ca href
@@ -1353,26 +1353,16 @@
 /a%3E, the
-%0A         
  technol
@@ -1372,16 +1372,26 @@
  club at
+%0A         
  Delhi P
@@ -1418,763 +1418,633 @@
 ram.
-%0A        %3C/p%3E%0A        %3Cp%3E%0A          In April, I spent an extremely exciting week at the finals summit of%0A          the %3Ca href=%22https://conradchallenge.org%22%3EConrad Challenge%3C/a%3E, where%0A          my team, %3Ca href=%22https://katanglabs.com%22%3EKatang Labs%3C/a%3E, won the%0A          NASA Goddard award.%0A        %3C/p%3E%0A        %3Cp%3E%0A          I haven%E2%80%99t had a whole lot of time to read this year, but I recently%0A          finished %3Cem%3EZero to One%3C/em%3E by Peter Thiel and Blake Masters,%7B' '%7D%0A          %3Cem%3EThe Elements of Typographic Style%3C/em%3E by Robert Bringhurst, and%7B' '%7D%0A          %3Cem%3EBorn a Crime%3C/em%3E by Trevor Noah.%0A        %3C/p%3E%0A        %3Cp%3E%0A          Some shows I recently binged include %3Cem%3ETerrace House Tokyo%3C/em%3E and%7B' '%7D%0A          %3Cem%3ELiving with Yourself%3C/em%3E
+ Many of my fondest memories from high%0A          school are of my time in Exun: winning hackathons, putting up our%0A          national technology festival, and meeting new people at competitions%0A          around New Delhi.%0A        %3C/p%3E%0A        %3Cp%3E%0A          In fall, I%E2%80%99m going to be headed to the University of California,%0A          Berkeley, where I%E2%80%99m planning to major in computer science and (maybe)%0A          double major in political science.%0A        %3C/p%3E%0A        %3Cp%3E%0A          I haven%E2%80%99t had a whole lot of time to read this year, but I recently%0A          finished %3Cem%3ESuper Pumped: The Battle for Uber%3C/em%3E by Mike Isaac
 .%0A  
@@ -2079,13 +2079,8 @@
     
- Yes,
  I h

Rewrite homepage copy