<commit_before><div layout="column" ng-cloak="" class="md-inline-form" ng-app="stementor">

  <md-content layout-padding>

    <form name="userForm">
      <div class="field" id="searchform">
        <input type="text" id="searchterm" placeholder="What kind of mentor are you looking for?" ng-model="search.newSearch.generic_search" />
        <button ng-click="search.getMentors()" type="submit" id="search">
          Find!
        </button>
      </div>
    </form>
    <div flex-offset="50">
      <md-checkbox class="refine" ng-model="refineChecked">
        Refine your search
      </md-checkbox>
    </div>
  </md-content>
<!--–––––––––––––––––––-––––– Refined Search Fields –––––––––––––––––-–––––––-->
  <div ng-show="refineChecked" layout-align="center" layout-padding flex-offset="25" flex="50">
    <md-tabs md-dynamic-height="" md-border-bottom="">
      <md-tab label="Personal Info">

        <md-content layout-padding="">
          <div layout-gt-xs="row" flex="100">
            <md-input-container class="md-block" flex-gt-xs>
              <md-icon md-svg-src="img/icons/ic_person_24px.svg" class="name"></md-icon>
              <label>Personal Info:</label>
              <input disabled />
            </md-input-container>
          </div>

          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="33">
              <input ng-model="search.newSearch.first_name" placeholder="<NAME>" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-sm="33">
              <input ng-model="search.newSearch.last_name" placeholder="<NAME>" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-sm="33">
              <label>State</label>
                <md-select ng-model="search.newSearch.state">
                  <md-option></md-option>
                  <md-option ng-repeat="state in search.theStates" value="{{state.abbreviation}}">
                    {{state.abbreviation}}
                  </md-option>
                </md-select>
            </md-input-container>
          </div>

          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Gender</label>
              <md-select name="gender" ng-model="search.newSearch.gender">
                <md-option></md-option>
                <md-option value="Male">Male</md-option>
                <md-option value="Female">Female</md-option>
                <md-option value="Other">Other</md-option>
              </md-select>
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Orientation</label>
              <input ng-model="search.newSearch.orientation" />
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Languages Spoken</label>
              <input ng-model="search.newSearch.languages" />
            </md-input-container>
          </div>
        </md-content>
      </md-tab>

      <md-tab label="Professional Info">
        <md-content>
          <div layout-gt-xs="row" flex="100">
            <md-input-container class="md-block" flex-gt-xs>
              <md-icon class="material-icons">work</md-icon>
              <label>Professional Info: </label>
              <input disabled />
            </md-input-container>
          </div>

          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Company</label>
              <input ng-model="search.newSearch.company" />
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Job Title</label>
              <input ng-model="search.newSearch.job_title" />
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Primary STEM Field</label>
              <md-select name="stem_primary" ng-model="search.newSearch.stem_primary">
                <md-option></md-option>
                <md-option value="Science">Science</md-option>
                <md-option value="Technology">Technology</md-option>
                <md-option value="Engineering">Engineering</md-option>
                <md-option value="Math">Math</md-option>
              </md-select>
            </md-input-container>
          </div>
        </md-content>
    </div>
  </md-tab>

<!-- <div layout='row' layout-align="space-around center" flex-gt-xl='0'> -->

<div class="aligner spacer" flex>
  <div class="carousel" layout-align="space-around center" flex>
 <div ng-repeat="mentor in search.mentors" flex>

    <flippy class="fancy front" flip="['click']" flip-back="['click']" duration="800" timing-function="ease-in-out">
        <flippy-front>

          <div >
                <md-card-title md-media-lg>
                    <md-card-title-text>

                        <h1 class="md-headline">{{mentor.first_name}} {{mentor.last_name}}</h1>
                        <!-- <br> -->
                        <h3 class="md-subhead">{{mentor.job_title}}</h3>

                    </md-card-title-text>

                    <md-card-title-media>
      </md-tab>

      <md-tab label="Education">
        <md-content>
          <div layout-gt-xs="row" flex="100">
            <md-input-container class="md-block" flex-gt-xs>
              <md-icon class="material-icons">school</md-icon>
              <label>Education Info:</label>
              <input disabled />
            </md-input-container>
          </div>

          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="50">
              <label>School</label>
              <input ng-model="search.newSearch.school" />
            </md-input-container>
          </div>

                        <div class="md-media-lg card-media">
                            <img src="{{mentor.avatar}}" style="width: 150px; height: 150px; display: block; margin: 10px auto 0 auto;">
                        </div>
                        <h5>(Click Picture for Additional Info)</h5>
                    </md-card-title-media>
                </md-card-title>



                <md-card-actions layout="row" layout-align="end center">
                    <a href="#profile"><md-button ng-click="search.setMentor(mentor)">View Profile</md-button></a>
                    <a href="#profile"> <md-button ng-click="search.createMessage($event)">Message</md-button> </a>
                </md-card-actions>

                <br>
                <br>

            <!-- <md-card-actions layout="row" layout-align="space-around center">
              <div class="md-accent">
                    <div class="md-toolbar-tools">


            <md-button class="md-icon-button md-fab" aria-label="refresh">
              <md-tooltip md-direction="left">
                Send a Message
              </md-tooltip>

              <md-icon class="material-icons" style="width: 24px; height: 24px;"> message
              </md-icon>
            </md-button>
            <md-button class="md-icon-button md-fab" aria-label="refresh">
              <md-tooltip md-direction="right">
                Go to Profile
              </md-tooltip>

              <md-icon class="material-icons" style="width: 24px; height: 24px;"> perm_identity
              </md-icon>
            </md-button>
          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="50">
              <label>Degree</label>
              <input ng-model="search.newSearch.degree" placeholder="Masters, Bachelors, etc." />
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="50">
              <label>Major</label>
              <input ng-model="search.newSearch.major" placeholder="Biology, Engineering, etc." />
            </md-input-container>
          </div>
        </md-content>
      </md-tab>
    </md-tabs>
  </div>
