<commit_before><body>
  <div class="container-fluid">
    <h1>Welcome to SoundDrop!</h1>

    <p>SoundDrop lets you record stories or create playlists of your favourite songs and connect them to any place you wish via geolocation.</p>

    <p>With SoundDrop you can leave an audible mark anywhere and share it with friends. Wish to leave a playlist along your favourite bike route through town? Or create a guided tour for a museum exhibition? Want to tell a personal story about a famous landmark, or guide your friends to your favourite spots in a foreign city? SoundDrop let's you share the sound.</p>

    <div id="map-index"></div>
    <script type="text/javascript">
    var map;

    function initMap() {
      changeMap(52.520, 13.409);
    }

    function changeMap(lat, lng) {
      map = new google.maps.Map(document.getElementById('map-index'), {
        center: {lat: lat, lng: lng},
        zoom: 12
      });
    }

    // $(".find-drops").on("click", function(event) {
    //   event.preventDefault();
    //   // read city input field
    //   // search lng, lat via geocode/google
    //   // change map with new lng, lat
    //   changeMap(4.6482837, -74.2478959);
    // });


    </script>
    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDkImnni-kZABntvWwgNhfxXFpUC0lc8lY&callback=initMap">
    </script>


  </div>




</body><commit_msg>add marker variable to make marker visible on map, not working<commit_after><body>
  <div class="container-fluid">
    <h1>Welcome to SoundDrop!</h1>

    <p>SoundDrop lets you record stories or create playlists of your favourite songs and connect them to any place you wish via geolocation.</p>

    <p>With SoundDrop you can leave an audible mark anywhere and share it with friends. Wish to leave a playlist along your favourite bike route through town? Or create a guided tour for a museum exhibition? Want to tell a personal story about a famous landmark, or guide your friends to your favourite spots in a foreign city? SoundDrop let's you share the sound.</p>

    <div id="map-index"></div>
    <script type="text/javascript">
    var map;

    var coordinateList = <%= @drops.map{ |drop| { lat: drop.place.latitude, lng: drop.place.longitude} } %>
    var dropLatLong = { lat: <%= @drop.place.latitude %>, lng: <%= @drop.place.longitude %> }
    var image = "<%= asset_path('sounddrop-logo.png') %>";
    var icon = {
      url: image,
      //scaledSize: new google.maps.Size(50, 50)
    }

    function initMap() {
      changeMap(52.520, 13.409);
    }

    function changeMap(lat, lng) {
      map = new google.maps.Map(document.getElementById('map-index'), {
        center: {lat: lat, lng: lng},
        zoom: 12
      });
    }


    var marker = new google.maps.Marker({
      position: dropLatLong,
      icon: icon,
      map: map,
    });

    // $(".find-drops").on("click", function(event) {
    //   event.preventDefault();
    //   // read city input field
    //   // search lng, lat via geocode/google
    //   // change map with new lng, lat
    //   changeMap(4.6482837, -74.2478959);
    // });

    </script>
    <script async defer
      src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDkImnni-kZABntvWwgNhfxXFpUC0lc8lY&callback=initMap">
    </script>


  </div>




</body>
{'fraction_non_alphanumeric': 0.12934421275309763, 'fraction_numerical': 0.021154427319431852, 'mean_word_length': 2.8002296211251436, 'pattern_counts': {'":': 0, '<': 39, '<?xml version=': 0, '>': 39, 'https://': 2, 'lorem ipsum': 0, 'www.': 0, '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': '2740661', 'n_tokens_mistral': 1116, 'n_tokens_neox': 1023, 'n_words': 328}