updates

app/static/css/style.css

@@ -250,7 +250,6 @@ margin: 4em 0;
   position: fixed;
   display: inline-block;
   bottom: 0;
-  font-size: 1em;
   padding: 1em;
   box-sizing: border-box;
 }
@@ -258,6 +257,7 @@ margin: 4em 0;
 #button_group button, #button_group select{
   background-color: black;
   color: white;
+  font-size: 1em;
   border: 1px solid white;
   border-radius: 2em;
   padding: 0.8em;

app/templates/addaudio.html

@@ -21,17 +21,13 @@
     <input type="hidden" name="longitude" value="{{ longitude }}" />
     <input type="hidden" name="latitude" value="{{ latitude }}" />
   
-    
     <div id="audio">
       <div class="record_controls">
         <a class="record_btn audio_btn" id="record_btn" onclick="record_audio()" href="#"><span class="icon"></span>record</a>
         <a class="stop_btn audio_btn" id="stop_btn" onclick="stop_audio()" href="#"><span class="icon"></span>stop</a>
         <a class="play_btn audio_btn" id="play_btn" onclick="play_audio()" href="#"><span class="progress_bar"></span><span class="icon_p"></span>play</a>
         <a class="redo_btn audio_btn" id="redo_btn" onclick="redo_audio()" href="#"></span>redo</a>
-
       </div>
-      <div id="audio-player-container"></div>
-      <ul id="playlist"></ul>
     </div>
 
     <input hidden="true" type="file" name="file" id="uploadedFile" accept="audio/*"><br>
@@ -41,9 +37,6 @@
     </div>
 
     <button type="submit">Submit</button>
-
-   
-
 </form>
 
 <clear>
@@ -67,33 +60,6 @@ const audioChunks = [];
 
 function record_audio(){
     if(state == "empty"){
-    // navigator.mediaDevices.getUserMedia({ audio: true })
-    // .then(stream => {
-    //   mediaRecorder = new MediaRecorder(stream, {mimeType: 'audio/webm;codecs=opus'}); // , {mimeType:"audio/ogg"}
-    //   mediaRecorder.start();
-
-    //   state = "recording";
-    //   document.getElementById('stop_btn').style.display = 'block'
-
-    //   seconds_int = setInterval(
-    //   function () {
-    //     document.getElementById("record_btn").innerHTML = seconds_rec + " s";
-    //     seconds_rec += 1;
-    // }, 1000);
-
-      
-    //   mediaRecorder.addEventListener("dataavailable", event => {
-        
-    //     audioChunks.push(event.data);
-    //     if(mediaRecorder.state == 'inactive')  makeLink();
-    //   });
-
-    //   setTimeout(() => {
-    //     stop_audio()
-    //   }, 1000 * 60);
-    // });
-
-
     recorder.start().then(() => {
 
       state = "recording";
@@ -169,10 +135,6 @@ function stop_audio(){
 
         const li = document.createElement('li');
         var audioUrl = URL.createObjectURL(file)
-        // const player = new Audio(audioUrl);
-        // player.controls = true;
-        // li.appendChild(player);
-        // document.querySelector('#playlist').appendChild(li);
 
         let container = new DataTransfer();
         container.items.add(file);
@@ -222,9 +184,6 @@ function  play_audio(){
   }
 }
 
-
-
-
 </script>
 
 {% endblock js%}

app/templates/addtext.html

@@ -19,8 +19,8 @@
     {{ form.csrf_token }}
     <input type="hidden" name="longitude" value="{{ longitude }}" />
     <input type="hidden" name="latitude" value="{{ latitude }}" />
-    <div style="width: 40%;">
+    <div style="width: 100%;">
-      message: {{ form.message(cols="45", rows="10", class="form-control") }}
+      message: {{ form.message(class="form-control") }}
     </div>
 
     <button type="submit">Submit</button>

app/templates/home.html

@@ -151,7 +151,7 @@
     
       x.innerHTML = "Latitude: " + crd.latitude +
       "<br>Longitude: " + crd.longitude +
-      "<br>Distance: " + distance(target.longitude, target.latitude, crd.longitude, crd.latitude);
+      "<br>Distance to tent: " + distance(target.longitude, target.latitude, crd.longitude, crd.latitude);
     
       // if we want to clear the watch
       // if (target.latitude === crd.latitude && target.longitude === crd.longitude) {