<commit_before><!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Englewood Social Service Finder</title>

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans|Zilla+Slab" rel="stylesheet">

  <!-- CSS Libs -->
  <link rel="stylesheet" href="./lib/css/bootstrap.min.css">
  <link rel="stylesheet" href="./lib/css/leaflet.css">

  <!-- JS Libs -->
  <script src="./lib/js/jquery.min.js"></script>
  <script src="./lib/js/bootstrap.min.js"></script>
  <script src="./lib/js/leaflet.js"></script>
  <script src="./lib/js/d3.v4.min.js"></script>
  <script src="./lib/js/lodash.js"></script>

  <!-- CSS Src -->
  <link rel="stylesheet/less" href="./src/css/finder.less">

  <!-- less.js to parse stylesheet/less -->
  <script src="./lib/js/less.min.js"></script>

  <!-- === JS Src === -->
  <!-- Models -->
  <script src="./src/js/models/socialServiceModel.js"></script>
  <script src="./src/js/models/serviceTaxonomyModel.js"></script>

  <!-- Views -->
  <script src="./src/js/views/mapView.js"></script>
  <script src="./src/js/views/serviceListView.js"></script>

  <!-- Controllers -->
  <script src="./src/js/controllers/finderFilterController.js"></script>
  <script src="./src/js/controllers/locationButtonController.js"></script>
  <script src="./src/js/controllers/listToMapLinkingController.js"></script>
  <script src="./src/js/controllers/searchController.js"></script>
  <script src="./src/js/controllers/modalController.js"></script>

  <!-- Main Script -->
  <script src="./src/js/finder.js"></script>
</head>

<body onload="$('#landing-page').modal({ backdrop: 'static', keyboard: false });">
  <script>
    // When the user clicks on <div>, open the popup
    function myFunction() {
      var popup = document.getElementById("myPopup");
      popup.classList.toggle("show");
    }
  </script>

  <div id="landing-page" class="modal fade">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <!-- help popup -->
          <div class="popup" onclick="myFunction()"><span class="glyphicon glyphicon-question-sign"></span>
            <span class="popuptext" id="myPopup">If you have a specific social service in mind, you can choose either a main <i>category</i> (such as Education) or you can choose a <i>sub-category</i> (such as Tutoring/homework help).<br>
                  For choosing a location, you can enter a specific location or a nearby intersection or landmark. The services will be listed by distance to that location.<br><br>
                  If you are looking for a specific organization, you can search for it by name.
                  </span>
                </div>
                  <h2 class="modal-title">Englewood Social Service Finder</h2>
                </div>
                <div class="modal-body">
                    <!-- Choose a social service on the left and a nearby location (such as an address, intersection or landmark) on the right.<br> -->

                    <div class="row">
                      <div class="col-md-6" style="margin-top: 15px;">
                      <!-- Choose a social service -->
                        <div class="btn-group btn-group-justified" id="modalFilterBtnGroup">
                          <div class="btn-group btn-block" id="selectServicesButton">
                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                              Select Services <span class="caret"></span>
                            </button>
                            <!-- <ul class="dropdown-menu" role="menu" id="filterDropdownList"> </ul> -->
                             <ul class="dropdown-menu dropdown-toggle" role="menu" id="filterDropdownList"></ul>
                          </div>

                          <button type="button" class="btn btn-danger" disabled id="allServicesButton">
                            <span class="glyphicon glyphicon-remove"></span>
                            <span id="currentServiceSelection">Clear Selection</span>
                          </button>
                          <!-- <div class="btn-group">
                          </div> -->
                        </div>
                      </div>

                      <div class="col-md-6" style="margin-top: 15px;">
                      <!-- Choose a a nearby location  -->
                        <div class="input-group">
                          <span class="input-group-addon"><i class="glyphicon glyphicon-road"></i></span>
                          <input id="modalAddressInput" class="form-control" placeholder="Enter a location...">
                        </div>
                      </div>
                    </div>
                    <!-- <br>Or search for a specific organization. -->

                    <div class="row text-center" id="modalDivider">
                      <div class="col-md-4"><hr></div>
                      <div class="col-md-4 divider-text">Or</div>
                      <div class="col-md-4"><hr></div>
                    </div>

                    <input type="text" class="form-control row" placeholder="Search by Org. Name" id="modalSearchInput" style="margin-left:inherit">
                    <br>
                    <span class="label label-default" style="font-size:inherit"><span id="modalSearchCount">0</span> organization(s) found.</span>
                    <div id="acceptModal">
                      <button type="button" class="btn btn-success" data-dismiss="modal" id="modalAcceptButton">
                        Start <span class="glyphicon glyphicon-log-out"></span>
                      </button>
          </div>

          <br><br>

        </div>

        <div class="modal-footer">
          <div class="row">
            <div class="col-md-6">
              <center><a href="./about.html">About us</a></center>
            </div>
            <div class="col-md-6">
              <!-- <center><a href="/about.html">About us</a></center> -->
              <!-- Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.<br> -->
              <center><span class="glyphicon glyphicon-earphone"></span> 800-808-0000</center>
            </div>
          </div>

        </div>

      </div>
    </div>
  </div>
  <nav class="navbar navbar-default navbar-fixed-top" id="topBar">
    <div class="container-fluid">
      <div class="row nav-row">
        <div class="navbar-header">
          <a class="navbar-brand">Englewood Social Service Finder</a>
          <!-- <button type="button" class="navbar-toggle" data-toggle="modal" data-target="#landing-page"> -->
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapsingMenu">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
          <!-- <ul class="nav navbar-nav navbar-right">
            <li><a href="about.html"><span class="glyphicon glyphicon-info-sign"></span> About</a></li>
          </ul> -->
      </div>
      <div class="row nav-row">
        <div class="navbar-left navbar-collapse collapse" id="collapsingMenu">
          <div class="nav btn-group" id="filterButtonGroup">
            <div class="btn-group btn-block">
              <button type="button" class="btn btn-primary dropdown-toggle navbar-btn btn-block" data-toggle="dropdown">
                Select Services
                <span class="caret">

                </span>
              </button>
              <ul class="dropdown-menu" role="menu" id="filterDropdownList">

              </ul>
            </div>
            <button type="button" class="btn btn-danger navbar-btn" disabled id="allServicesButton">
              <span class="glyphicon glyphicon-remove"></span>
              <span id="currentServiceSelection">Clear Selection</span>
            </button>
          </div>

          <button type="button" class="btn btn-info navbar-btn" data-toggle="modal" data-target="#locationModal"
            id="locationModalButton">
          <span class="glyphicon glyphicon-map-marker"></span>
          Search From Specific Location
        </button>

          <div class="navbar-form navbar-left">
            <div class="input-group">
              <!-- <div class="input-group-btn">
            <button class="btn searchCount" disabled id="searchCount">
            5
          </button>
        </div> -->
              <input type="text" class="form-control" placeholder="Search by Org. Name" id="searchInput">
              <div class="input-group-btn">
                <button class="btn btn-default" type="submit" id="searchButton">
                  <i class="glyphicon glyphicon-search">
