<commit_before><!DOCTYPE html>
<html>
  <head>
    <title>{{titleName}}</title>
    <meta charset="utf-8" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/l.geosearch.css" />
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.ie.css" />
    <![endif]-->

    <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="js/topojson.v1.min.js"></script>
    <script type="text/javascript" src="js/chroma.min.js"></script>
    <script src="js/l.control.geosearch.js"></script>
    <script src="js/l.geosearch.provider.google.js"></script>
    <script src="js/d3.v3.min.js"></script>

    <style>
    select {
        font-size: 24px;
    }
      html, body {
      height: 100%;
      }

      
      body {
margin: 0px;
padding: 0px;
height: 100%;
}

      .social-buttons {
          display:block;
          list-style:none;
          padding:0px;
          margin:4px 0 0 0px;
          float:right;
      }

      li {
          margin-top:5px;
      }

      #content {
         margin-right: auto;
         margin-left: auto;
         height: 100%;
      }

      #map {
         height: 100%;
      }

      .info {
          padding: 6px 8px;
          font: 14px/16px Arial, Helvetica, sans-serif;
          background: white;
          background: rgba(255,255,255,0.8);
          box-shadow: 0 0 15px rgba(0,0,0,0.2);
          border-radius: 9px;
      }
      .info h4 {
          margin: 0 0 0px;
          color: #333;
      }

      .info div{margin:0 0 5px;}


      body.hom_rate .info div.hom,
      body.hom_count .info div.hom,
      body.rncv_rate .info div.rncv,
      body.rncv_count .info div.rncv,
      body.rvcv_rate .info div.rvcv,
      body.rvcv_count .info div.rvcv,
      body.rvsv_rate .info div.rvsv,
      body.rvsv_count .info div.rvsv {
          //background:#F6E493;
          //color:#000;
          //border-radius: 3px;
      }
.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}
    </style>
  </head>
  <body class="{{varName}}">
    <div id="content" class="container">
      <div id="map"></div> <!-- <ul class='social-buttons'> -->
    </div>
    <!--   <li style="margin:10px 0px 10px 0"> -->
        
    <!--   </li> -->
    <!--   <li> -->
    <!--     <div id='fb-root'></div> -->
    <!--     <div class='fb-like' data-colorscheme='light' data-layout='box_count' data-show-faces='false' data-width='40' href='http://www.diegovalle.net/mordor'></div> -->
    <!--   </li> -->
    <!-- </ul> -->
    <script type="text/javascript">
      //The map
    var mxc;

//return a color scale for the choropleths
var createScale = function(colors, domain, numcol){
    return chroma.scale(colors).domain(domain, numcol);
};

//for formatting the population data
comma = d3.format("0,000");

var scaleHomicide,
scaleRNCV,
scaleRVCV,
scaleRVSV;
var colorFun;
var currentName = "hom" + '{{type}}';
var lastSelect = "Homicides";

//remember this is a mustache template
var scaleFun;
var varName = "{{varName}}";
var title = "{{titleName}}";

//use the appropiate scale from the template
var getColor;



var nokiaStreets = L.tileLayer('http://{s}.maptile.maps.svc.ovi.com/maptiler/v2/maptile/newest/normal.night/{z}/{x}/{y}/256/png8', {
    attribution: '©2012 Nokia <a href="http://here.net/services/terms" target="_blank">Terms of use</a>'
}),
nokiaSat = L.tileLayer('http://{s}.maptile.maps.svc.ovi.com/maptiler/v2/maptile/newest/satellite.day/{z}/{x}/{y}/256/png8', {
    attribution: '©2012 Nokia <a href="http://here.net/services/terms" target="_blank">Terms of use</a>'
})
var map = L.map('map', {center: new L.LatLng(19.38, -99.1),
                        zoom: 11,
                        layers: [nokiaStreets]});

var baseMaps = {
    "Satellite": nokiaSat,
    "Streets": nokiaStreets
};



L.control.layers(baseMaps).addTo(map);

//add a geosearch control
// new L.Control.GeoSearch({<commit_msg>Use the Nokia developer id for the background maps<commit_after><!DOCTYPE html>
<html>
  <head>
    <title>{{titleName}}</title>
    <meta charset="utf-8" />
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="css/l.geosearch.css" />
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />
    <!--[if lte IE 8]>
    <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.ie.css" />
    <![endif]-->

    <script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="js/topojson.v1.min.js"></script>
    <script type="text/javascript" src="js/chroma.min.js"></script>
    <script src="js/l.control.geosearch.js"></script>
    <script src="js/l.geosearch.provider.google.js"></script>
    <script src="js/d3.v3.min.js"></script>

    <style>
    select {
        font-size: 24px;
    }
      html, body {
      height: 100%;
      }

      
      body {
margin: 0px;
padding: 0px;
height: 100%;
}

      .social-buttons {
          display:block;
          list-style:none;
          padding:0px;
          margin:4px 0 0 0px;
          float:right;
      }

      li {
          margin-top:5px;
      }

      #content {
         margin-right: auto;
         margin-left: auto;
         height: 100%;
      }

      #map {
         height: 100%;
      }

      .info {
          padding: 6px 8px;
          font: 14px/16px Arial, Helvetica, sans-serif;
          background: white;
          background: rgba(255,255,255,0.8);
          box-shadow: 0 0 15px rgba(0,0,0,0.2);
          border-radius: 9px;
      }
      .info h4 {
          margin: 0 0 0px;
          color: #333;
      }

      .info div{margin:0 0 5px;}


      body.hom_rate .info div.hom,
      body.hom_count .info div.hom,
      body.rncv_rate .info div.rncv,
      body.rncv_count .info div.rncv,
      body.rvcv_rate .info div.rvcv,
      body.rvcv_count .info div.rvcv,
      body.rvsv_rate .info div.rvsv,
      body.rvsv_count .info div.rvsv {
          //background:#F6E493;
          //color:#000;
          //border-radius: 3px;
      }
