<commit_before><!doctype html>

<html>
<head>
  <title>Plant Explorer</title>	
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <link href="/css/bootstrap-theme.min.css" rel="stylesheet">
  <link href="/css/introHCI.css" rel="stylesheet">
  

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->        
 <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 80%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
</head>
 <body id="main" style="background-color:#fff; background-color: #fff">
      <div class="container">
        <div class="cover-container-quiz">
            <div class="masthead clearfix" style="position: relative">
                <div class="inner">
                <h1 class="masthead-brand page-header"><a href="index">Plant App</a></h1>
                <nav>
                    <ul class="nav masthead-nav">
                        <li><a href="map?image=tree" class = "header">Plant Map</a></li>
                        <li><a href="about" class = "header">About us</a></li>
                        <li><a href="help" class = "header">Help</a></li>
                        <li><a id="login" href="login" class = "header">Login</a></li>
                    </ul>
                </nav>
                </div>
                
            </div>
           
                <table style="float:right">
                    <tr>
                        <td>
                            <a type="submit" href="statistics" class="btn btn-lg" style="background-color: #e0b42f; color: #fff; float: right; margin-bottom: 20px;">View Statistical Data</a>
                        </td>
                        <td>
                           <a type="submit" href="index" class="btn btn-lg" style="background-color: #e0b42f; color: #fff; float: right; margin-bottom: 20px;">Exit the Map</a>
                        </td>
                    </tr>
                </table>
     
        </div>
    </div>


    <div id="map" style="height: 70%;"></div>
  
    <!-- script>
        
        function getParams() {
                    var idx = document.URL.indexOf('?');
                    var params = new Array();
                    if (idx != -1) {
                        var pairs = document.URL.substring(idx + 1, document.URL.length).split('&');
                        for (var i = 0; i < pairs.length; i++) {
                                    nameVal = pairs[i].split('=');
                                    params[nameVal[0]] = nameVal[1];
                                }
                            }
                            return params;
                        }
                    params = getParams();
                    plantPicture = "/images/"+unescape(params["image"])+".jpg";
                    fromUpload = unescape(params["fromUpload"]);
                         
                    document.getElementById("quizPicture").src="/images/"+plantPicture+".jpg";
   
      function initMap() {
        var SanDiego = new google.maps.LatLng(32.73, -117.1446);
        var ucsd = new google.maps.LatLng(32.88, -117.23);
        var park = new google.maps.LatLng(32.77, -117.22);
        var upload ="<p style=\"color:#00FF00; font-size:20px; margin-bottom: 0px\">Your Upload</p><br>";
        var returnAddressBalboa = "Balboa Park, San Diego, CA 92104";
        var returnAddressUCSD = "UC San Diego 9500 Gilman Dr, La Jolla, CA 92093";
        var missionBay = "Mission Bay Park<br>2688 East Mission Bay Drive, San Diego, CA 92109";
        var uploadText;
        plantPicture = "/images/tree.jpg";
          
        if(fromUpload == "true") {
            uploadText = upload+returnAddressBalboa;
        }
        else {
            uploadText = returnAddressBalboa;
        }
        var map = new google.maps.Map(document.getElementById('map'), {
          center: SanDiego,
          zoom: 11
        });
          
        var coordInfoWindow2 = new google.maps.InfoWindow();
        coordInfoWindow2.setContent(createInfoWindowContent(ucsd, map.getZoom(), "/images/mapPic1.jpg", returnAddressUCSD));
        coordInfoWindow2.setPosition(ucsd);
        coordInfoWindow2.open(map);
        map.addListener('zoom_changed', function() {
             coordInfoWindow2.setContent(createInfoWindowContent(ucsd, map.getZoom(), "/images/mapPic1.jpg", returnAddressUCSD));
          coordInfoWindow2.open(map);
        });
          
          var coordInfoWindow3 = new google.maps.InfoWindow();
        coordInfoWindow3.setContent(createInfoWindowContent(park, map.getZoom(), "/images/mapPic2.jpg", missionBay));
        coordInfoWindow3.setPosition(park);
        coordInfoWindow3.open(map);
        map.addListener('zoom_changed', function() {
             coordInfoWindow3.setContent(createInfoWindowContent(park, map.getZoom(), "/images/mapPic2.jpg", missionBay));
          coordInfoWindow3.open(map);
        });
           var coordInfoWindow = new google.maps.InfoWindow();
        coordInfoWindow.setContent(createInfoWindowContent(SanDiego, map.getZoom(), plantPicture, uploadText));
        coordInfoWindow.setPosition(SanDiego);
        coordInfoWindow.open(map);
        map.addListener('zoom_changed', function() {
          coordInfoWindow.setContent(createInfoWindowContent(SanDiego, map.getZoom(), plantPicture, uploadText));
          coordInfoWindow.open(map);
        });
          
          setMarkers(map);
      }
      
      var TILE_SIZE = 256;
      function createInfoWindowContent(latLng, zoom, plantPicture, returnAddress) {
        var scale = 1 << zoom;
        var worldCoordinate = project(latLng);
        var pixelCoordinate = new google.maps.Point(
            Math.floor(worldCoordinate.x * scale),
            Math.floor(worldCoordinate.y * scale));
        return [
          returnAddress,
 /*       'Latitude and Longitude: ' + latLng,*/
          '<br><img src="'+plantPicture+'" height="100">'
        ].join('<br>');
      }
      // The mapping between latitude, longitude and pixels is defined by the web
      // mercator projection.
      function project(latLng) {
        var siny = Math.sin(latLng.lat() * Math.PI / 180);
        // Truncating to 0.9999 effectively limits latitude to 89.189. This is
        // about a third of a tile past the edge of the world tile.
        siny = Math.min(Math.max(siny, -0.9999), 0.9999);
        return new google.maps.Point(
            TILE_SIZE * (0.5 + latLng.lng() / 360),
            TILE_SIZE * (0.5 - Math.log((1 + siny) / (1 - siny)) / (4 * Math.PI)));
      }
        
          
    </script -->
    
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBZg1QQ6DEF8FOT8lgkA3i55har3lhba0M&callback=initMap">
    </script>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="/js/bootstrap.min.js"></script><commit_msg>map update<commit_after><!doctype html>

