{"size": 3678, "ext": "js", "max_stars_repo_path": "src/pages/work/ae.js", "max_stars_repo_name": "rescuevessel/rescuevessel_3.2", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/work/ae.js", "max_issues_repo_name": "rescuevessel/rescuevessel_3.2", "max_issues_repo_issues_event_min_datetime": "2021-06-24T20:07:42.000Z", "max_issues_repo_issues_event_max_datetime": "2021-11-10T15:45:45.000Z", "max_forks_repo_path": "src/pages/work/ae.js", "max_forks_repo_name": "rescuevessel/rescuevessel_3.2", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 2, "max_forks_count": null, "avg_line_length": 24.6845637584, "max_line_length": 80, "alphanum_fraction": 0.5576400218}
import React from 'react'
import Img from 'gatsby-image'
import { graphql } from 'gatsby'
import Layout from '../../components/layout'
import VimeoAutoplay from '../../components/vimeoAutoplay'
import WorkTitleSection from '../../components/workTitleSection'
import { documentToReactComponents } from '@contentful/rich-text-react-renderer'
import mixpanel from 'mixpanel-browser'

mixpanel.track('Visited A&E')

export default function AE({ data }) {
  let ae = data.contentfulAe

  return (
    <Layout>
      <div className='centered-work'>
        <VimeoAutoplay link={ae.hero} />
      </div>
      <WorkTitleSection title={ae.title} desc={ae.description01.json} />
      <div className='centered-work'>
        <VimeoAutoplay link={ae.lineup_02} />
      </div>
      <div className='centered-work grid-thirds type'>
        <div>{documentToReactComponents(ae.description02.json)}</div>
        <div></div>
      </div>

      <div className='grid-2 centered-work'>
        <Img fluid={ae.ep_grid.fluid} />
        <VimeoAutoplay link={ae.endPage01} />
        <Img fluid={ae.lineup_grid.fluid} />
        <Img fluid={ae.lineup01.fluid} />
      </div>

      <div className='centered-work'>
        <Img fluid={ae.snipe01.fluid} />
      </div>
      <div className='grid-2 centered-work type'>
        <div>{documentToReactComponents(ae.typeDesc.json)}</div>
        <div>{documentToReactComponents(ae.typeDesc02.json)}</div>
      </div>
      <div className='centered-work'>
        <Img fluid={ae.typeSystem.fluid} />
      </div>
      <div className='centered-work'>
        <VimeoAutoplay link={ae.untold} />
      </div>
      <div className='centered-work grid-2 type'>
        <div>{documentToReactComponents(ae.designPrinciplesDesc.json)}</div>
        <div className='grid-row'>
          <Img fluid={ae.handcrafted02.fluid} />
          <VimeoAutoplay link={ae.intentional01} />
        </div>
      </div>
      <div className='centered-work'>
        <Img fluid={ae.handcrafted01.fluid} />
      </div>
      <div className='grid-2 centered-work'>
        <VimeoAutoplay link={ae.wacoTc} />
        <Img fluid={ae.handcrafted04.fluid} />
      </div>
      <div className='centered-work'>
        <VimeoAutoplay link={ae.intentional02} />
      </div>
      <div className='grid-2 centered-work'>
        <VimeoAutoplay link={ae.intentional03} />
        <Img fluid={ae.intentional04.fluid} />
      </div>
    </Layout>
  )
}

export const ae_query = graphql`
  query AE {
    contentfulAe {
      hero
      title
      description01 {
        json
      }
      description02 {
        json
      }
      ep_grid {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
      endPage01
      lineup_grid {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
      lineup01 {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
      lineup_02
      untold
      snipe01 {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
      typeDesc {
        json
      }
      typeDesc02 {
        json
      }
      typeSystem {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
      designPrinciplesDesc {
        json
      }
      handcrafted01 {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
      handcrafted02 {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
      handcrafted04 {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
      wacoTc
      intentional01
      intentional02
      intentional03
      intentional04 {
        fluid {
          ...GatsbyContentfulFluid
        }
      }
    }
  }
`
