Make "Join Room" appear only when JS is enabled

   }
   document.documentElement.className = currentColorMode
 
+  const joinButton = document.createElement('button')
+  joinButton.innerHTML = 'Join Room'
+  joinButton.id = 'join'
+  const navDiv = document.querySelector("body > nav div")
+  navDiv.insertBefore(joinButton, navDiv.firstChild);
+
   microphoneStatus('off')
   colormode.onmouseup = toggleColorMode
   listen.onmouseup = initDictation

   padding: 1em 0 0 0;
 }
 body.widescreen {
-  margin: 0 2em;
+  margin: 0;
   max-width: 100%;
 }
 /* body.widescreen > nav {

 article#content > nav.breadcrumbs + h1 {
   margin-top: .2em;
 }
+body > nav div > * {
+  margin: .25em 0;
+}
 body > nav .h-card p {
   font-family: sans-serif;
   font-size: .9em;

     </svg>
     <svg id=listen title=dictation viewBox="-0.5 0 25 25"
       fill=none xmlns=http://www.w3.org/2000/svg></svg>
-    <input name=q type=text><br>
+    $ query = resource.query if "query" in resource else ""
+    <input name=q type=text value="$query"><br>
     <small class=partial></small> <a href=/guide>Guide</a>
     </form>
 </div>

         <li><a href=/$mount_app.prefix>$mount_name.capitalize()</a></li>
     </ul>
 <div style=font-size:.8em>
-<button id=join>Join Room</button>
 $if tx.user.is_owner:
     <form id=identity action=/owner/sign-out method=post>
     <button>Sign Out</button>