Make name smaller, solarize form controls, rename buttons

 .h-card > p {
     margin: 0; }
 a.p-name {
-    font-size: 2.5em;
+    font-size: 2em;
     font-weight: 500;
     line-height: 1.25;
     text-decoration: none; }

 .code > div > pre > span {
   display: block; }
 
+input, textarea {
+  background-color: #073642;
+  border: .1em inset #586e75;
+  border-radius: .25em;
+  color: #93a1a1; }
 input {
-  background-color: #eee;
-  border: 0; }
-button {
-  background-color: #eee;
-  border: 0;
-  border-radius: .25em; }
+  padding: .16em; }
 input[type=text] {
   width: 10em; }
+input[name=q] {
+  width: 20em; }
+textarea {
+  padding: .5em; }
+button {
+  background-color: #93a1a1;
+  border: .2em outset #586e75;
+  border-radius: .25em;
+  color: #002b36;
+  font-size: .7em;
+  text-transform: uppercase; }
 
 summary {
   cursor: pointer; }

   font-weight: normal;
   font-style: normal; }
 
+@font-face {
+  font-family: 'fleuronregular';
+  src: url('/static/fleuron-regular.woff2') format('woff2'),
+       url('/static/fleuron-regular.woff') format('woff');
+  font-weight: normal;
+  font-style: normal; }
 @font-face {
   font-family: 'fleurondingbats';
-  src: url('/static/fleurondingbats.woff2') format('woff2'),
-       url('/static/fleurondingbats.woff') format('woff');
+  src: url('/static/fleuron-dingbats.woff2') format('woff2'),
+       url('/static/fleuron-dingbats.woff') format('woff');
   font-weight: normal;
   font-style: normal; }
 @font-face {
   font-family: 'fleuronmixed';
-  src: url('/static/fleuronmixed.woff2') format('woff2'),
-       url('/static/fleuronmixed.woff') format('woff');
+  src: url('/static/fleuron-mixed.woff2') format('woff2'),
+       url('/static/fleuron-mixed.woff') format('woff');
   font-weight: normal;
   font-style: normal; }

 <form id=search action=/search>
     <input name=q type=text> <button>Search</button>
 </form>
+<div id=assistant>
+    <span class=partial></span>
+    <button>Activate Assistant</button>
+</div>
 </div>
 </header>
 

 <aside>
 $:livestream()
 
-<div id=bot>
-    <button>Start Bot</button>
-    <p class=partial></p>
-</div>
-
 <div id=chat>
-    <button>Join Chat</button>
+    <button>Enter Room</button>
     <div id=mediasoup-demo-app-media-query-detector></div>
     <div id=mediasoup-demo-app-container></div>
 </div>

 
 <script src=https://cdn.jsdelivr.net/npm/vosk-browser@0.0.5/dist/vosk.js></script>
 <script>
-async function init_bot() {
-  const partialContainer = document.querySelector('#bot .partial')
+async function initAssistant() {
+  const partialContainer = document.querySelector('#assistant .partial')
 
   partialContainer.textContent = 'Loading...'
 

  
   let ownerGivenName = '$owner["name"][0].split()[0]'
   let wakeWord = `$${ownerGivenName.toLowerCase()} bought`
-  let readyWord = `Say "$${ownerGivenName}Bot help".`
+  let readyWord = `Say "$${ownerGivenName}Assistant help".`
   let state = 'asleep'
   partialContainer.textContent = readyWord
 

       go('/help')
       return
     }
-    const response = fetch('/ai/bot', {
+    const response = fetch('/ai/assistant', {
         method: 'POST',
         headers: {
           'Content-Type': 'application/json',

   setInterval(window.antiglobal, 180000)
 }
 
-function init_chat() {
+function initChat() {
   var tag = document.createElement('script')
   tag.src = '/chats/mediasoup-demo-app.js'
   document.getElementsByTagName('head')[0].appendChild(tag)

 
 <script>
 window.onload = () => {
-  const botTrigger = document.querySelector('#bot button')
-  botTrigger.onmouseup = () => {
-      botTrigger.disabled = true
-      botTrigger.style.display = 'none'
-      init_bot()
+  const assistantTrigger = document.querySelector('#assistant button')
+  assistantTrigger.onmouseup = () => {
+      assistantTrigger.disabled = true
+      assistantTrigger.style.display = 'none'
+      initAssistant()
   }
   const chatTrigger = document.querySelector('#chat button')
   chatTrigger.onmouseup = () => {
       chatTrigger.disabled = true
       chatTrigger.style.display = 'none'
-      init_chat()
+      initChat()
   }
 }
 </script>