<commit_before>import React from 'react'

export default React.createClass ({
  render () {
    return (
      <div className="about-page">

        <h1>Here's some technologies I have experience with.</h1>
        <div className="technical-skills">
          <div id="full-stack-javascript-icon">
            <img className="skills-icons" src="/images/full-stack-javascript.png" alt="full-stack-javascript-icon"/>
            <h3>full stack javascript</h3>
          </div>
          <img className="skills-icons" src="/images/express.png" alt="express-icon"/>
          <div>
            <img className="skills-icons" src="/images/postgres.png" alt="postgres-icon"/>
            <h3>postgres</h3>
          </div>
          <div>
            <img className="skills-icons" src="/images/react-redux.png" alt="react-redux-icon"/>
            <h3>react-redux</h3>
          </div>
          <div>
            <img className="skills-icons" src="/images/react-router.png" alt="react-router-icon"/>
            <h3>react-router</h3>
          </div>
          <div>
            <img className="skills-icons" src="/images/react.png" alt="react-icon"/>
            <h3>react</h3>
          </div>
          <div>
            <img className="skills-icons" src="/images/redux.png" alt="redux-icon"/>
            <h3>redux</h3>
          </div>
          <img className="skills-icons" src="/images/webpack.png" alt="webpack-icon"/>
        </div>
      <hr/>
        <h1>And, here's a few things about me.</h1>
        <div className="personal">
          <div className="personal-lists">
            <h3>I love:</h3>
            <ul>
              <li>Tech and...</li>
              <li>Good Stories and...</li>
              <li>Good Company and...</li>
              <li>Sugar and...</li>
              <li>That melancholy feeling you get when you reminisce about past mistakes and realise that you've changed a lot since then.</li>
            </ul>
          </div>
          <div className="personal-lists">
            <h3>I do <em>NOT</em> like:</h3>
            <ul>
              <li>Brocolli and...</li>
              <li>Being mean to puppies and...</li>
              <li>Sand getting in places it shouldn't be and...</li>
              <li>Public speaking and...</li>
              <li>People exercising their existing power to empower themselves as they disempower others.</li>
            </ul>
          </div>
        </div>
      </div>
    )
  }
})
<commit_msg>restructured about page<commit_after>import React from 'react'

export default React.createClass ({
  render () {
    return (
      <div className="about-page">

        <h1>Here's some technologies I have experience with.</h1>
        <div className="technical-skills">
          <div id="full-stack-javascript-icon">
            <img className="skills-icons" src="/images/full-stack-javascript.png" alt="full-stack-javascript-icon"/>
            <h4>full stack javascript</h4>
          </div>
          <div>
            <img className="skills-icons" src="/images/express.png" alt="express-icon"/>
            <h4>express</h4>
          </div>
          <div>
            <img className="skills-icons" src="/images/postgres.png" alt="postgres-icon"/>
            <h4>postgres</h4>
          </div>
          <div>
            <img className="skills-icons" src="/images/react-redux.png" alt="react-redux-icon"/>
            <h4>react-redux</h4>
          </div>
          <div>
            <img className="skills-icons" src="/images/react-router.png" alt="react-router-icon"/>
            <h4>react-router</h4>
          </div>
          <div>
            <img className="skills-icons" src="/images/react.png" alt="react-icon"/>
            <h4>react</h4>
          </div>
          <div>
            <img className="skills-icons" src="/images/redux.png" alt="redux-icon"/>
            <h4>redux</h4>
          </div>
          <div>
            <img className="skills-icons" src="/images/webpack.png" alt="webpack-icon"/>
            <h4>webpack</h4>
          </div>
        </div>
      <hr/>
        <h1>And, here's a few things about me.</h1>
        <div className="personal">
          <div className="personal-lists">
            <h3>I love:</h3>
            <ul>
              <li>Tech and...</li>
              <li>Good Stories and...</li>
              <li>Good Company and...</li>
              <li>Sugar and...</li>
              <li>That melancholy feeling you get when you reminisce about past mistakes and realise that you've changed a lot since then.</li>
            </ul>
          </div>
          <div className="personal-lists">
            <h3>I do <em>NOT</em> like:</h3>
            <ul>
              <li>Brocolli and...</li>
              <li>Being mean to puppies and...</li>
              <li>Sand getting in places it shouldn't be and...</li>
              <li>Public speaking and...</li>
              <li>People exercising their existing power to empower themselves as they disempower others.</li>
            </ul>
          </div>
        </div>
      </div>
    )
  }
})

{'fraction_non_alphanumeric': 0.1594488188976378, 'fraction_numerical': 0.008661417322834646, 'mean_word_length': 1.6616029334730225, 'pattern_counts': {'":': 0, '<': 165, '<?xml version=': 0, '>': 165, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '3282152', 'n_tokens_mistral': 1525, 'n_tokens_neox': 1510, 'n_words': 332}