{"size": 801, "ext": "js", "max_stars_repo_path": "src/components/showcases/lf4d.js", "max_stars_repo_name": "timothyde/gatsby-portfolio-page", "max_stars_repo_stars_event_min_datetime": "2020-07-26T23:05:18.000Z", "max_stars_repo_stars_event_max_datetime": "2020-07-26T23:05:18.000Z", "max_issues_repo_path": "src/components/showcases/lf4d.js", "max_issues_repo_name": "timothyde/gatsby-portfolio-page", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/showcases/lf4d.js", "max_forks_repo_name": "timothyde/gatsby-portfolio-page", "max_forks_repo_forks_event_min_datetime": "2018-08-22T16:01:59.000Z", "max_forks_repo_forks_event_max_datetime": "2018-08-22T16:01:59.000Z"}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 22.25, "max_line_length": 58, "alphanum_fraction": 0.5792759051}
import React from 'react'

import {
  ShowcaseCaption,
  ShowcaseEmbed,
  ShowcaseImage,
  ShowcaseVideo,
} from '../showcase'
import Tag from '../buttons/tag'

const LF4D = () => {
  return (
    <div>
      <h5>/SHOWCASE/006</h5>
      <ShowcaseVideo>
        <ShowcaseEmbed>
          <iframe
            src="https://player.vimeo.com/video/193990616"
            allowFullScreen
          />
        </ShowcaseEmbed>
      </ShowcaseVideo>
      <ShowcaseCaption>
        <h1>Liquid Force 4D Bindings</h1>
        <Tag color="#fa8c16">Storyboard</Tag>
        <Tag color="#fa8c16">Modeling</Tag>
        <Tag color="#fa8c16">Animation</Tag>
        <Tag color="#fa8c16">Rendering</Tag>
        <Tag color="#fa8c16">Sound Design</Tag>
      </ShowcaseCaption>
    </div>
  )
}

export default LF4D
