<commit_before>
<div class="container">
  <div class="row main-row">
    <div class="col m4" id="left-col">
      <div class="sidebar-wrapper">
        <div class="sidebar">
          <div class="section">
            <h4>Keyword</h4>
            <div class="input-search">
              <form>
                <div class="input-field">
                  <input id="autocomplete-input" name="searchTerm" [(ngModel)]="searchTerm" materialize="autocomplete" type="search" [materializeParams]="keywords" (keyup.enter)="getUsers(p, searchTerm)">
                  <label for="autocomplete-input">Keyword</label>
                </div>
              </form>
            </div>
          </div>
          <div class="section">
            <h4>Skills</h4>
            <div class="section-body">
              <div class="skills-list-wrapper">
                <ul *ngIf="skills">
                  <li *ngFor="let skill of skills, let i = index">
                    <input class="filled-in" type="checkbox" [id]="skill.name">
                    <label [for]="skill.name" (click)="onSkillCheck(i, 'skills')">{{skill.name}}</label>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col m8" id="right-col">
      <div class="content-wrapper">
        <div class="content">
          <div class="row">
            <h1 class="main-title"><span class="index-prefix">{{totalItems}}</span>Volunteers found</h1>
            <div class="col s12">
              <div class="items-list-wrapper">
                <ul *ngIf="users">
                  <li class="card-wrapper" *ngFor="let user of users | paginate: {itemsPerPage: 10, id: 'usersPages', currentPage: p, totalItems: totalItems}">
                    <div class="card">
                      <div class="card-header">
                        <h4 [routerLink]="['/user/view',user.id]">{{user.firstName + ' ' + user.lastName}}</h4>
                        <div class="card-metainfo"><span class="card-location" *ngIf="user.state">{{user.state + ' ' +user.country}})</span><span class="joined-at" *ngIf="user.createdTime">{{user.createdTime}}</span></div>
                      </div>
                      <div class="card-content">
                        <div class="card-avatar"><img [src]="user.avatarUrl" *ngIf="user.avatarUrl"></div>
                        <div class="card-info">
                          <h5>Junior McDonalds Tender</h5>
                          <div class="skills-list-wrapper">
                            <ul>
                              <li class="chip">Javascript</li>
                              <li class="chip">Python</li>
                              <li class="chip">Linux Admin</li>
                              <li class="chip">C</li>
                            </ul>
                          </div>
                          <div class="card-info-bottom">
                            <div class="links-list-wrapper">
                              <ul>
                                <li><a class="mdi mdi-email" href="mailto:<EMAIL>"></a></li>
                                <li><a class="mdi mdi-linkedin-box" name="linkedin" href="https://www.linkedin.com/company-beta/16227162/" target="_blank"></a></li>
                                <li><a class="mdi mdi-facebook-box" name="facebook" href="https://www.facebook.com/code4socialgood" target="_blank"></a></li><commit_msg>Make title on user list dynamic<commit_after>
<div class="container">
  <div class="row main-row">
    <div class="col m4" id="left-col">
      <div class="sidebar-wrapper">
        <div class="sidebar">
          <div class="section">
            <h4>Keyword</h4>
            <div class="input-search">
              <form>
                <div class="input-field">
                  <input id="autocomplete-input" name="searchTerm" [(ngModel)]="searchTerm" materialize="autocomplete" type="search" [materializeParams]="keywords" (keyup.enter)="getUsers(p, searchTerm)">
                  <label for="autocomplete-input">Keyword</label>
                </div>
              </form>
            </div>
          </div>
          <div class="section">
            <h4>Skills</h4>
            <div class="section-body">
              <div class="skills-list-wrapper">
                <ul *ngIf="skills">
                  <li *ngFor="let skill of skills, let i = index">
                    <input class="filled-in" type="checkbox" [id]="skill.name">
                    <label [for]="skill.name" (click)="onSkillCheck(i, 'skills')">{{skill.name}}</label>
                  </li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col m8" id="right-col">
      <div class="content-wrapper">
        <div class="content">
          <div class="row">
            <h1 class="main-title"><span class="index-prefix">{{totalItems}}</span>Volunteers found</h1>
            <div class="col s12">
              <div class="items-list-wrapper">
                <ul *ngIf="users">
                  <li class="card-wrapper" *ngFor="let user of users | paginate: {itemsPerPage: 10, id: 'usersPages', currentPage: p, totalItems: totalItems}">
                    <div class="card">
                      <div class="card-header">
                        <h4 [routerLink]="['/user/view',user.id]">{{user.firstName + ' ' + user.lastName}}</h4>
                        <div class="card-metainfo"><span class="card-location" *ngIf="user.state">{{user.state + ' ' +user.country}})</span><span class="joined-at" *ngIf="user.createdTime">{{user.createdTime}}</span></div>
                      </div>
                      <div class="card-content">
                        <div class="card-avatar"><img [src]="user.avatarUrl" *ngIf="user.avatarUrl"></div>
                        <div class="card-info">
                          <h5>{{user.title}}</h5>
                          <div class="skills-list-wrapper">
                            <ul>
                              <li class="chip">Javascript</li>
                              <li class="chip">Python</li>
                              <li class="chip">Linux Admin</li>
                              <li class="chip">C</li>
                            </ul>
                          </div>
                          <div class="card-info-bottom">
                            <div class="links-list-wrapper">
                              <ul>
                                <li><a class="mdi mdi-email" href="mailto:<EMAIL>"></a></li>
                                <li><a class="mdi mdi-linkedin-box" name="linkedin" href="https://www.linkedin.com/company-beta/16227162/" target="_blank"></a></li>
                                <li><a class="mdi mdi-facebook-box" name="facebook" href="https://www.facebook.com/code4socialgood" target="_blank"></a></li>
{'fraction_non_alphanumeric': 0.1688460985773818, 'fraction_numerical': 0.007184940364994971, 'mean_word_length': 1.5263157894736843, 'pattern_counts': {'":': 0, '<': 191, '<?xml version=': 0, '>': 191, 'https://': 4, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 8, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6708564', 'n_tokens_mistral': 2019, 'n_tokens_neox': 1938, 'n_words': 336}