<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

  <!-- Custome CSS -->
  <link rel="stylesheet" href="css/style.css">

  <title>My Neighborhood Map</title>
</head>
<body>
  <div class="error hidden">
    <h2>ERROR!</h2>
    <p>Cause: <span id="err-msg"></span></p>
  </div>

  <nav id="drawer">
    <div class="app-name">
      <h2>My Neighborhood Map</h2>
    </div>

    <!-- Placeholder for Wikipedia -->
    <div class="wiki" data-bind="with: wikipedia">
      <h3>About San Fransisco</h3>
      <div class="wiki-content" data-bind="html: content">
      </div>
      <div data-bind="if: showError">
        <p class="error" data-bind="text: errorMsg"></p>
      </div>
    </div>

    <form data-bind="submit: getVenueList">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search / Filter" aria-describedby="basic-addon2" data-bind="textInput: keyword">

        <span class="input-group-btn">
          <button class="btn" id="basic-addon2">Search <span class="glyphicon glyphicon-search" aria-hidden="true">
            </span>
          </button>
        </span>
      </div> <!-- end of input-group -->
    </form>

    <!-- Placeholder to display an error message when displaying venue list is failed. -->
    <div data-bind="with: errorHandler">
      <div class="error" data-bind="if: displayErrorMessage">
        <h2 data-bind="text: errorMessage"></h2>
      </div>
    </div>

    <!-- Dropdown Item List -->
    <div class="search-result">
      <h3>Search Result</h3>
      <ul class="list-unstyled scrollable-menu" role="list" data-bind="foreach: filteredVenueList">
        <li><a href="#" data-bind="text: name, click: $root.animateClickedItem"></a></li>
      </ul>
    </div>
  </nav>

  <main>
    <div class="control-bar">
      <div class='btn-wrap'>
        <!-- Toggle Menu Button -->
        <a href="#" class="btn btn-default btn-lg nav-toggle" role="button"><span class="glyphicon glyphicon-th" aria-hidden="true"></span></a>
      </div>
    </div>

    <div class="map-embed">
      <!-- TODO: -->
      <div id="map-canvas" class="map-canvas"></div>
    </div>
  </main>


  <!-- Critical JavaScripts -->
  <script src="bower_components/jquery/dist/jquery.min.js"></script>
  <script>
  $(document).ready(function() {
    // Add the click event listener to toggle the navigation bar on the left
    $('.nav-toggle').click(function() {$('#drawer').toggleClass('open'); $('main').toggleClass('shifted');});
  });
  </script>

  <script src="bower_components/knockout/dist/knockout.js"></script>
  <script src="js/wikipediaModel.js"></script>
  <script src="js/app.js"></script>
  <script src="js/loadGoogleMapScriptAsync.js"></script>
</body>
</html><commit_msg>style: refine styling<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <!-- Bootstrap CSS -->
  <link rel="stylesheet" href="bower_components/bootstrap/dist/css/bootstrap.min.css">

  <!-- Custome CSS -->
  <link rel="stylesheet" href="css/style.css">

  <title>My Neighborhood Map</title>
</head>
<body>
  <!-- This is controlled by the jQuery script, not the knockoutjs framework -->
  <div class="error hidden">
    <h2>ERROR!</h2>
    <p>Cause: <span id="err-msg"></span></p>
  </div>

  <nav id="drawer">
    <div class="app-name">
      <h2>My Neighborhood Map</h2>
    </div>

    <!-- Placeholder for Wikipedia -->
    <div class="wiki" data-bind="with: wikipedia">
      <h3>About San Fransisco</h3>
      <div class="wiki-content" data-bind="html: content">
      </div>
      <div data-bind="if: showError">
        <p class="error" data-bind="text: errorMsg"></p>
      </div>
    </div>

    <form data-bind="submit: getVenueList">
      <div class="input-group">
        <input type="text" class="form-control" placeholder="Search / Filter" aria-describedby="basic-addon2" data-bind="textInput: keyword">

        <span class="input-group-btn">
          <button class="btn" id="basic-addon2">Search <span class="glyphicon glyphicon-search" aria-hidden="true">
            </span>
          </button>
        </span>
      </div> <!-- end of input-group -->
    </form>

    <!-- Placeholder to display an error message when displaying venue list is failed. -->
    <div data-bind="with: errorHandler">
      <div class="error" data-bind="if: displayErrorMessage">
        <h2 data-bind="text: errorMessage"></h2>
      </div>
    </div>

    <!-- Dropdown Item List -->
    <div class="search-result">
      <h3>Search Result</h3>
      <ul class="list-unstyled scrollable-menu" role="list" data-bind="foreach: filteredVenueList">
        <li><a href="#" data-bind="text: name, click: $root.animateClickedItem"></a></li>
      </ul>
    </div>
  </nav>

  <main>
    <div class="control-bar">
      <div class='btn-wrap'>
        <!-- Toggle Menu Button -->
        <a href="#" class="btn btn-default btn-lg nav-toggle" role="button"><span class="glyphicon glyphicon-th" aria-hidden="true"></span></a>
      </div>
    </div>

    <div class="map-embed">
      <div id="map-canvas" class="map-canvas"></div>
    </div>
  </main>

  <!-- Critical JavaScripts -->
  <script src="bower_components/jquery/dist/jquery.min.js"></script>
  <script>
  $(document).ready(function() {
    // Add the click event listener to toggle the navigation bar on the left
    $('.nav-toggle').click(function() {$('#drawer').toggleClass('open'); $('main').toggleClass('shifted');});
  });
  </script>

  <script src="bower_components/knockout/dist/knockout.js"></script>

  <script src="js/wikipediaModel.js"></script>
  <script src="js/app.js"></script>
  <script src="js/loadGoogleMapScriptAsync.js"></script>
</body>
</html>
{'fraction_non_alphanumeric': 0.19977019041365726, 'fraction_numerical': 0.004596191726854892, 'mean_word_length': 3.1704312114989732, 'pattern_counts': {'":': 0, '<': 203, '<?xml version=': 0, '>': 203, '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': '1482982', 'n_tokens_mistral': 2039, 'n_tokens_neox': 1969, 'n_words': 423}