<html>
<head>
  <title>Plant Explorer</title>	
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link href="/css/bootstrap.min.css" rel="stylesheet">
  <link href="/css/bootstrap-theme.min.css" rel="stylesheet">
  <link href="/css/introHCI.css" rel="stylesheet">
  

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->        
 <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 80%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
</head>
 <body id="main" style="background-color:#fff; background-color: #fff">
      <div class="container">
        <div class="cover-container-quiz">
            <div class="masthead clearfix" style="position: relative">
                <div class="inner">
                <h1 class="masthead-brand page-header"><a href="index">Plant App</a></h1>
                <nav>
                    <ul class="nav masthead-nav">
                        <li><a href="map?image=tree" class = "header">Plant Map</a></li>
                        <li><a href="about" class = "header">About us</a></li>
                        <li><a href="help" class = "header">Help</a></li>
                        <li><a id="login" href="login" class = "header">Login</a></li>
                    </ul>
                </nav>
                </div>
                
            </div>
           
                <table style="float:right">
                    <tr>
                        <td>
                            <a type="submit" href="statistics" class="btn btn-lg" style="background-color: #e0b42f; color: #fff; float: right; margin-bottom: 20px;">View Statistical Data</a>
                        </td>
                        <td>
                           <a type="submit" href="index" class="btn btn-lg" style="background-color: #e0b42f; color: #fff; float: right; margin-bottom: 20px;">Exit the Map</a>
                        </td>
                    </tr>
                </table>
     
        </div>
    </div>


    <div id="map" style="height: 70%;"></div>
  
    < script>
        
        function getParams() {
                    var idx = document.URL.indexOf('?');
                    var params = new Array();
                    if (idx != -1) {
                        var pairs = document.URL.substring(idx + 1, document.URL.length).split('&');
                        for (var i = 0; i < pairs.length; i++) {
                                    nameVal = pairs[i].split('=');
                                    params[nameVal[0]] = nameVal[1];
                                }
                            }
                            return params;
                        }
                    params = getParams();
                    plantPicture = "/images/"+unescape(params["image"])+".jpg";
                    fromUpload = unescape(params["fromUpload"]);
                         
                    document.getElementById("quizPicture").src="/images/"+plantPicture+".jpg";
   
      function initMap() {
        var SanDiego = new google.maps.LatLng(32.73, -117.1446);
        var ucsd = new google.maps.LatLng(32.88, -117.23);
        var park = new google.maps.LatLng(32.77, -117.22);
        var upload ="<p style=\"color:#00FF00; font-size:20px; margin-bottom: 0px\">Your Upload</p><br>";
        var returnAddressBalboa = "Balboa Park, San Diego, CA 92104";
        var returnAddressUCSD = "UC San Diego 9500 Gilman Dr, La Jolla, CA 92093";
        var missionBay = "Mission Bay Park<br>2688 East Mission Bay Drive, San Diego, CA 92109";
        var uploadText;
        plantPicture = "/images/tree.jpg";
          
        if(fromUpload == "true") {
            uploadText = upload+returnAddressBalboa;
        }
        else {
            uploadText = returnAddressBalboa;
        }
        var map = new google.maps.Map(document.getElementById('map'), {
          center: SanDiego,
          zoom: 11
        });
          
        var coordInfoWindow2 = new google.maps.InfoWindow();
        coordInfoWindow2.setContent(createInfoWindowContent(ucsd, map.getZoom(), "/images/mapPic1.jpg", returnAddressUCSD));
        coordInfoWindow2.setPosition(ucsd);
        coordInfoWindow2.open(map);
        map.addListener('zoom_changed', function() {
             coordInfoWindow2.setContent(createInfoWindowContent(ucsd, map.getZoom(), "/images/mapPic1.jpg", returnAddressUCSD));
          coordInfoWindow2.open(map);
        });
          
          var coordInfoWindow3 = new google.maps.InfoWindow();
        coordInfoWindow3.setContent(createInfoWindowContent(park, map.getZoom(), "/images/mapPic2.jpg", missionBay));
        coordInfoWindow3.setPosition(park);
        coordInfoWindow3.open(map);
        map.addListener('zoom_changed', function() {
             coordInfoWindow3.setContent(createInfoWindowContent(park, map.getZoom(), "/images/mapPic2.jpg", missionBay));
          coordInfoWindow3.open(map);
        });
           var coordInfoWindow = new google.maps.InfoWindow();
        coordInfoWindow.setContent(createInfoWindowContent(SanDiego, map.getZoom(), plantPicture, uploadText));
        coordInfoWindow.setPosition(SanDiego);
        coordInfoWindow.open(map);
        map.addListener('zoom_changed', function() {
          coordInfoWindow.setContent(createInfoWindowContent(SanDiego, map.getZoom(), plantPicture, uploadText));
          coordInfoWindow.open(map);
        });
          
          setMarkers(map);
      }
      
      var TILE_SIZE = 256;
      function createInfoWindowContent(latLng, zoom, plantPicture, returnAddress) {
        var scale = 1 << zoom;
        var worldCoordinate = project(latLng);
        var pixelCoordinate = new google.maps.Point(
            Math.floor(worldCoordinate.x * scale),
            Math.floor(worldCoordinate.y * scale));
        return [
          returnAddress,
 /*       'Latitude and Longitude: ' + latLng,*/
          '<br><img src="'+plantPicture+'" height="100">'
        ].join('<br>');
      }
      // The mapping between latitude, longitude and pixels is defined by the web
      // mercator projection.
      function project(latLng) {
        var siny = Math.sin(latLng.lat() * Math.PI / 180);
        // Truncating to 0.9999 effectively limits latitude to 89.189. This is
        // about a third of a tile past the edge of the world tile.
        siny = Math.min(Math.max(siny, -0.9999), 0.9999);
        return new google.maps.Point(
            TILE_SIZE * (0.5 + latLng.lng() / 360),
            TILE_SIZE * (0.5 - Math.log((1 + siny) / (1 - siny)) / (4 * Math.PI)));
      }
        
          
    </script >
    
    <script async defer
    src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBZg1QQ6DEF8FOT8lgkA3i55har3lhba0M&callback=initMap">
    </script>


    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
    <script src="/js/bootstrap.min.js"></script>
{'fraction_non_alphanumeric': 0.14843549628109773, 'fraction_numerical': 0.021928699666581175, 'mean_word_length': 1.9164173522812267, 'pattern_counts': {'":': 0, '<': 187, '<?xml version=': 0, '>': 181, 'https://': 8, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5070782', 'n_tokens_mistral': 4771, 'n_tokens_neox': 4438, 'n_words': 954}