<commit_before><html>
<head>
  <base target="_parent"/>
  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCtWBCKJwtHq7ME82vk3d7eUsRknvzgrAQ&sensor=false">
  </script>
  <%= javascript_include_tag "iframe/pinta" %>

</head>
<script type="text/javascript">
    $(document).ready(function () {
        var placemarker = new google.maps.MarkerImage(
          'http://www.placeling.com/images/placemarker.png',
          new google.maps.Size(30, 32),
          new google.maps.Point(0, 0),
          new google.maps.Point(9, 32)
        );
        
        var infobox = new InfoBox({
          alignBottom: true,
          content: "",
          disableAutoPan: false,
          maxWidth: 150,
          pixelOffset: new google.maps.Size(-140, -47),
          zIndex: null,
          boxStyle: {
            opacity: 0.85,
            width: "280px",
          },
          closeBoxURL: "",
          infoBoxClearance: new google.maps.Size(1, 1)
        });
        
        $("#iframe_pan").click(function () {
            $('#map_canvas').gmap('getCurrentPosition', function (position, status) {
                if (status === 'OK') {
                    var clientPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                    $('#map_canvas').gmap('get', 'map').setOptions({'center':clientPosition});
                }
            });
            return false;
        });
        
        $('#map_canvas').gmap({ 'center':'<%= @lat %>, <%= @lng %>', 'zoom':14, panControl:false,
            zoomControl:true, mapTypeControl:false, scaleControl:true, streetViewControl:false,
            overviewMapControl:true }).bind('init', function (ev, map) {
              $.getJSON('<%= user_perspectives_path(@user, :source=>"pinta") %>', function (data) {
                $.each(data.perspectives, function (i, perspective) {
                  $('#map_canvas').gmap('addMarker', {
                    'position':new google.maps.LatLng(perspective.place.lat, perspective.place.lng), 'icon':placemarker
                  }).click(function () {
                    infobox.setPosition(this.getPosition());
                    infobox.setContent($("#calloutTemplate").render(perspective));
                    infobox.open(this.map, this);
                  });
                });
              });
        });
    });
</script>
<style type="text/css">

    * {
        margin: 0px;
        padding: 0px;
        font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
    }

    body {
        /* for Firefox */
        overflow-x: hidden;
        overflow-y: hidden;
    }

    #iframe_pan {
        position: absolute;
        right: 15px;
        top: 20px;
        z-index: 1;
    }

    #placeling_iframe_logo {
        float: left;
        margin-top: 3px;
        margin-left: 10px;
    }

    #placeling_iframe_spacer {
        float: right;
        margin-top: 3px;
        margin-right: 10px;
        width: 117px;
    }
    
    /*#infobox {
      position: relative;
    }*/
    
    #infobox {
        background:#333;
        padding:8px 16px;
        width: 252px;
        border-radius:4px;
        position:relative;
        float: left;
        box-shadow: 0 0 8px #000;
        font-family:Arial, Helvetica, sans-serif;
    }
    #infobox:after {
        content:"";
        position:absolute;
        bottom: -10px;
        left: 45%;
        background: #333;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform:rotate(45deg);
        /* reduce the damage in FF3.0 */
        display:block;
        width: 24px;
        height: 24px;
        box-shadow: 0 0 8px #000;
        z-index:-10;
    }
    #infobox:before {
        content:"";
        position:absolute;
        bottom: -10px;
        left: 45%;
        background: #333;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform:rotate(45deg);
        /* reduce the damage in FF3.0 */
        display:block;
        width: 24px;
        height: 24px;
        z-index:10;
    }
    
    @media only screen
    and (max-width : 480px) {
        #placeling_iframe_logo, #placeling_iframe_spacer {
            display: none;
        }
    }

    .info_name {
        font-size: 18px;
        color: #567E79;
        font-weight: bold;
        padding-left: 3px;
    }
    
    .out_link a, a:link, a:hover, a:visited, a:active {
      color:#FFF;
      font-size:18px;
      font-weight: 800;
      text-decoration: none;
    }
    
    .mini_marker {
      border: 2px solid white;
      border-radius: 50%;
      float: right;
      margin-top: 2px;
    }
    
    .right {
      float:right;
    }
    
    .place_name {
      overflow:hidden;
      max-height: 24px;
      max-width: 265px;
      position:relative;
      z-index:11;
    }
</style>
<body>
<script id="calloutTemplate" type="text/x-jsrender"><commit_msg>Made infobox a little smaller<commit_after><html>
<head>
  <base target="_parent"/>
  <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCtWBCKJwtHq7ME82vk3d7eUsRknvzgrAQ&sensor=false">
  </script>
  <%= javascript_include_tag "iframe/pinta" %>

