{"size": 1426, "ext": "js", "max_stars_repo_path": "app/assets/scripts/components/workshop-fold.js", "max_stars_repo_name": "dqgorelick/openaq.org", "max_stars_repo_stars_event_min_datetime": "2016-11-06T16:06:42.000Z", "max_stars_repo_stars_event_max_datetime": "2021-09-21T08:40:08.000Z", "max_issues_repo_path": "app/assets/scripts/components/workshop-fold.js", "max_issues_repo_name": "dqgorelick/openaq.org", "max_issues_repo_issues_event_min_datetime": "2016-11-01T17:10:37.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-29T13:56:08.000Z", "max_forks_repo_path": "app/assets/scripts/components/workshop-fold.js", "max_forks_repo_name": "dqgorelick/openaq.org", "max_forks_repo_forks_event_min_datetime": "2017-01-05T13:23:07.000Z", "max_forks_repo_forks_event_max_datetime": "2021-06-04T00:09:14.000Z"}
{"max_stars_count": 27, "max_issues_count": 332, "max_forks_count": 22, "avg_line_length": 30.3404255319, "max_line_length": 94, "alphanum_fraction": 0.5666199158}
'use strict';
import React from 'react';
import createReactClass from 'create-react-class';

/*
 * create-react-class provides a drop-in replacement for the outdated React.createClass,
 * see https://reactjs.org/docs/react-without-es6.html
 * Please modernize this code using functional components and hooks!
 */
var WorkshopFold = createReactClass({
  displayName: 'WorkshopFold',

  render: function () {
    return (
      <section className="workshop-fold">
        <div className="inner">
          <header className="workshop-fold__header">
            <h1 className="workshop-fold__title">Hold a Workshop</h1>
            <div className="prose prose--responsive">
              <p>
                Interested in convening various members of your community around
                open air quality data? We can help!
              </p>
              <p>
                <a href="mailto:info@openaq.org" className="workshop-go-button">
                  <span>Contact Us</span>
                </a>
              </p>
            </div>
          </header>

          <figure className="workshop-fold__media">
            <img
              src="/assets/graphics/content/view--community-workshops/workshop-fold-media.jpg"
              alt="Cover image"
              width="830"
              height="830"
            />
          </figure>
        </div>
      </section>
    );
  },
});

module.exports = WorkshopFold;
