<commit_before><!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  <title>Gas Tracking - Quantified</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.11/css/jquery.dataTables.css">
</head>
<body>
  {{> nav}}
  <div class="section no-pad-bot" id="index-banner">
    <div class="container">
      <br><br>
      <h1 class="header center orange-text">Gas Tracker</h1>
      <div class="row center">
        <h5 class="header col s12 light">A quantified way of tracking personal vehicle information</h5>
          
          
      </div>
      <div class="row center">
          <style>
              .map {
                  position: relative;
                  padding-bottom: 75%; // This is the aspect ratio
              height: 0;
                  overflow: hidden;
              }
              .map iframe {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100% !important;
                  height: 100% !important;
                  padding: 30px;
              }

              .scrolloff {
                  pointer-events: none;
              }
          </style>
        <script>
            $(document).ready(function () {

                // you want to enable the pointer events only on click;

                $('#map_canvas1').addClass('scrolloff'); // set the pointer events to none on doc ready
                $('#canvas1').on('click', function () {
                    $('#map_canvas1').removeClass('scrolloff'); // set the pointer events true on click
                });

                // you want to disable pointer events when the mouse leave the canvas area;

                $("#map_canvas1").mouseleave(function () {
                    $('#map_canvas1').addClass('scrolloff'); // set the pointer events to none when mouse leaves the map area
                });
            });
        </script>

        <section id="canvas1" class="map">
             <iframe id="map_canvas1" src="https://maps.google.com/maps?hl=en&q=La Jolla&ie=UTF8&t=hybrid&z=15&iwloc=B&output=embed" width="175" height="110" frameborder="0" style="border: 0"></iframe>
        </section>
          


          <p>

        <a href="#fillup" class="btn-large waves-effect waves-light orange modal-trigger-fillup">ADD A FILLUP</a>

      </div>
      <br><br>

    </div>
  </div>


  <div class="container">
    <div class="section">

      <!--   Icon Section   -->
      <div class="row center">
        <div class="header col s12 light">
          <div class="icon-block">
            <h2 class="center light-blue-text"><i class="material-icons">local_gas_station</i></h2>
            <h5 class="center">Recent Fillups</h5>
<commit_msg>updated map to have waypoint<commit_after><!DOCTYPE html>
<html lang="en">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0"/>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
  <title>Gas Tracking - Quantified</title>

  <!-- CSS  -->
  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
  <link href="css/materialize.css" type="text/css" rel="stylesheet" media="screen,projection"/>
  <link href="css/style.css" type="text/css" rel="stylesheet" media="screen,projection"/>
    <link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.11/css/jquery.dataTables.css">
</head>
<body>
  {{> nav}}
  <div class="section no-pad-bot" id="index-banner">
    <div class="container">
      <br><br>
      <h1 class="header center orange-text">Gas Tracker</h1>
      <div class="row center">
        <h5 class="header col s12 light">A quantified way of tracking personal vehicle information</h5>
          
          
      </div>
      <div class="row center">
          <style>
              .map {
                  position: relative;
                  padding-bottom: 75%; // This is the aspect ratio
              height: 0;
                  overflow: hidden;
              }
              .map iframe {
                  position: absolute;
                  top: 0;
                  left: 0;
                  width: 100% !important;
                  height: 100% !important;
                  padding: 30px;
              }

              .scrolloff {
                  pointer-events: none;
              }
          </style>
        <script>
            $(document).ready(function () {

                // you want to enable the pointer events only on click;

                $('#map_canvas1').addClass('scrolloff'); // set the pointer events to none on doc ready
                $('#canvas1').on('click', function () {
                    $('#map_canvas1').removeClass('scrolloff'); // set the pointer events true on click
                });

                // you want to disable pointer events when the mouse leave the canvas area;

                $("#map_canvas1").mouseleave(function () {
                    $('#map_canvas1').addClass('scrolloff'); // set the pointer events to none when mouse leaves the map area
                });
            });
        </script>

        <section id="canvas1" class="map">
             <iframe id="map_canvas1" src="https://www.google.com/maps/embed/v1/place?q=Mobil,+3233+La+Jolla+Village+Drive,+CA,+United+States&key=<KEY>" width="175" height="110" frameborder="0" style="border: 0"></iframe>
        </section>
          
<!-- src="https://www.google.com/maps/embed/v1/place?q=Mobil,+3233+La+Jolla+Village+Drive,+CA,+United+States&key=<KEY>" -->
<!--src="https://maps.google.com/maps?hl=en&q=La Jolla&ie=UTF8&t=hybrid&z=15&iwloc=B&output=embed" -->
          <p>

        <a href="#fillup" class="btn-large waves-effect waves-light orange modal-trigger-fillup">ADD A FILLUP</a>

      </div>
      <br><br>

    </div>
  </div>


  <div class="container">
    <div class="section">

      <!--   Icon Section   -->
      <div class="row center">
        <div class="header col s12 light">
          <div class="icon-block">
            <h2 class="center light-blue-text"><i class="material-icons">local_gas_station</i></h2>
            <h5 class="center">Recent Fillups</h5>

{'fraction_non_alphanumeric': 0.15844762182667055, 'fraction_numerical': 0.017508024511234316, 'mean_word_length': 2.0906221821460775, 'pattern_counts': {'":': 0, '<': 115, '<?xml version=': 0, '>': 117, 'https://': 8, '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': '2062425', 'n_tokens_mistral': 2126, 'n_tokens_neox': 1975, 'n_words': 440}