</head>
<script type="text/javascript">
    $(document).ready(function () {
        var placemarker = new google.maps.MarkerImage(
          'http://www.placeling.com/images/placemarker.png',
          new google.maps.Size(30, 32),
          new google.maps.Point(0, 0),
          new google.maps.Point(9, 32)
        );
        
        var infobox = new InfoBox({
          alignBottom: true,
          content: "",
          disableAutoPan: false,
          maxWidth: 150,
          pixelOffset: new google.maps.Size(-125, -47),
          zIndex: null,
          boxStyle: {
            opacity: 0.85,
            width: "280px",
          },
          closeBoxURL: "",
          infoBoxClearance: new google.maps.Size(1, 1)
        });
        
        $("#iframe_pan").click(function () {
            $('#map_canvas').gmap('getCurrentPosition', function (position, status) {
                if (status === 'OK') {
                    var clientPosition = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                    $('#map_canvas').gmap('get', 'map').setOptions({'center':clientPosition});
                }
            });
            return false;
        });
        
        $('#map_canvas').gmap({ 'center':'<%= @lat %>, <%= @lng %>', 'zoom':14, panControl:false,
            zoomControl:true, mapTypeControl:false, scaleControl:true, streetViewControl:false,
            overviewMapControl:true }).bind('init', function (ev, map) {
              $.getJSON('<%= user_perspectives_path(@user, :source=>"pinta") %>', function (data) {
                $.each(data.perspectives, function (i, perspective) {
                  $('#map_canvas').gmap('addMarker', {
                    'position':new google.maps.LatLng(perspective.place.lat, perspective.place.lng), 'icon':placemarker
                  }).click(function () {
                    infobox.setPosition(this.getPosition());
                    infobox.setContent($("#calloutTemplate").render(perspective));
                    infobox.open(this.map, this);
                  });
                });
              });
        });
    });
</script>
<style type="text/css">

    * {
        margin: 0px;
        padding: 0px;
        font-family: 'Helvetica Neue', Helvetica, Arial, Sans-serif;
    }

    body {
        /* for Firefox */
        overflow-x: hidden;
        overflow-y: hidden;
    }

    #iframe_pan {
        position: absolute;
        right: 15px;
        top: 20px;
        z-index: 1;
    }

    #placeling_iframe_logo {
        float: left;
        margin-top: 3px;
        margin-left: 10px;
    }

    #placeling_iframe_spacer {
        float: right;
        margin-top: 3px;
        margin-right: 10px;
        width: 117px;
    }
    
    /*#infobox {
      position: relative;
    }*/
    
    #infobox {
        background:#333;
        padding:8px 16px;
        width: 222px;
        border-radius:4px;
        position:relative;
        float: left;
        box-shadow: 0 0 8px #000;
        font-family:Arial, Helvetica, sans-serif;
    }
    #infobox:after {
        content:"";
        position:absolute;
        bottom: -10px;
        left: 45%;
        background: #333;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform:rotate(45deg);
        /* reduce the damage in FF3.0 */
        display:block;
        width: 24px;
        height: 24px;
        box-shadow: 0 0 8px #000;
        z-index:-10;
    }
    #infobox:before {
        content:"";
        position:absolute;
        bottom: -10px;
        left: 45%;
        background: #333;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        -ms-transform:rotate(45deg);
        /* reduce the damage in FF3.0 */
        display:block;
        width: 24px;
        height: 24px;
        z-index:10;
    }
    
    @media only screen
    and (max-width : 480px) {
        #placeling_iframe_logo, #placeling_iframe_spacer {
            display: none;
        }
    }

    .info_name {
        font-size: 16px;
        color: #567E79;
        font-weight: bold;
        padding-left: 3px;
    }
    
    .out_link a, a:link, a:hover, a:visited, a:active {
      color:#FFF;
      font-size:18px;
      font-weight: 800;
      text-decoration: none;
    }
    
    .mini_marker {
      border: 2px solid white;
      border-radius: 50%;
      float: right;
      margin-top: 2px;
    }
    
    .right {
      float:right;
    }
    
    .place_name {
      overflow:hidden;
      max-height: 24px;
      max-width: 200px;
      position:relative;
      z-index:11;
    }
</style>
<body>
<script id="calloutTemplate" type="text/x-jsrender">
{'fraction_non_alphanumeric': 0.14040561622464898, 'fraction_numerical': 0.028666146645865833, 'mean_word_length': 1.7535570469798658, 'pattern_counts': {'":': 0, '<': 35, '<?xml version=': 0, '>': 37, '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': '1758432', 'n_tokens_mistral': 3493, 'n_tokens_neox': 3156, 'n_words': 587}