Clarified tooltips

# Tooltips
- Wording of most tooltips clarified & made more concise
- Changed fxTooltips to dynamicTooltips, added filter
- Changed default tooltip text

# Extra / Other
- Changed OSC A FM control step sizes (experiment)
- Changed filter resonance label from "Q" to "Resonance"
- Updated Tremolo controls' min/max/step values
- Added TODOs

index.html

@@ -356,9 +356,9 @@
  colors="#FFFFFF;#2C292D;#D9D9D9"
  diameter="30"
  min="0"
- max="50"
+ max="10"
  value="0"
- step="1"
+ step=".01"
  ></webaudio-knob>
  <webaudio-param
  id="osc_a_fm_readout"
@@ -379,7 +379,7 @@
  min="0"
  max="50"
  value="0"
- step="1"
+ step=".01"
  ></webaudio-knob>
  <webaudio-param
  id="osc_a_fm_depth_readout"
@@ -1268,7 +1268,7 @@
  ></webaudio-param>
  </div>
  <div id="filter_resonance_group" class="border border-gray-600 rounded-lg p-1 flex flex-col w-[90px] mr-1">
- <p id="filter_resonance_label" class="font-light self-center mb-0.5">Q</p>
+ <p id="filter_resonance_label" class="font-light self-center mb-0.5">Resonance</p>
  <webaudio-knob
  id="filter_resonance"
  class="tooltipElement control mainControl2 self-center"
@@ -1370,9 +1370,9 @@
  </div>
  </div>
  <div class="self-center justify-center border border-gray-600 flex rounded-lg p-1 w-[222px] h-[102px]">
- <div id="tooltips_container" class=" self-center text-center text-sm">
- <p id="tooltip_top" class="font-bold">Tooltips go here :)</p>
- <p id="tooltip_bottom">Hover over something to see what it does!</p>
+ <div id="tooltips_container" class="self-center text-center text-sm">
+ <p id="tooltip_top" class="font-bold">Tooltips go here!</p>
+ <p id="tooltip_bottom">Hover over something to see what it does &#128516;</p>
  </div>
  </div>
  </div>