Merge pull request #3 from emamut/dev

Dev

Author: emamut

index.html

@@ -56,17 +56,7 @@ <h1 class="font-source-sans">Generate GeoJSON from coordinates</h1>
               rows="10"
               class="form-control"
               placeholder="Add waypoints in this format [{lat: x, lng: y}, {lat: x, lng: y} ...]"
-            >
-[{"lat": -0.128265, "lng": -78.362528},
-{"lat": -0.9322002, "lng": -78.6225983},
-{"lat": -0.95585, "lng": -78.850288},
-{"lat": -0.8700321, "lng": -78.8993113},
-{"lat": -1.6746425, "lng": -78.6502389},
-{"lat": -1.4693018, "lng": -78.8169396},
-{"lat": -2.0556571, "lng": -78.76386},
-{"lat": -2.201431, "lng": -78.846513},
-{"lat": -2.2013104, "lng": -78.8477451}]
-            </textarea>
+            ></textarea>
             <div class="w-100 d-flex">
               <button
                 class="btn btn-lg btn-success mt-2 me-2"
@@ -78,9 +68,21 @@ <h1 class="font-source-sans">Generate GeoJSON from coordinates</h1>
                 class="btn btn-lg btn-secondary mt-2"
                 onClick="cleanTextarea()"
               >
-                Clean
+                Clear
               </button>
             </div>
+            <p class="mt-3">
+                Example data
+                <pre>[{"lat": -0.128265, "lng": -78.362528},
+{"lat": -0.9322002, "lng": -78.6225983},
+{"lat": -0.95585, "lng": -78.850288},
+{"lat": -0.8700321, "lng": -78.8993113},
+{"lat": -1.6746425, "lng": -78.6502389},
+{"lat": -1.4693018, "lng": -78.8169396},
+{"lat": -2.0556571, "lng": -78.76386},
+{"lat": -2.201431, "lng": -78.846513},
+{"lat": -2.2013104, "lng": -78.8477451}]</pre>
+              </p>
           </div>
           <div class="col">
             <h5 class="font-source-sans">Result:</h5>