maintenance and audio nudging bar

index.html

@@ -304,7 +304,23 @@
               </div>
             </div>
           </div>
-          
+
+          <!-- Audio nudge slider -->
+          <div id="midi-settings-container" class="bg-gray-200 rounded-lg flex flex-col mx-4 my-4 pt-4 pb-2">
+            <p class="font-bold text-xl ml-4 pb-4 underline underline-offset-4">Audio Output nudge</p>
+            <div class="flex flex-colunm">
+              <input
+                type="range" id="audio_nudge"
+                name="rangeInput"
+                min="-1000" max="1000"
+                value="0"
+                class="w-full ml-4"
+                oninput="amount.value=audio_nudge.value"
+              >
+              <output name="amount" id="amount" for="rangeInput" class="bg-gray-500 rounded-lg ml-2 mr-4 px-4 py-1 text-white">0</output>
+            </div>
+          </div>
+
           <div class="flex space-x-6 border-t border-gray-200 rounded-b dark:border-gray-600 mx-4 border-spacing-y-4">
             <button id="close-settings-button" data-modal-hide="defaultModal" type="button" class="hover:bg-gray-700 bg-gray-800 mt-4 mb-4 text-white focus:ring-4  font-medium rounded-lg text-sm px-5 py-2.5 text-center">OK</button>
           </div>