<commit_before>import React from 'react'
import ReactDOMServer from 'react-dom/server'
import googleScript from './google-script'


/* eslint max-len:[2, 161] */ // TODO fix this
class App extends React.Component {
  render() {
    return (
      <html>
        <head lang="en">
          <title>JavaScript Air</title>
          <meta charSet="UTF-8" />
          <meta name="google-site-verification" content="85n8ZBk_3hSeShlRmsVJXgDolakFG4UsMJgpy3mQyPs" />
          <meta name="theme-color" content="#155674" />
          <link rel="shortcut icon" type="image/png" href="favicon.png"/>
          <link rel="stylesheet" href="styles.css" />
          <link rel="stylesheet" href="resources/font/font.css" />
        </head>
        <body>
          <header className="+text-center">
            <div id="logo">
              <a href="https://twitter.com/JavaScriptAir">
                <img src="resources/logo.png" />
              </a>
            </div>
            <h1>JavaScript Air</h1>
            <p>
              The <strong>live</strong> broadcast podcast
              all about JavaScript
            </p>
            <p>
              Brought to you by <a href="https://egghead.io">Egghead.io</a>
            </p>
          </header>

          <hr />

          <section className="group-of-icons +space-children">
            <a href="http://audio.javascriptair.com/feed/" className="icon-podcast" title="Podcast RSS Feed"></a>
            <a href="http://video.javascriptair.com" className="icon-youtube" title="YouTube Channel"></a>
            <a href="http://itunes.javascriptair.com" className="icon-apple" title="iTunes Podcast"></a>
          </section>

          <hr />

          <section>
            <h2>Upcoming Episodes</h2>
            <div className="episodes">
              <div className="episode">
                <h3>
                  <a href="https://plus.google.com/events/c39cuc7ueppus41ajobpr9qt6cg">
                    The past, present, and future of JavaScript
                  </a>
                  <br />
                  <small>
                    Wednesday, December 9th, 2015 at 12:00 PM (CT)
                  </small>
                </h3>
                <div className="person-group +space-children">
                  <div className="person">
                    <a href="https://twitter.com/brendaneich">
                      <img src="episodes/2015-12-09/brendaneich.png" alt="B<NAME>ich Profile Picture" />
                      <p><NAME><br />@brendaneich</p>
                    </a>
                  </div>
                </div>
                <p>
                  Kicking off JavaScript Air with a bang with our first guest <NAME>
                  (original creator of JavaScript) to talk about the past, present, and future of JavaScript.
                </p>
              </div>
            </div>
          </section>

          <hr />

          <section>
            <h2>Host</h2>
            <div className="person-group">
              <div className="person">
                <a href="https://twitter.com/kentcdodds">
                  <img src="resources/kentcdodds.png" alt="<NAME> Profile Picture" />
                  <p><NAME><br />@kentcdodds</p>
                </a>
              </div>
            </div>
            <p className="+text-center">
              JavaScript Air is hosted by <a href="https://egghead.io/instructors/kentcdodds">egghead.io</a> instructor <NAME>
            </p>
          </section>

          <hr />

          <section>
            <h2>Panelists</h2>
            <div className="person-group +space-children">
              <div className="person">
                <a href="https://twitter.com/dan_abramov">
                  <img src="resources/panelists/dan_abramov.png" alt="<NAME> Profile Picture" />
                  <p><NAME><br />@dan_abramov</p>
                </a>
              </div>
              <div className="person">
                <a href="https://twitter.com/drboolean">
                  <img src="resources/panelists/drboolean.png" alt="<NAME> Profile Picture" />
                  <p><NAME><br />@drboolean</p>
                </a>
              </div>
              <div className="person">
                <a href="https://twitter.com/getify">
                  <img src="resources/panelists/getify.png" alt="<NAME> Profile Picture" />
                  <p><NAME><br />@getify</p>
                </a>
              </div>
              <div className="person">
                <a href="https://twitter.com/kwuchu">
                  <img src="resources/panelists/kwuchu.png" alt="<NAME> Profile Picture" />
                  <p><NAME><br />@kwuchu</p>
                </a>
              </div>
              <div className="person">
                <a href="https://twitter.com/linclark">
                  <img src="resources/panelists/linclark.png" alt="<NAME> Profile Picture" />
                  <p><NAME><br />@linclark</p>
                </a>
              </div>
              <div className="person">
                <a href="https://twitter.com/mzabriskie">
                  <img src="resources/panelists/mzabriskie.png" alt="<NAME> Profile Picture" />
                  <p><NAME><br />@mzabriskie</p>
                </a>
              </div>
              <div className="person">
                <a href="https://twitter.com/pamasaur">
                  <img src="resources/panelists/pamasaur.png" alt="<NAME> Profile Picture" />
                  <p><NAME><br />@pamasaur</p>
                </a>
              </div>
              <div className="person">
                <a href="https://twitter.com/tylermcginnis33">
                  <img src="resources/panelists/tylermcginnis33.png" alt="Tyler McGinnis Profile Picture" />
                  <p><NAME><br />@tylermcginnis33</p>
                </a>
              </div>
            </div>
            <p className="+text-center">
              JavaScript Air has <a href="http://panelists.javascriptair.com">a panel</a> of some of the most
              awesome people the community has to offer
            </p>
          </section>

          <hr />

          <section className="group-of-icons +space-children">
            <a href="https://twitter.com/JavaScriptAir" className="icon-twitter" title="Twitter Profile"></a>
            <a href="https://plus.google.com/105493143005968326308" className="icon-google-plus" title="Google+ Page"></a>
            <a href="https://facebook.com/JavaScriptAir" className="icon-facebook2" title="Facebook Page"></a>
          </section>

          <script dangerouslySetInnerHTML={googleScript} />
        </body>
      </html>
    )
  }
}

