<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Where is foca?</title>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
  <!--[if lte IE 8]>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
  <![endif]-->
   <script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
   <script src="http://fgnass.github.io/spin.js/dist/spin.min.js"></script>
   <script src="/js/leaflet.spin.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.0/zepto.min.js"></script>
   <style type="text/css">
     .leaflet-popup-content { text-align: center }
     body {
       padding: 0;
       margin: 0
     }
     #logo {
       width: 147px;
       height: 166px;
       position: absolute;
       left: 50px;
       top: 0;
       z-index: 2;
     }
     #map { height: 1000px; }
     #status {
       text-align: center;
       font-family: Helvetica;
       font-weight: bold;
       color: white;
       background: rgba(0, 0, 0, 0.2);
       padding: 3px
     }

     .ribbon {
       position: absolute;
       top: 0;
       right: 0;
       border: 0;
       z-index: 2
     }
   </style>
</head>
<body>
  <a href="https://github.com/elcuervo/whereisfoca.com">
    <img class="ribbon" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
  </a>
    <div id="logo">
      <img src="/img/logo.png" alt="Where is foca?" />
      <div id="status"> Finding foca </div>
    </div>
   <div id="map"></div>
   <script type="text/javascript">
     var map = L.map('map').setView([-34.905944, -56.191556], 13);
     L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{style}/256/{z}/{x}/{y}.png', {
       maxZoom: 18,
       key: "<KEY>",
       style: 997
     }).addTo(map);

    var layer = L.geoJson(null).addTo(map);
    layer.fire('data:loading');

    $.getJSON("/where", function(data) {
      var coordinates = [data.latitude, data.longitude];
      var marker = L.marker(coordinates).addTo(map);
      var message = "<img src='http://www.gravatar.com/avatar/de03af350d099d28a0dd223ed5ffdd37?s=70'><br>";
      message += "<b>Foca</b> is in " + data.name + "<br>Give him a hug!.";

      layer.fire('data:loaded');
      $("#status").animate({ opacity: 0 }, 500);
      marker.bindPopup(message).openPopup();
      map.panTo(coordinates);
    })
   </script>
</body>
</html><commit_msg>Adds GA<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Where is foca?</title>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.css" />
  <!--[if lte IE 8]>
  <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.5/leaflet.ie.css" />
  <![endif]-->
   <script src="http://cdn.leafletjs.com/leaflet-0.5/leaflet.js"></script>
   <script src="http://fgnass.github.io/spin.js/dist/spin.min.js"></script>
   <script src="/js/leaflet.spin.js"></script>
   <script src="//cdnjs.cloudflare.com/ajax/libs/zepto/1.0/zepto.min.js"></script>
   <style type="text/css">
     .leaflet-popup-content { text-align: center }
     body {
       padding: 0;
       margin: 0
     }
     #logo {
       width: 147px;
       height: 166px;
       position: absolute;
       left: 50px;
       top: 0;
       z-index: 2;
     }
     #map { height: 1000px; }
     #status {
       text-align: center;
       font-family: Helvetica;
       font-weight: bold;
       color: white;
       background: rgba(0, 0, 0, 0.2);
       padding: 3px
     }

     .ribbon {
       position: absolute;
       top: 0;
       right: 0;
       border: 0;
       z-index: 2
     }
   </style>
</head>
<body>
  <a href="https://github.com/elcuervo/whereisfoca.com">
    <img class="ribbon" src="https://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
  </a>
    <div id="logo">
      <img src="/img/logo.png" alt="Where is foca?" />
      <div id="status"> Finding foca </div>
    </div>
   <div id="map"></div>
   <script type="text/javascript">
     var map = L.map('map').setView([-34.905944, -56.191556], 13);
     L.tileLayer('http://{s}.tile.cloudmade.com/{key}/{style}/256/{z}/{x}/{y}.png', {
       maxZoom: 18,
       key: "4b1da5c6d9504b42a833c9b04689ff7b",
       style: 997
     }).addTo(map);

    var layer = L.geoJson(null).addTo(map);
    layer.fire('data:loading');

    $.getJSON("/where", function(data) {
      var coordinates = [data.latitude, data.longitude];
      var marker = L.marker(coordinates).addTo(map);
      var message = "<img src='http://www.gravatar.com/avatar/de03af350d099d28a0dd223ed5ffdd37?s=70'><br>";
      message += "<b>Foca</b> is in " + data.name + "<br>Give him a hug!.";

      layer.fire('data:loaded');
      $("#status").animate({ opacity: 0 }, 500);
      marker.bindPopup(message).openPopup();
      map.panTo(coordinates);
    })
   </script>
  <script>
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

    ga('create', 'UA-41044915-1', 'whereisfoca.com');
    ga('send', 'pageview');

  </script>
</body>
</html>
{'fraction_non_alphanumeric': 0.2058223623215279, 'fraction_numerical': 0.040051919154459485, 'mean_word_length': 2.7277125086385627, 'pattern_counts': {'":': 0, '<': 88, '<?xml version=': 0, '>': 88, 'https://': 4, 'lorem ipsum': 0, 'www.': 3, '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': '2524488', 'n_tokens_mistral': 2202, 'n_tokens_neox': 2034, 'n_words': 334}