.legend {
    line-height: 18px;
    color: #555;
}
.legend i {
    width: 18px;
    height: 18px;
    float: left;
    margin-right: 8px;
    opacity: 0.7;
}
    </style>
  </head>
  <body class="{{varName}}">
    <div id="content" class="container">
      <div id="map"></div> <!-- <ul class='social-buttons'> -->
    </div>
    <!--   <li style="margin:10px 0px 10px 0"> -->
        
    <!--   </li> -->
    <!--   <li> -->
    <!--     <div id='fb-root'></div> -->
    <!--     <div class='fb-like' data-colorscheme='light' data-layout='box_count' data-show-faces='false' data-width='40' href='http://www.diegovalle.net/mordor'></div> -->
    <!--   </li> -->
    <!-- </ul> -->
    <script type="text/javascript">
      //The map
    var mxc;

//return a color scale for the choropleths
var createScale = function(colors, domain, numcol){
    return chroma.scale(colors).domain(domain, numcol);
};

//for formatting the population data
comma = d3.format("0,000");

var scaleHomicide,
scaleRNCV,
scaleRVCV,
scaleRVSV;
var colorFun;
var currentName = "hom" + '{{type}}';
var lastSelect = "Homicides";

//remember this is a mustache template
var scaleFun;
var varName = "{{varName}}";
var title = "{{titleName}}";

//use the appropiate scale from the template
var getColor;

var nokiaStreets = L.tileLayer('http://{s}.{base}.maps.cit.api.here.com/maptile/2.1/maptile/{mapID}/normal.night/{z}/{x}/{y}/256/png8?app_id={app_id}&app_code={app_code}', {
    attribution: 'Map &copy; 1987-2014 <a href="http://developer.here.com">HERE</a>',
    subdomains: '1234',
    mapID: 'newest',
    app_id: '6nA3IVXYrizzTDgFJMIN',
    app_code: '6o4Vvdk1QIkytF-bmyH_Yg',
    base: 'base',
    minZoom: 0,
    maxZoom: 20
});
var nokiaSat = L.tileLayer('http://{s}.{base}.maps.cit.api.here.com/maptile/2.1/maptile/{mapID}/satellite.day/{z}/{x}/{y}/256/png8?app_id={app_id}&app_code={app_code}', {
    attribution: 'Map &copy; 1987-2014 <a href="http://developer.here.com">HERE</a>',
    subdomains: '1234',
    mapID: 'newest',
    app_id: '6nA3IVXYrizzTDgFJMIN',
    app_code: '6o4Vvdk1QIkytF-bmyH_Yg',
    base: 'aerial',
    minZoom: 0,
    maxZoom: 20
});

// var nokiaStreets = L.tileLayer('http://{s}.maptile.maps.svc.ovi.com/maptiler/v2/maptile/newest/normal.night/{z}/{x}/{y}/256/png8', {
//     attribution: '©2012 Nokia <a href="http://here.net/services/terms" target="_blank">Terms of use</a>'
// }),
// nokiaSat = L.tileLayer('http://{s}.maptile.maps.svc.ovi.com/maptiler/v2/maptile/newest/satellite.day/{z}/{x}/{y}/256/png8', {
//     attribution: '©2012 Nokia <a href="http://here.net/services/terms" target="_blank">Terms of use</a>'
// })
var map = L.map('map', {center: new L.LatLng(19.38, -99.1),
                        zoom: 11,
                        layers: [nokiaStreets]});

var baseMaps = {
    "Satellite": nokiaSat,
    "Streets": nokiaStreets
};



L.control.layers(baseMaps).addTo(map);

//add a geosearch control
// new L.Control.GeoSearch({
{'fraction_non_alphanumeric': 0.18839220589767636, 'fraction_numerical': 0.03396894862978014, 'mean_word_length': 2.4401433691756274, 'pattern_counts': {'":': 4, '<': 123, '<?xml version=': 0, '>': 123, 'https://': 2, 'lorem ipsum': 0, 'www.': 2, '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': '3202130', 'n_tokens_mistral': 3874, 'n_tokens_neox': 3567, 'n_words': 643}