<commit_before><!doctype html>
<html>
  <head>
    <title>Image Wall</title>
    <style>
      body { 
        background-color: #6F6F6F; 
        margin: 0; 
        padding: 0;
      }

      #wrapper {
        width:120px;
        height: 120px;
        float: left;
        overflow: hidden;
      } 
      
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    </style>
  </head>
  <body>
  </body>
  <script src="/socket.io/socket.io.js"></script>
  <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
  <script>
    var socket = io();
    socket.on('new image', function(img){
      $('body').prepend('<div id="wrapper"><img src="' + img + '" /></div>');
    });

  </script>
</html><commit_msg>update layout and limit number of items visible<commit_after><!doctype html>
<html>
  <head>
    <title>Image Wall</title>
    <style>
      body { 
        background-color: #6F6F6F; 
        margin: 0; 
        padding: 0;
      }

      .wrapper {
        width:120px;
        height: 120px;
        float: left;
        overflow: hidden;
      } 
      
      img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
    </style>
  </head>
  <body>
  </body>
  <script src="/socket.io/socket.io.js"></script>
  <script src="http://code.jquery.com/jquery-1.11.1.js"></script>
  <script>
    var socket = io();
    var max_wrappers = 84;

    socket.on('new image', function(img){
      $('body').prepend('<div class="wrapper"><img src="' + img + '" /></div>');


      var wrappers = $('.wrapper');
      if(wrappers.length > max_wrappers)
      {
        var old_wrappers = wrappers.slice(max_wrappers, wrappers.length);
        old_wrappers.each(function(index, value){
          this.remove();
        });
      }
    });

  </script>
</html>
{'fraction_non_alphanumeric': 0.17605248769819573, 'fraction_numerical': 0.02405686167304538, 'mean_word_length': 1.9047619047619047, 'pattern_counts': {'":': 0, '<': 43, '<?xml version=': 0, '>': 44, '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': '441241', 'n_tokens_mistral': 663, 'n_tokens_neox': 616, 'n_words': 123}