mainPage contents for the Node Tank Drive Server

index.html

    <div id="sliderContainer">
      <input type="range" min="0" max="255" value="127" class="slider" id="baseSpeed">
    </div>
    <div id="driveGrid">
      <button type="button" data-left-multiplier="0.5" data-right-multiplier="1.0" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">undo</i>
      </button>
      <button type="button" data-left-multiplier="1.0" data-right-multiplier="1.0" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">arrow_upward</i>
      </button>
      <button type="button" data-left-multiplier="1.0" data-right-multiplier="0.5" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">redo</i>
      </button>

      <button type="button" data-left-multiplier="0.0" data-right-multiplier="1.0" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">arrow_back</i>
      </button>
      <button type="button" data-left-multiplier="0.0" data-right-multiplier="0.0" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">close</i>
      </button>
      <button type="button" data-left-multiplier="1.0" data-right-multiplier="0.0" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">arrow_forward</i>
      </button>
      <button type="button" data-left-multiplier="-0.5" data-right-multiplier="-1.0" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">subdirectory_arrow_left</i>
      </button>
      <button type="button" data-left-multiplier="-1.0" data-right-multiplier="-1.0" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">arrow_downward</i>
      </button>
      <button type="button" data-left-multiplier="-1.0" data-right-multiplier="-0.5" class="driveButton btn btn-block btn-outline-primary">
        <i class="material-icons">subdirectory_arrow_right</i>
      </button>
    </div>
    
    <div id="spinButtons" class="row">
      <div class="col">
        <button type="button" data-left-multiplier="-1.0" data-right-multiplier="1.0" class="driveButton btn btn-outline-primary">
          <i class="material-icons" style="transform: scaleX(-1);">refresh</i>
        </button>
      </div>
      <div class="col">
      
      <button type="button" data-left-multiplier="0" data-right-multiplier="0" class="driveButton btn btn-outline-primary">
        <i class="material-icons">close</i>
      </button>
      </div>
      <div class="col">
      <button type="button" data-left-multiplier="1.0" data-right-multiplier="-1.0" class="driveButton btn btn-outline-primary">
        <i class="material-icons">refresh</i>
      </button>
      </div>
    </div>