<commit_before><header>
  <h1>Welcome to Transaction Mappr!</h1>
  <nav>
    <p>FILTER TRANSACTIONS BY TYPE</p>
    <ul>
      <li><a href="/">CHARGE</a></li>
      <li><a href="/">EARNING</a></li>
      <li><a href="/">BOTH</a></li>
      <li><a href="/">ALL</a></li>
    </ul>
  </nav>
  <h2>This simple app uses a sample data set to show correlation between users' locations and the types of transactions they are making.</h2>
  <h2>The slider can be used to adjust date, or click is and use the arrows.</h2>
  <input id="slider" type="range" min="0" max="60" value="0"/>
</header>
<div id="map-canvas"></div>
<aside>
  <div id="date">2015-1-23</div>
  <div id="results"></div>
</aside>

<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=" + ENV['API_KEY']>
</script>

<!-- v=3.exp&signed_in=true -->
<commit_msg>Restructure header with #header-info and #header-controls so that structure helps group all interactive components closer together - this makes less work for the user since the mouse does not need to travel as far, and all interactive components are within a column; Also slightly reword the textual information provided to the user<commit_after><header>
  <div id="header-info">
  <h1>Welcome to <span>Transaction Mappr!</span></h1>
  <h2>This simple app uses a sample data set to show correlation between users' locations and the types of transactions they are making.</h2>
  <h2><span>Use the slider to adjust the date - click & drag, or click it & use the arrow keys. Place the mouse on transaction list items for additional information!</span></h2>
  </div>
  <div id="header-controls">
    <nav>
      <p>FILTER TRANSACTIONS BY TYPE</p>
      <ul>
        <li><a href="/">CHARGE</a></li>
        <li><a href="/">EARNING</a></li>
        <li><a href="/">BOTH</a></li>
        <li><a href="/">ALL</a></li>
      </ul>
    </nav>
    <input id="slider" type="range" min="0" max="60" value="0"/>
  </div>
</header>
<div id="map-canvas"></div>
<aside>
  <div id="date">2015-1-23</div>
  <div id="results"></div>
</aside>

<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?key=" + ENV['API_KEY']>
</script>

<!-- v=3.exp&signed_in=true -->

{'fraction_non_alphanumeric': 0.18670886075949367, 'fraction_numerical': 0.0162748643761302, 'mean_word_length': 3.7286324786324787, 'pattern_counts': {'":': 0, '<': 95, '<?xml version=': 0, '>': 95, 'https://': 2, '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': '231317', 'n_tokens_mistral': 774, 'n_tokens_neox': 746, 'n_words': 225}