Visitor sign in kiosk: multi-site, badge printing, WWCC expiry warnings, admin accounts with 2FA

public/index.html

@@ -63,7 +63,11 @@
     <div class="rail" data-rail></div>
     <h2>Who are you here to see?</h2>
     <label class="field">
-      <span>Start typing a name</span>
+      <span>Pick from the list</span>
+      <select id="host-select" class="picker"></select>
+    </label>
+    <label class="field">
+      <span>Or start typing a name</span>
       <input id="in-host-search" autocomplete="off" enterkeyhint="search" placeholder="e.g. Rogerson">
     </label>
     <div class="host-list" id="host-list" role="listbox" aria-label="People you can visit"></div>
@@ -162,7 +166,11 @@
   <section class="screen" id="screen-freq-host">
     <h2 id="freq-greeting">Who are you here to see?</h2>
     <label class="field">
-      <span>Start typing a name</span>
+      <span>Pick from the list</span>
+      <select id="freq-host-select" class="picker"></select>
+    </label>
+    <label class="field">
+      <span>Or start typing a name</span>
       <input id="in-freq-host-search" autocomplete="off" enterkeyhint="search">
     </label>
     <div class="host-list" id="freq-host-list" role="listbox" aria-label="People you can visit"></div>