<commit_before><!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>JS Plugin</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css">
        <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.1.1/css/foundation.min.css">
        <link rel="stylesheet" href="style.css" />
        <!-- include the core styles -->
    <link rel="stylesheet" href="alertify.core.css" />
    <!-- include a theme, can be included into the core instead of 2 separate files -->
    <link rel="stylesheet" href="alertify.default.css" />
    </head>
    <body>

        <div class="row">
          <div class="large-12 columns">

           <!-- SIDE BAR -->
            <div class="row">

              <div class="large-4 small-12 columns pad">

                <div class="panel">
                  <h3>Show Images Of</h3>
                  <div class="filters">
                      <div class="filter-button individual button active" id="monkey">Monkeys</div>
                      <div class="filter-button individual button active" id="dog">Dogs</div>
                      <div class="filter-button individual button active" id="cat">Cats</div>
                  </div>
                </div>
              </div><!-- End Side Bar -->
              <!-- Thumbnails -->

              <div class="large-8 columns">
                <div class="row gallery">
                  <div class="large-4 small-6 columns cat">
                    <img src="images/cat-3.jpg">
                  </div>
                  <div class="large-4 small-6 columns monkey">
                    <img src="images/monkey-2.jpg">
                  </div>
                  <div class="large-4 small-6 columns dog">
                    <img src="images/dog-1.jpg">
                  </div>
                  <div class="large-4 small-6 columns cat">
                    <img src="images/cat-2.jpg">
                  </div>
                  <div class="large-4 small-6 columns monkey">
                    <img src="images/monkey-1.jpg">
                  </div>
                  <div class="large-4 small-6 columns dog">
                    <img src="images/dog-3.jpg">
                  </div>
                   <div class="large-4 small-6 columns monkey">
                    <img src="images/monkey-3.jpg">
                  </div>
                   <div class="large-4 small-6 columns cat">
                    <img src="images/cat-1.jpg">
                  </div>
                  <div class="large-4 small-6 columns dog">
                    <img src="images/dog-2.jpg">
                  </div>
                </div><!-- End Thumbnails -->

              </div>
            </div><!-- Footer -->

          </div>
        </div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <!-- ideally at the bottom of the page -->
<!-- also works in the <head> -->
    <script src="script.js"></script>

    <script>
      //jQuery getting user input lesson, commenting out as this is not needed now.
      //$('.filter-button').on('click', function (e) {
      //    alert("Yup, it's a button.");
      //});
    </script>

    </body>
</html><commit_msg>Added the jquery selectors to show and not show images, needs refactoring<commit_after><!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <title>JS Plugin</title>
        <meta name="description" content="">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/normalize/3.0.0/normalize.min.css">
        <link rel="stylesheet" href="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.1.1/css/foundation.min.css">
        <link rel="stylesheet" href="style.css" />
        <!-- include the core styles -->
    <link rel="stylesheet" href="alertify.core.css" />
    <!-- include a theme, can be included into the core instead of 2 separate files -->
    <link rel="stylesheet" href="alertify.default.css" />
    </head>
    <body>

        <div class="row">
          <div class="large-12 columns">

           <!-- SIDE BAR -->
            <div class="row">

              <div class="large-4 small-12 columns pad">

                <div class="panel">
                  <h3>Show Images Of</h3>
                  <div class="filters">
                      <div class="filter-button individual button active" id="monkey">Monkeys</div>
                      <div class="filter-button individual button active" id="dog">Dogs</div>
                      <div class="filter-button individual button active" id="cat">Cats</div>
                  </div>
                </div>
              </div><!-- End Side Bar -->
              <!-- Thumbnails -->

              <div class="large-8 columns">
                <div class="row gallery">
                  <div class="large-4 small-6 columns cat">
                    <img src="images/cat-3.jpg">
                  </div>
                  <div class="large-4 small-6 columns monkey">
                    <img src="images/monkey-2.jpg">
                  </div>
                  <div class="large-4 small-6 columns dog">
                    <img src="images/dog-1.jpg">
                  </div>
                  <div class="large-4 small-6 columns cat">
                    <img src="images/cat-2.jpg">
                  </div>
                  <div class="large-4 small-6 columns monkey">
                    <img src="images/monkey-1.jpg">
                  </div>
                  <div class="large-4 small-6 columns dog">
                    <img src="images/dog-3.jpg">
                  </div>
                   <div class="large-4 small-6 columns monkey">
                    <img src="images/monkey-3.jpg">
                  </div>
                   <div class="large-4 small-6 columns cat">
                    <img src="images/cat-1.jpg">
                  </div>
                  <div class="large-4 small-6 columns dog">
                    <img src="images/dog-2.jpg">
                  </div>
                </div><!-- End Thumbnails -->

              </div>
            </div><!-- Footer -->

          </div>
        </div>

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <!-- ideally at the bottom of the page -->
<!-- also works in the <head> -->
    <script src="script.js"></script>

    <script>
      //jQuery getting user input lesson, commenting out as this is not needed now.
      //$('.filter-button').on('click', function (e) {
      //    alert("Yup, it's a button.");
      //});

    $(".filter-button").on("click", function(){
        $("#monkey").addClass("active");
        $(".monkey").hide();
});


    $(".filter-button").on("click", function(){
        $("#dog").addClass("active");
        $(".dog").hide();
});

    </script>

    </body>
</html>
{'fraction_non_alphanumeric': 0.17596401028277636, 'fraction_numerical': 0.014910025706940874, 'mean_word_length': 1.5295838751625488, 'pattern_counts': {'":': 0, '<': 199, '<?xml version=': 0, '>': 197, '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': '5678522', 'n_tokens_mistral': 2364, 'n_tokens_neox': 2190, 'n_words': 530}