Entry flow UX changes based on feedback

[gfodor]

UX pass should add:

• Blur on background canvas may be prohibitively expensive on mobile, can disable + decrease opacity instead. (macOS blur performance fix + minor fixes #159)
• Show "identity picker" as first screen until the user enters a custom name (Entry flow UX changes - Part 1 #175)
• Fix up mic/speaker UX so there is no confusion about them being buttons. (Either remove circle, or make them buttons to play tone/change mic.) (Entry flow UX changes - Part 1 #175)
• Also use new "blue" #2F80ED (Entry flow UX changes - Part 1 #175)
• For some reason the "mic permission" button is way too big, it is supposed to be the same size as the other buttons. (Entry flow UX changes - Part 1 #175)
• microphone level should have increased sensitifity (probably something like min(level * 2, 1.0)) (Entry flow UX changes - Part 1 #175)

---

• Consider more affordances for text buttons at bottom (Entry flow UX changes - Part 2 #177)
• Add a minimum age, ToS/PP checkbox before allowing entry (Entry flow UX changes - Part 2 #177)
• Fonts not loading on mobile for hub.html (Entry flow UX changes - Part 2 #177)
• session ended screen mis-styled now (Entry flow UX changes - Part 2 #177)
• Also fix behavior where we are holding a reference to the react component root for the UI (Entry flow UX changes - Part 2 #177)

---

• Add a "share link" UX (UX Changes - Part 3 #232)
• Add the name of the room to the UI somewhere (UX Changes - Part 3 #232)
• Enter key should create hub (UX Changes - Part 3 #232)
• Preload environment images (UX Changes - Part 3 #232)
• Header should not expand vertically on landing page (Feature/home page link cleanup #210)

[gfodor]

Also use new "blue" #2F80ED

[gfodor]

Also fix behavior where we are holding a reference to the react component root for the UI

[gfodor]

Enter key should create hub
Preload environment images

[gfodor]

Header should not expand vertically on landing page
Fonts not loading on mobile for hub.html

[gfodor]

Blur on background canvas may be prohibitively expensive on mobile, can disable + decrease opacity instead.

[gfodor]

For some reason the "mic permission" button is way too big, it is supposed to be the same size as the other buttons.

[gfodor]

microphone level should have increased sensitifity (probably something like min(level * 2, 1.0))

[gfodor]

session ended screen mis-styled now

[brianpeiris]

Gonna start working on some of these today.

[robertlong]

@gfodor @brianpeiris that background blur is giving me about 3fps on FF on my mac 😬 Can we split that into its own issue and get that fixed sooner than the rest of these styling issues?

[brianpeiris]

Sure, I can do that.