<commit_before><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Drunk GPS Simulator</title>
    <link id="favicon" rel="shortcut icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAAAdklEQVQ4T6WMUQ6AMAhDvf+l0S15BDrGNH68UNrCZWa/WI3H6lj6LpoSVJ0Uok/EJ8lEv6F8UEGukC1BhCeUNZszmjuOD8ZSMTJyNDteWcCDKnONoUW8Hd7rDsg68vLh2LtqpFCgS2dONXaMXJl+LKA74rGZXTdcBFXH/ciWAAAAAABJRU5ErkJggg==">
    <meta name="description" content="Simulate a drunk person tracked by GPS all around the world.">
    <meta name="author" content="<NAME>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <style>
      * {
        box-sizing: border-box;
      }
      body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #ddd;
        padding: 0;
        margin: 0;
      }
      main {
        background-color: #fff;
        max-width: 400px;
        margin: 0 auto;
        padding: 20px;
        box-shadow: 0 1px 8px rgba(0,0,0,0.3);
      }
      h1 {
        font-size: 21px;
        font-weight: normal;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        letter-spacing: 1px;
      }
      table tr td {
        padding-bottom: 10px;
      }
      table tr td:first-child {
        text-align: right;
        padding-right: 5px;
      }
      table tr td:last-child {
        text-align: left;
        padding-left: 5px;
      }
      label {
        font-size: 14px;
      }
      input, textarea, select {
        padding: 5px 5px;
      }
      input, select, textarea, button, canvas {
        border-radius: 3px;
        border: 1px solid #ccc;
        margin: 0;
      }
      textarea {
        font-family: monospace;
      }
      .responsiveness {
        width: 100%;
        max-width: 100%;
      }
      input {
        width: 130px;
      }
      input[type=range] {
        margin-top: 6px;
      }
      input:focus {
        border-color: rgb(13, 129, 242);
      }
      button {
        border: 2px solid rgb(13, 129, 242);
        padding: 8px 15px;
        font-size: 18px;
        cursor: pointer;
        background-color: rgba(30, 144, 255, 0.9);
        color: white;
      }
      button:hover {
        background-color: rgba(30, 144, 255, 0.8);
      }
      button:active {
        background-color: rgba(30, 144, 255, 1.0);
      }
      #placeControl, #distanceControl {
        width: 100%;
      }
      #customLatLonContainer {
        margin-top: 3px;
        display: none;
      }
      #customLatLonContainer input {
        width: 90px;
      }
      #customDistanceContainer {
        margin-top: 3px;
        display: none;
      }
      #customDistanceContainer input {
        width: 100%;
      }
      #gpsTrackCsvTextArea {
        display: none;
        height: 100px;
      }
      #gpsTrackCanvas {
        display: none;
        border: 1px solid #ccc;
        transform: scale(1, -1);
        background-color: lightgreen;
        margin: 20px 0 10px;
      }
      #drunkenessEmoji {
        float: right;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>Drunk GPS Simulator</h1>
      <form onsubmit="return generateGpsTrack()">
        <table class="responsiveness">
          <tr>
            <td><label for="placeControl">Place</label></td>
            <td>
              <select id="placeControl" autocomplete="off" onchange="placeChanged(this.value)">
                <option value="">Custom</option>
                <option value="52.371860,4.895861" selected>Amsterdam, Netherlands</option>
                <option value="51.208147,3.224801">Bruges, Belgium</option>
                <option value="47.071952,15.439605">Graz, Austria</option>
                <option value="0.0,0.0">Null Island, Atlantic Ocean</option>
                <option value="42.430420,19.259364">Podgorica, Montenegro</option>
              </select>
              <div id="customLatLonContainer">
                <input type="number" id="customLatControl" value="" min="-180" max="180" step="0.000001" autocomplete="off" placeholder="Latitude">
                <input type="number" id="customLonControl" value="" min="-180" max="180" step="0.000001" autocomplete="off" placeholder="Longitude">
              </div>
            </td>
          </tr>
          <tr>
            <td><label for="distanceControl">Distance</label></td>
            <td>
              <select id="distanceControl" autocomplete="off" onchange="distanceChanged(this.value)">
                <option value="">Custom</option>
                <option value="2">Some meters (2 points)</option>
                <option value="3">~100 m (3 points)</option>
                <option value="5">~200 m (5 points)</option>
                <option value="10">~500 m (10 points)</option>
                <option value="100">~5 km (100 points)</option>
                <option value="300" selected>~15 km (300 points)</option>
                <option value="1000">Long to drive (1,000 points)</option>
                <option value="10000">Very long to drive (10,000 points)</option>
                <option value="100000">Small country (100,000 points)</option>
                <!-- TODO: Enhance the path finding algorithm before enabling this: -->
                <!--<option value="500000">Amsterdam to Wales</option>
