<commit_before>

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>GlobalWAMP</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="robots" content="noindex" />

    <link rel="shortcut icon" href="img/ico/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=News+Cycle:400,700|Merriweather:400,300,700">
    <style type="text/css">
      html,body,.wrapper, #mapa {
        margin:0;
        width:100%;
        height:100%;
      }
      // Just in case. For example, Bootstrap
      // sets max-width:100%
      img {
        max-width:none;
      }

       .bar {
        position: absolute;
        top: 0;
        left: 0;
        padding: 12px;
        z-index:110;
        width:50%;
        background: url('img/overlay.png') repeat 0 0;
        color: #FFF;
      }

      .bar .title {
       
        display: block;
        margin: 0 0 6px 0;
        font-size: 26px;
        font-weight: bold;
        line-height: 26px;
        letter-spacing: -1px;
      }
      .bar .description {
        display: block;
        color: #EEE;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        word-wrap: break-word;
      }

      .bar a {
        color:inherit !important;
      }

      .close {
        float: right;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        color: white;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
        filter: alpha(opacity=20);
      }

      .close:hover,
      .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        filter: alpha(opacity=40);
      }

      button.close {
        margin-top:-10px;
        margin-right:-5px;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
      }     

      .globalwamp_byn img {
        /*
        http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
        */
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%);

      } 
	
    </style>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="lib/html5shiv.js"></script>
    <![endif]-->

  <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
  <script type="text/javascript" src="leaflet.jquery.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/sugar/1.3.9/sugar.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-url-parser/2.3.1/purl.min.js"></script>  
  <script type="text/javascript" src="globalwamp.jquery.js"></script>    
  <script type="text/javascript" src="http://fgnass.github.io/spin.js/dist/spin.min.js"></script>        
  <script type="text/javascript" src="http://fgnass.github.io/spin.js/jquery.spin.js"></script>          
  
    
  <script type="text/javascript">
    $(document).ready(function() {
      var source = $.url().param('source');
      if (source !== undefined) {
        $('#mapa').argenmapvis({source : source});  
      } else {
        $('#mapa').html('Se necesita el parámetro source en la URL');
      }
      $('.close').click(function(){
        $('.barra').fadeOut();
      })      
    });

<commit_msg>agregué imagnes<commit_after>

<!DOCTYPE html>
<html lang="es">
  <head>
    <meta charset="utf-8">
    <title>GlobalWAMP</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <meta name="robots" content="noindex" />

    <link rel="shortcut icon" href="img/ico/favicon.png">
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=News+Cycle:400,700|Merriweather:400,300,700">
    <style type="text/css">
      html,body,.wrapper, #mapa {
        margin:0;
        width:100%;
        height:100%;
      }
      // Just in case. For example, Bootstrap
      // sets max-width:100%
      img {
        max-width:none;
      }

       .bar {
        position: absolute;
        top: 0;
        left: 0;
        padding: 12px;
        z-index:110;
        width:50%;
        background: url('img/overlay.png') repeat 0 0;
        color: #FFF;
      }

      .bar .title {
       
        display: block;
        margin: 0 0 6px 0;
        font-size: 26px;
        font-weight: bold;
        line-height: 26px;
        letter-spacing: -1px;
      }
      .bar .description {
        display: block;
        color: #EEE;
        font-size: 12px;
        line-height: 12px;
        text-transform: uppercase;
        word-wrap: break-word;
      }

      .bar a {
        color:inherit !important;
      }

      .close {
        float: right;
        font-size: 20px;
        font-weight: bold;
        line-height: 20px;
        color: white;
        text-shadow: 0 1px 0 #ffffff;
        opacity: 0.2;
        filter: alpha(opacity=20);
      }

      .close:hover,
      .close:focus {
        color: #000000;
        text-decoration: none;
        cursor: pointer;
        opacity: 0.4;
        filter: alpha(opacity=40);
      }

      button.close {
        margin-top:-10px;
        margin-right:-5px;
        padding: 0;
        cursor: pointer;
        background: transparent;
        border: 0;
        -webkit-appearance: none;
      }     

      .globalwamp_byn img {
        /*
        http://www.karlhorky.com/2012/06/cross-browser-image-grayscale-with-css.html
        */
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
        filter: gray; /* IE6-9 */
        -webkit-filter: grayscale(100%);

      } 
	
    </style>

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
    <!--[if lt IE 9]>
      <script src="lib/html5shiv.js"></script>
    <![endif]-->

  <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
  <script type="text/javascript" src="http://oskosk.github.com/leaflet.jquery/leaflet.jquery.js"></script>
  <script src="//cdnjs.cloudflare.com/ajax/libs/sugar/1.3.9/sugar.min.js"></script>
  <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-url-parser/2.3.1/purl.min.js"></script>  
  <script type="text/javascript" src="globalwamp.jquery.js"></script>    
  <script type="text/javascript" src="http://fgnass.github.io/spin.js/dist/spin.min.js"></script>        
  <script type="text/javascript" src="http://fgnass.github.io/spin.js/jquery.spin.js"></script>          
  
    
  <script type="text/javascript">
    $(document).ready(function() {
      var source = $.url().param('source');
      if (source !== undefined) {
        $('#mapa').argenmapvis({source : source});  
      } else {
        $('#mapa').html('Se necesita el parámetro source en la URL');
      }
      $('.close').click(function(){
        $('.barra').fadeOut();
      })      
    });


{'fraction_non_alphanumeric': 0.17078947368421052, 'fraction_numerical': 0.04421052631578947, 'mean_word_length': 2.0440528634361232, 'pattern_counts': {'":': 0, '<': 81, '<?xml version=': 0, '>': 81, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 4}, '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': '2424605', 'n_tokens_mistral': 2845, 'n_tokens_neox': 2523, 'n_words': 479}