<commit_msg>Changed buttons from (eyesore) red to yellow<commit_after><!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Englewood Social Service Finder</title>

  <!-- Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans|Zilla+Slab" rel="stylesheet">

  <!-- CSS Libs -->
  <link rel="stylesheet" href="./lib/css/bootstrap.min.css">
  <link rel="stylesheet" href="./lib/css/leaflet.css">

  <!-- JS Libs -->
  <script src="./lib/js/jquery.min.js"></script>
  <script src="./lib/js/bootstrap.min.js"></script>
  <script src="./lib/js/leaflet.js"></script>
  <script src="./lib/js/d3.v4.min.js"></script>
  <script src="./lib/js/lodash.js"></script>

  <!-- CSS Src -->
  <link rel="stylesheet/less" href="./src/css/finder.less">

  <!-- less.js to parse stylesheet/less -->
  <script src="./lib/js/less.min.js"></script>

  <!-- === JS Src === -->
  <!-- Models -->
  <script src="./src/js/models/socialServiceModel.js"></script>
  <script src="./src/js/models/serviceTaxonomyModel.js"></script>

  <!-- Views -->
  <script src="./src/js/views/mapView.js"></script>
  <script src="./src/js/views/serviceListView.js"></script>

  <!-- Controllers -->
  <script src="./src/js/controllers/finderFilterController.js"></script>
  <script src="./src/js/controllers/locationButtonController.js"></script>
  <script src="./src/js/controllers/listToMapLinkingController.js"></script>
  <script src="./src/js/controllers/searchController.js"></script>
  <script src="./src/js/controllers/modalController.js"></script>

  <!-- Main Script -->
  <script src="./src/js/finder.js"></script>
</head>