<!--–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––-->

  <div class="aligner spacer" flex>
    <div class="carousel" layout-align="space-around center" flex><commit_msg>Fix conflicts<commit_after><div layout="column" ng-cloak="" class="md-inline-form" ng-app="stementor">

  <md-content layout-padding>

    <form name="userForm">
      <div class="field" id="searchform">
        <input type="text" id="searchterm" placeholder="What kind of mentor are you looking for?" ng-model="search.newSearch.generic_search" />
        <button ng-click="search.getMentors()" type="submit" id="search">
          Find!
        </button>
      </div>
    </form>
    <div flex-offset="50">
      <md-checkbox class="refine" ng-model="refineChecked">
        Refine your search
      </md-checkbox>
    </div>
  </md-content>
<!--–––––––––––––––––––-––––– Refined Search Fields –––––––––––––––––-–––––––-->
  <div ng-show="refineChecked" layout-align="center" layout-padding flex-offset="25" flex="50">
    <md-tabs md-dynamic-height="" md-border-bottom="">
      <md-tab label="Personal Info">

        <md-content layout-padding="">
          <div layout-gt-xs="row" flex="100">
            <md-input-container class="md-block" flex-gt-xs>
              <md-icon md-svg-src="img/icons/ic_person_24px.svg" class="name"></md-icon>
              <label>Personal Info:</label>
              <input disabled />
            </md-input-container>
          </div>

          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="33">
              <input ng-model="search.newSearch.first_name" placeholder="<NAME>" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-sm="33">
              <input ng-model="search.newSearch.last_name" placeholder="<NAME>" />
            </md-input-container>
            <md-input-container class="md-block" flex-gt-sm="33">
              <label>State</label>
                <md-select ng-model="search.newSearch.state">
                  <md-option></md-option>
                  <md-option ng-repeat="state in search.theStates" value="{{state.abbreviation}}">
                    {{state.abbreviation}}
                  </md-option>
                </md-select>
            </md-input-container>
          </div>

          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Gender</label>
              <md-select name="gender" ng-model="search.newSearch.gender">
                <md-option></md-option>
                <md-option value="Male">Male</md-option>
                <md-option value="Female">Female</md-option>
                <md-option value="Other">Other</md-option>
              </md-select>
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Orientation</label>
              <input ng-model="search.newSearch.orientation" />
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Languages Spoken</label>
              <input ng-model="search.newSearch.languages" />
            </md-input-container>
          </div>
        </md-content>
      </md-tab>

      <md-tab label="Professional Info">
        <md-content>
          <div layout-gt-xs="row" flex="100">
            <md-input-container class="md-block" flex-gt-xs>
              <md-icon class="material-icons">work</md-icon>
              <label>Professional Info: </label>
              <input disabled />
            </md-input-container>
          </div>

          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Company</label>
              <input ng-model="search.newSearch.company" />
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Job Title</label>
              <input ng-model="search.newSearch.job_title" />
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="33">
              <label>Primary STEM Field</label>
              <md-select name="stem_primary" ng-model="search.newSearch.stem_primary">
                <md-option></md-option>
                <md-option value="Science">Science</md-option>
                <md-option value="Technology">Technology</md-option>
                <md-option value="Engineering">Engineering</md-option>
                <md-option value="Math">Math</md-option>
              </md-select>
            </md-input-container>
          </div>
        </md-content>
      </md-tab>

      <md-tab label="Education">
        <md-content>
          <div layout-gt-xs="row" flex="100">
            <md-input-container class="md-block" flex-gt-xs>
              <md-icon class="material-icons">school</md-icon>
              <label>Education Info:</label>
              <input disabled />
            </md-input-container>
          </div>

          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="50">
              <label>School</label>
              <input ng-model="search.newSearch.school" />
            </md-input-container>
          </div>
          <div layout-gt-sm="row">
            <md-input-container class="md-block" flex-gt-sm="50">
              <label>Degree</label>
              <input ng-model="search.newSearch.degree" placeholder="Masters, Bachelors, etc." />
            </md-input-container>

            <md-input-container class="md-block" flex-gt-sm="50">
              <label>Major</label>
              <input ng-model="search.newSearch.major" placeholder="Biology, Engineering, etc." />
            </md-input-container>
          </div>
        </md-content>
      </md-tab>
    </md-tabs>
  </div>
<!--–––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––-->

  <div class="aligner spacer" flex>
    <div class="carousel" layout-align="space-around center" flex>
{'fraction_non_alphanumeric': 0.1808089379154292, 'fraction_numerical': 0.0077075378305755905, 'mean_word_length': 1.829731892757103, 'pattern_counts': {'":': 0, '<': 366, '<?xml version=': 0, '>': 365, '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': '498441', 'n_tokens_mistral': 4523, 'n_tokens_neox': 4073, 'n_words': 665}