<commit_before><div class="header" ng-controller="NavbarCtrl">

  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <a class="navbar-brand" href="#/">
          Marvel QUIZ<br/>
          <h6 class="pull-right"><small>BETA</small></h6>
        </a>

        <span class="navbar-text">
          <span class="hidden-xs">Attempted</span> <span class="badge">{{attemptedQuizzes()}}</span>
        </span>
        <span class="navbar-text">
          <span class="hidden-xs">Success</span> <span class="badge">{{successRate()}}%</span>
        </span>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">

        <!-- desktop menu -->
        <!-- <ul class="nav navbar-nav navbar-right hidden-xs">
          <li class="dropdown">
            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">Select a Quiz <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li ng-repeat="quiz in quizzes" ng-class="{ active: isActive(quiz.route) }">
                <a ng-href="#{{quiz.route}}">{{quiz.displayName}}</a>
              </li>
            </ul>
          </li>
        </ul> -->

        <!-- mobile menu -->
        <ul class="nav navbar-nav navbar-right">
          <li ng-class="{ active: isActive('/options') }">
            <a ng-href="#/options">Options</a>
          </li>
          <li class="divider"></li>
          <li ng-repeat="quiz in quizzes" ng-class="{ active: isActive(quiz.route) }">
            <a ng-href="#{{quiz.route}}">{{quiz.displayName}}</a>
          </li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>

</div><commit_msg>layout: collapse navbar menu after clicking on an item<commit_after><div class="header" ng-controller="NavbarCtrl">

  <nav class="navbar navbar-default navbar-fixed-top" role="navigation">
    <div class="container">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapsible-menu">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>

        <a class="navbar-brand" href="#/">
          Marvel QUIZ<br/>
          <h6 class="pull-right"><small>BETA</small></h6>
        </a>

        <span class="navbar-text">
          <span class="hidden-xs">Attempted</span> <span class="badge">{{attemptedQuizzes()}}</span>
        </span>
        <span class="navbar-text">
          <span class="hidden-xs">Success</span> <span class="badge">{{successRate()}}%</span>
        </span>
      </div>

      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="navbar-collapsible-menu">

        <!-- desktop menu -->
        <!-- <ul class="nav navbar-nav navbar-right hidden-xs">
          <li class="dropdown">
            <a href="javascript:;" class="dropdown-toggle" data-toggle="dropdown">Select a Quiz <b class="caret"></b></a>
            <ul class="dropdown-menu">
              <li ng-repeat="quiz in quizzes" ng-class="{ active: isActive(quiz.route) }">
                <a ng-href="#{{quiz.route}}">{{quiz.displayName}}</a>
              </li>
            </ul>
          </li>
        </ul> -->

        <!-- mobile menu -->
        <ul class="nav navbar-nav navbar-right">
          <li ng-class="{ active: isActive('/options') }">
            <a ng-href="#/options" data-toggle="collapse" data-target="#navbar-collapsible-menu">Options</a>
          </li>
          <li class="divider"></li>
          <li ng-repeat="quiz in quizzes" ng-class="{ active: isActive(quiz.route) }">
            <a ng-href="#{{quiz.route}}" data-toggle="collapse" data-target="#navbar-collapsible-menu">{{quiz.displayName}}</a>
          </li>
        </ul>
      </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
  </nav>

</div>
{'fraction_non_alphanumeric': 0.19982754904074154, 'fraction_numerical': 0.0012933821944384565, 'mean_word_length': 2.3166547533952824, 'pattern_counts': {'":': 0, '<': 147, '<?xml version=': 0, '>': 147, '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': '7458873', 'n_tokens_mistral': 1450, 'n_tokens_neox': 1397, 'n_words': 285}