<commit_before><!-- This is the page that is shown when we are trying to match with the other people in our session -->
<!-- We should be shown a movie, and then choose 'yes' or 'no' -->
<div id="match" class="container">
  <div class="header center row">
    <!-- visible-xs and -sm denote that the element is visible on a small screen -->
    <h2 class="col-xs-12 visible-xs visible-sm">
      <div class="app_title large">Movie Match</div>
      <div class="session_name large">( {{ session.name }} )</div>
    </h2>
    <!-- hidden-xs and hidden-sm denote that the element is invisible on a small screen -->
    <h2 class="col-xs-12 hidden-xs hidden-sm">
      <span class="app_title">Movie Match</span> <span class="session_name">( {{ session.name }} )</span>
    </h2>
  </div>
  <p class="center"><span class="bold">{{ user.name }}</span>, would you like to see this movie with your friends today?</p>
  <div class="movie">
    <h2 class="center">{{ movie.name }} ({{ movie.year }})</h2>
    <h6 class="center">{{ movie.rating }} | {{ movie.runtime }} | <span ng-repeat="genre in movie.genres">{{ genre }} </span> | ({{ movie.country }})</h6>
    <div class="row">
      <!-- We want to size the poster appropriately so we can
      see the buttons at the bottom -->
      <img class="poster col-xs-6" alt="{{ movie.name }} poster" src="{{ movie.poster_path }}">
      <div class="summary col-xs-6">
        <h4>Movie Summary</h4>
        <p>{{ movie.summary }}</p>
      </div>
    </div>
    <div class="crew">
      <p><span class="bold">Director: </span>{{ movie.director }}</p>
    </div>
    <div class="cast">
      <p><span class="bold">Starring: </span>{{ movie.cast }}</p>
    </div>
  </div>
</div>
<div class="buttons row">
  <button class="col-xs-5 pull-left btn_mobile visible-xs visible-sm" ng-click="no()">No Thanks</button><button class="col-xs-5 pull-right btn_mobile visible-xs visible-sm" ng-click="yes()">Yes Please</button>
  <button class="col-xs-5 pull-left btn_laptop hidden-xs hidden-sm" ng-click="no()">No Thanks</button><button class="col-xs-5 pull-right btn_laptop hidden-xs hidden-sm" ng-click="yes()">Yes Please</button>
</div><commit_msg>Fix style of html classes to coordinate<commit_after><!-- This is the page that is shown when we are trying to match with the other people in our session -->
<!-- We should be shown a movie, and then choose 'yes' or 'no' -->
<div id="match" class="container">
  <div class="header center row">
    <!-- visible-xs and -sm denote that the element is visible on a small screen -->
    <h2 class="col-xs-12 visible-xs visible-sm">
      <div class="app-title large">Movie Match</div>
      <div class="session-name large">( {{ session.name }} )</div>
    </h2>
    <!-- hidden-xs and hidden-sm denote that the element is invisible on a small screen -->
    <h2 class="col-xs-12 hidden-xs hidden-sm">
      <span class="app-title">Movie Match</span> <span class="session-name">( {{ session.name }} )</span>
    </h2>
  </div>
  <p class="center"><span class="bold">{{ user.name }}</span>, would you like to see this movie with your friends today?</p>
  <div class="movie">
    <h2 class="center">{{ movie.name }} ({{ movie.year }})</h2>
    <h6 class="center">{{ movie.rating }} | {{ movie.runtime }} | <span ng-repeat="genre in movie.genres">{{ genre }} </span> | ({{ movie.country }})</h6>
    <div class="row">
      <!-- We want to size the poster appropriately so we can
      see the buttons at the bottom -->
      <img class="poster col-xs-6" alt="{{ movie.name }} poster" src="{{ movie.poster_path }}">
      <div class="summary col-xs-6">
        <h4>Movie Summary</h4>
        <p>{{ movie.summary }}</p>
      </div>
    </div>
    <div class="crew">
      <p><span class="bold">Director: </span>{{ movie.director }}</p>
    </div>
    <div class="cast">
      <p><span class="bold">Starring: </span>{{ movie.cast }}</p>
    </div>
  </div>
</div>
<div class="buttons row">
  <button class="col-xs-5 pull-left btn-mobile visible-xs visible-sm" ng-click="no()">No Thanks</button><button class="col-xs-5 pull-right btn-mobile visible-xs visible-sm" ng-click="yes()">Yes Please</button>
  <button class="col-xs-5 pull-left btn-laptop hidden-xs hidden-sm" ng-click="no()">No Thanks</button><button class="col-xs-5 pull-right btn-laptop hidden-xs hidden-sm" ng-click="yes()">Yes Please</button>
</div>
{'fraction_non_alphanumeric': 0.19497716894977168, 'fraction_numerical': 0.0091324200913242, 'mean_word_length': 3.4030150753768846, 'pattern_counts': {'":': 0, '<': 131, '<?xml version=': 0, '>': 131, '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': '488493', 'n_tokens_mistral': 1436, 'n_tokens_neox': 1399, 'n_words': 437}