<body onload="$('#landing-page').modal({ backdrop: 'static', keyboard: false });">
  <script>
    // When the user clicks on <div>, open the popup
    function myFunction() {
      var popup = document.getElementById("myPopup");
      popup.classList.toggle("show");
    }
  </script>

  <div id="landing-page" class="modal fade">
    <div class="modal-dialog modal-lg">
      <div class="modal-content">
        <div class="modal-header">
          <!-- help popup -->
          <div class="popup" onclick="myFunction()"><span class="glyphicon glyphicon-question-sign"></span>
            <span class="popuptext" id="myPopup">If you have a specific social service in mind, you can choose either a main <i>category</i> (such as Education) or you can choose a <i>sub-category</i> (such as Tutoring/homework help).<br>
                  For choosing a location, you can enter a specific location or a nearby intersection or landmark. The services will be listed by distance to that location.<br><br>
                  If you are looking for a specific organization, you can search for it by name.
                  </span>
                </div>
                  <h2 class="modal-title">Englewood Social Service Finder</h2>
                </div>
                <div class="modal-body">
                    <!-- Choose a social service on the left and a nearby location (such as an address, intersection or landmark) on the right.<br> -->

                    <div class="row">
                      <div class="col-md-6" style="margin-top: 15px;">
                      <!-- Choose a social service -->
                        <div class="btn-group btn-group-justified" id="modalFilterBtnGroup">
                          <div class="btn-group btn-block" id="selectServicesButton">
                            <button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown">
                              Select Services <span class="caret"></span>
                            </button>
                            <!-- <ul class="dropdown-menu" role="menu" id="filterDropdownList"> </ul> -->
                             <ul class="dropdown-menu dropdown-toggle" role="menu" id="filterDropdownList"></ul>
                          </div>

                          <button type="button" class="btn btn-warning" disabled id="allServicesButton">
                            <span class="glyphicon glyphicon-remove"></span>
                            <span id="currentServiceSelection">Clear Selection</span>
                          </button>
                          <!-- <div class="btn-group">
                          </div> -->
                        </div>
                      </div>

                      <div class="col-md-6" style="margin-top: 15px;">
                      <!-- Choose a a nearby location  -->
                        <div class="input-group">
                          <span class="input-group-addon"><i class="glyphicon glyphicon-road"></i></span>
                          <input id="modalAddressInput" class="form-control" placeholder="Enter a location...">
                        </div>
                      </div>
                    </div>
                    <!-- <br>Or search for a specific organization. -->

                    <div class="row text-center" id="modalDivider">
                      <div class="col-md-4"><hr></div>
                      <div class="col-md-4 divider-text">Or</div>
                      <div class="col-md-4"><hr></div>
                    </div>

                    <input type="text" class="form-control row" placeholder="Search by Org. Name" id="modalSearchInput" style="margin-left:inherit">
                    <br>
                    <span class="label label-default" style="font-size:inherit"><span id="modalSearchCount">0</span> organization(s) found.</span>
                    <div id="acceptModal">
                      <button type="button" class="btn btn-success" data-dismiss="modal" id="modalAcceptButton">
                        Start <span class="glyphicon glyphicon-log-out"></span>
                      </button>
          </div>

          <br><br>

        </div>

        <div class="modal-footer">
          <div class="row">
            <div class="col-md-6">
              <center><a href="./about.html">About us</a></center>
            </div>
            <div class="col-md-6">
              <!-- <center><a href="/about.html">About us</a></center> -->
              <!-- Eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.<br> -->
              <center><span class="glyphicon glyphicon-earphone"></span> 800-808-0000</center>
            </div>
          </div>

        </div>

      </div>
    </div>
  </div>
  <nav class="navbar navbar-default navbar-fixed-top" id="topBar">
    <div class="container-fluid">
      <div class="row nav-row">
        <div class="navbar-header">
          <a class="navbar-brand">Englewood Social Service Finder</a>
          <!-- <button type="button" class="navbar-toggle" data-toggle="modal" data-target="#landing-page"> -->
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapsingMenu">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
        </div>
          <!-- <ul class="nav navbar-nav navbar-right">
            <li><a href="about.html"><span class="glyphicon glyphicon-info-sign"></span> About</a></li>
          </ul> -->
      </div>
      <div class="row nav-row">
        <div class="navbar-left navbar-collapse collapse" id="collapsingMenu">
          <div class="nav btn-group" id="filterButtonGroup">
            <div class="btn-group btn-block">
              <button type="button" class="btn btn-primary dropdown-toggle navbar-btn btn-block" data-toggle="dropdown">
                Select Services
                <span class="caret">

                </span>
              </button>
              <ul class="dropdown-menu" role="menu" id="filterDropdownList">

              </ul>
            </div>
            <button type="button" class="btn btn-warning navbar-btn" disabled id="allServicesButton">
              <span class="glyphicon glyphicon-remove"></span>
              <span id="currentServiceSelection">Clear Selection</span>
            </button>
          </div>

          <button type="button" class="btn btn-info navbar-btn" data-toggle="modal" data-target="#locationModal"
            id="locationModalButton">
          <span class="glyphicon glyphicon-map-marker"></span>
          Search From Specific Location
        </button>

          <div class="navbar-form navbar-left">
            <div class="input-group">
              <!-- <div class="input-group-btn">
            <button class="btn searchCount" disabled id="searchCount">
            5
          </button>
        </div> -->
              <input type="text" class="form-control" placeholder="Search by Org. Name" id="searchInput">
              <div class="input-group-btn">
                <button class="btn btn-default" type="submit" id="searchButton">
                  <i class="glyphicon glyphicon-search">

{'fraction_non_alphanumeric': 0.1639016811851523, 'fraction_numerical': 0.003329079509515619, 'mean_word_length': 1.976713459950454, 'pattern_counts': {'":': 0, '<': 469, '<?xml version=': 0, '>': 469, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 2, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '700083', 'n_tokens_mistral': 5121, 'n_tokens_neox': 4872, 'n_words': 1094}