add a help tab

html/index.html

@@ -586,6 +586,7 @@ <h1 id=instanceName>Bucket Brigade</h1>
   <span id=recordingsTab>Recordings</span>
   <span id=debugTab>Debug</span>
   <span id=booktimeTab>Reserve</span>
+  <span id=helpTab>Help</span>
   <span id=aboutTab>About</span>
 </div>
 
@@ -786,7 +787,11 @@ <h3>Debug Info</h3>
 target=_blank href="https://github.com/gwillen/solstice-audio-test/issues/new">file
 an issue</a> or write to <tt>[email protected]</tt>.
 
-<h2>Troubleshooting</h2>
+</div>
+</div>
+
+<div id=help class=middlePane>
+<div style="max-width: 40em">
 
 <h3>Someone is much too quiet during songs</h3>
 
@@ -1263,6 +1268,7 @@ <h2>Then refresh the page and try again.</h2>
     "Debug": window.debugInfo,
     "Reserve": window.booktime,
     "About": window.about,
+    "Help": window.help,
     "Recordings": window.recordings,
     "AdvancedSettings": window.advancedSettings,
     "UnsupportedBrowser": window.noAudioWorklet,
@@ -1274,6 +1280,7 @@ <h2>Then refresh the page and try again.</h2>
     "Debug": window.debugTab,
     "Reserve": window.booktimeTab,
     "About": window.aboutTab,
+    "Help": window.helpTab,
     "AdvancedSettings": window.advancedSettingsTab,
     "Recordings": window.recordingsTab,
   };