<option value="1000000">Million points</option>
<option value="1000000000">Billion points</option>-->
              </select>
              <div id="customDistanceContainer">
                <input type="number" id="customDistanceControl" value="" min="2" step="1" autocomplete="off" placeholder="Number of points">
              </div>
            </td>
          </tr>
          <tr>
            <td><label for="drunkenessControl">Drunkeness</label></td>
            <td><input type="range" id="drunkenessControl" value="90" min="0" max="360" step="1" autocomplete="off" oninput="drunkenessChanged(this.value)" onchange="drunkenessChanged(this.value)"> <span id="drunkenessEmoji">&nbsp;</span></td>
          </tr>
        </table><commit_msg>Remove distance option with 100,000 points as it causes a reload on iOS's Safari browser and make option names more uniform<commit_after><!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Drunk GPS Simulator</title>
    <link id="favicon" rel="shortcut icon" type="image/png" href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAZdEVYdFNvZnR3YXJlAHBhaW50Lm5ldCA0LjAuMTczbp9jAAAAdklEQVQ4T6WMUQ6AMAhDvf+l0S15BDrGNH68UNrCZWa/WI3H6lj6LpoSVJ0Uok/EJ8lEv6F8UEGukC1BhCeUNZszmjuOD8ZSMTJyNDteWcCDKnONoUW8Hd7rDsg68vLh2LtqpFCgS2dONXaMXJl+LKA74rGZXTdcBFXH/ciWAAAAAABJRU5ErkJggg==">
    <meta name="description" content="Simulate a drunk person tracked by GPS all around the world.">
    <meta name="author" content="<NAME>">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <style>
      * {
        box-sizing: border-box;
      }
      body {
        font-family: Arial, Helvetica, sans-serif;
        background-color: #ddd;
        padding: 0;
        margin: 0;
      }
      main {
        background-color: #fff;
        max-width: 400px;
        margin: 0 auto;
        padding: 20px;
        box-shadow: 0 1px 8px rgba(0,0,0,0.3);
      }
      h1 {
        font-size: 21px;
        font-weight: normal;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        letter-spacing: 1px;
      }
      table tr td {
        padding-bottom: 10px;
      }
      table tr td:first-child {
        text-align: right;
        padding-right: 5px;
      }
      table tr td:last-child {
        text-align: left;
        padding-left: 5px;
      }
      label {
        font-size: 14px;
      }
      input, textarea, select {
        padding: 5px 5px;
      }
      input, select, textarea, button, canvas {
        border-radius: 3px;
        border: 1px solid #ccc;
        margin: 0;
      }
      textarea {
        font-family: monospace;
      }
      .responsiveness {
        width: 100%;
        max-width: 100%;
      }
      input {
        width: 130px;
      }
      input[type=range] {
        margin-top: 6px;
      }
      input:focus {
        border-color: rgb(13, 129, 242);
      }
      button {
        border: 2px solid rgb(13, 129, 242);
        padding: 8px 15px;
        font-size: 18px;
        cursor: pointer;
        background-color: rgba(30, 144, 255, 0.9);
        color: white;
      }
      button:hover {
        background-color: rgba(30, 144, 255, 0.8);
      }
      button:active {
        background-color: rgba(30, 144, 255, 1.0);
      }
      #placeControl, #distanceControl {
        width: 100%;
      }
      #customLatLonContainer {
        margin-top: 3px;
        display: none;
      }
      #customLatLonContainer input {
        width: 90px;
      }
      #customDistanceContainer {
        margin-top: 3px;
        display: none;
      }
      #customDistanceContainer input {
        width: 100%;
      }
      #gpsTrackCsvTextArea {
        display: none;
        height: 100px;
      }
      #gpsTrackCanvas {
        display: none;
        border: 1px solid #ccc;
        transform: scale(1, -1);
        background-color: lightgreen;
        margin: 20px 0 10px;
      }
      #drunkenessEmoji {
        float: right;
      }
    </style>
  </head>
  <body>
    <main>
      <h1>Drunk GPS Simulator</h1>
      <form onsubmit="return generateGpsTrack()">
        <table class="responsiveness">
          <tr>
            <td><label for="placeControl">Place</label></td>
            <td>
              <select id="placeControl" autocomplete="off" onchange="placeChanged(this.value)">
                <option value="">Custom</option>
                <option value="52.371860,4.895861" selected>Amsterdam, Netherlands</option>
                <option value="51.208147,3.224801">Bruges, Belgium</option>
                <option value="47.071952,15.439605">Graz, Austria</option>
                <option value="0.0,0.0">Null Island, Atlantic Ocean</option>
                <option value="42.430420,19.259364">Podgorica, Montenegro</option>
              </select>
              <div id="customLatLonContainer">
                <input type="number" id="customLatControl" value="" min="-180" max="180" step="0.000001" autocomplete="off" placeholder="Latitude">
                <input type="number" id="customLonControl" value="" min="-180" max="180" step="0.000001" autocomplete="off" placeholder="Longitude">
              </div>
            </td>
          </tr>
          <tr>
            <td><label for="distanceControl">Distance</label></td>
            <td>
              <select id="distanceControl" autocomplete="off" onchange="distanceChanged(this.value)">
                <option value="">Custom</option>
                <option value="2">Some meters (2 points)</option>
                <option value="3">~100 m (3 points)</option>
                <option value="5">~200 m (5 points)</option>
                <option value="10">~500 m (10 points)</option>
                <option value="50">~3 km (50 points)</option>
                <option value="100">~5 km (100 points)</option>
                <option value="300" selected>~15 km (300 points)</option>
                <option value="1000">~50 km (1,000 points)</option>
                <option value="10000">~500 km (10,000 points)</option>
              </select>
              <div id="customDistanceContainer">
                <input type="number" id="customDistanceControl" value="" min="2" step="1" autocomplete="off" placeholder="Number of points">
              </div>
            </td>
          </tr>
          <tr>
            <td><label for="drunkenessControl">Drunkeness</label></td>
            <td><input type="range" id="drunkenessControl" value="90" min="0" max="360" step="1" autocomplete="off" oninput="drunkenessChanged(this.value)" onchange="drunkenessChanged(this.value)"> <span id="drunkenessEmoji">&nbsp;</span></td>
          </tr>
        </table>
{'fraction_non_alphanumeric': 0.13364728808054563, 'fraction_numerical': 0.055456316986034426, 'mean_word_length': 2.129319105691057, 'pattern_counts': {'":': 0, '<': 193, '<?xml version=': 0, '>': 193, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 1, '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': '441233', 'n_tokens_mistral': 4481, 'n_tokens_neox': 3929, 'n_words': 781}