From e79ce9e7466cd4fdc3e16a099becfbca9f9678fa Mon Sep 17 00:00:00 2001
From: Noah Petherbridge <root@kirsle.net>
Date: Wed, 8 Feb 2023 21:59:38 -0800
Subject: [PATCH] Update chat landing page

---
 web/templates/chat.html | 37 ++++++++++++++++++++++++++++++++-----
 1 file changed, 32 insertions(+), 5 deletions(-)

diff --git a/web/templates/chat.html b/web/templates/chat.html
index de5e3a8..5f26891 100644
--- a/web/templates/chat.html
+++ b/web/templates/chat.html
@@ -4,11 +4,22 @@
     <section class="hero is-light is-bold">
         <div class="hero-body">
             <div class="container">
-                <h1 class="title">
-                    <i class="fa fa-message mr-2"></i>
-                    Chat Rooms (Beta)
-                    <span class="tag is-success">NEW!</span>
-                </h1>
+                <div class="level">
+                    <div class="level-left">
+                        <h1 class="title">
+                            <span class="icon mr-4"><i class="fa fa-image"></i></span>
+                            <span>{{template "title" .}}</span>
+                        </h1>
+                    </div>
+                    <div class="level-right">
+                        <div>
+                            <a href="/chat?intent=join" class="button">
+                                <span>Join the Chat Room</span>
+                                <span class="icon"><i class="fa fa-external-link"></i></span>
+                            </a>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
     </section>
@@ -29,6 +40,22 @@
             issues with the chat room!
         </p>
 
+        <div class="notification is-info is-light">
+            <strong>Note:</strong> the chat room has been tested and seems to work best on:
+
+            <ul>
+                <li><i class="fab fa-chrome"></i> All Chromium browsers <small>(including Chrome, Edge, Opera, Brave, etc.)</small></li>
+                <li><i class="fab fa-firefox"></i> Mozilla Firefox</li>
+            </ul>
+
+            <p>
+            <i class="fab fa-apple"></i> <strong>Mac OS users:</strong> Safari seems to work now (as of <abbr title="2023-02-08">2/8</abbr>)
+            for the text chat features of the room. However, sound effects and video sharing aren't working
+            yet for Safari. Use Firefox or Chrome (or other Chromium browser of your choice) for better odds
+            of video support.
+            </p>
+        </div>
+
         <h3>Chat Room Rules</h3>
 
         <p>