const string = ReactDOMServer.renderToStaticMarkup(<App />)

console.log(string) // eslint-disable-line no-console<commit_msg>No need to have classes around here! Woot. Closes #2<commit_after>import React from 'react' // eslint-disable-line no-unused-vars
import ReactDOMServer from 'react-dom/server'
import googleScript from './google-script'


/* eslint max-len:[2, 161] */ // TODO fix this
function App() {
  return (
    <html>
      <head lang="en">
        <title>JavaScript Air</title>
        <meta charSet="UTF-8" />
        <meta name="google-site-verification" content="85n8ZBk_3hSeShlRmsVJXgDolakFG4UsMJgpy3mQyPs" />
        <meta name="theme-color" content="#155674" />
        <link rel="shortcut icon" type="image/png" href="favicon.png"/>
        <link rel="stylesheet" href="styles.css" />
        <link rel="stylesheet" href="resources/font/font.css" />
      </head>
      <body>
        <header className="+text-center">
          <div id="logo">
            <a href="https://twitter.com/JavaScriptAir">
              <img src="resources/logo.png" />
            </a>
          </div>
          <h1>JavaScript Air</h1>
          <p>
            The <strong>live</strong> broadcast podcast
            all about JavaScript
          </p>
          <p>
            Brought to you by <a href="https://egghead.io">Egghead.io</a>
          </p>
        </header>

        <hr />

        <section className="group-of-icons +space-children">
          <a href="http://audio.javascriptair.com/feed/" className="icon-podcast" title="Podcast RSS Feed"></a>
          <a href="http://video.javascriptair.com" className="icon-youtube" title="YouTube Channel"></a>
          <a href="http://itunes.javascriptair.com" className="icon-apple" title="iTunes Podcast"></a>
        </section>

        <hr />

        <section>
          <h2>Upcoming Episodes</h2>
          <div className="episodes">
            <div className="episode">
              <h3>
                <a href="https://plus.google.com/events/c39cuc7ueppus41ajobpr9qt6cg">
                  The past, present, and future of JavaScript
                </a>
                <br />
                <small>
                  Wednesday, December 9th, 2015 at 12:00 PM (CT)
                </small>
              </h3>
              <div className="person-group +space-children">
                <div className="person">
                  <a href="https://twitter.com/brendaneich">
                    <img src="episodes/2015-12-09/brendaneich.png" alt="Brendan Eich Profile Picture" />
                    <p><NAME><br />@brendaneich</p>
                  </a>
                </div>
              </div>
              <p>
                Kicking off JavaScript Air with a bang with our first guest <NAME>
                (original creator of JavaScript) to talk about the past, present, and future of JavaScript.
              </p>
            </div>
          </div>
        </section>

        <hr />

        <section>
          <h2>Host</h2>
          <div className="person-group">
            <div className="person">
              <a href="https://twitter.com/kentcdodds">
                <img src="resources/kentcdodds.png" alt="<NAME> Profile Picture" />
                <p><NAME><br />@kentcdodds</p>
              </a>
            </div>
          </div>
          <p className="+text-center">
            JavaScript Air is hosted by <a href="https://egghead.io/instructors/kentcdodds">egghead.io</a> instructor <NAME>
          </p>
        </section>

        <hr />

        <section>
          <h2>Panelists</h2>
          <div className="person-group +space-children">
            <div className="person">
              <a href="https://twitter.com/dan_abramov">
                <img src="resources/panelists/dan_abramov.png" alt="<NAME> Profile Picture" />
                <p><NAME><br />@dan_abramov</p>
              </a>
            </div>
            <div className="person">
              <a href="https://twitter.com/drboolean">
                <img src="resources/panelists/drboolean.png" alt="<NAME> Profile Picture" />
                <p><NAME><br />@drboolean</p>
              </a>
            </div>
            <div className="person">
              <a href="https://twitter.com/getify">
                <img src="resources/panelists/getify.png" alt="<NAME> Profile Picture" />
                <p><NAME><br />@getify</p>
              </a>
            </div>
            <div className="person">
              <a href="https://twitter.com/kwuchu">
                <img src="resources/panelists/kwuchu.png" alt="Iheanyi Ekechukwu Profile Picture" />
                <p>Iheanyi Ekechukwu<br />@kwuchu</p>
              </a>
            </div>
            <div className="person">
              <a href="https://twitter.com/linclark">
                <img src="resources/panelists/linclark.png" alt="<NAME> Profile Picture" />
                <p><NAME><br />@linclark</p>
              </a>
            </div>
            <div className="person">
              <a href="https://twitter.com/mzabriskie">
                <img src="resources/panelists/mzabriskie.png" alt="<NAME> Profile Picture" />
                <p><NAME><br />@mzabriskie</p>
              </a>
            </div>
            <div className="person">
              <a href="https://twitter.com/pamasaur">
                <img src="resources/panelists/pamasaur.png" alt="<NAME> Profile Picture" />
                <p><NAME><br />@pamasaur</p>
              </a>
            </div>
            <div className="person">
              <a href="https://twitter.com/tylermcginnis33">
                <img src="resources/panelists/tylermcginnis33.png" alt="<NAME> Profile Picture" />
                <p><NAME><br />@tylermcginnis33</p>
              </a>
            </div>
          </div>
          <p className="+text-center">
            JavaScript Air has <a href="http://panelists.javascriptair.com">a panel</a> of some of the most
            awesome people the community has to offer
          </p>
        </section>

        <hr />

        <section className="group-of-icons +space-children">
          <a href="https://twitter.com/JavaScriptAir" className="icon-twitter" title="Twitter Profile"></a>
          <a href="https://plus.google.com/105493143005968326308" className="icon-google-plus" title="Google+ Page"></a>
          <a href="https://facebook.com/JavaScriptAir" className="icon-facebook2" title="Facebook Page"></a>
        </section>

        <script dangerouslySetInnerHTML={googleScript} />
      </body>
    </html>
  )
}

const string = ReactDOMServer.renderToStaticMarkup(<App />)

console.log(string) // eslint-disable-line no-console
{'fraction_non_alphanumeric': 0.1508226010570982, 'fraction_numerical': 0.011836521998064469, 'mean_word_length': 1.5994582043343653, 'pattern_counts': {'":': 0, '<': 389, '<?xml version=': 0, '>': 389, 'https://': 34, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '7166354', 'n_tokens_mistral': 4049, 'n_tokens_neox': 3811, 'n_words': 761}