From bdb50bd8cbb48ead6486d7a4a6121d191713fb21 Mon Sep 17 00:00:00 2001
From: Joel Calado <joelcalado@gmail.com>
Date: Sun, 29 Nov 2020 17:19:42 +0000
Subject: [PATCH] guest tips

tips for: network, power, audio
---
 index.html |  6 ++++++
 main.css   | 31 +++++++++++++++++++++++++++++++
 2 files changed, 37 insertions(+)

diff --git a/index.html b/index.html
index 652a8e2..2a0d05d 100644
--- a/index.html
+++ b/index.html
@@ -211,6 +211,12 @@
 						<span data-translate="waiting-for-camera">Waiting for Camera to Load</span>
 					</button>
 					<br />
+					<span id="guestTips" style="display:none">
+						<p>For the best possible experience, make sure</p>
+						<span><i class="las la-plug"></i><span>Your device is powered</span></span>
+						<span><i class="las la-ethernet"></i><span>Your connection is hardwired instead of wifi</span></span>
+						<span><i class="las la-headphones"></i><span>You are using headphones / earphones</span></span>
+					</span>
 					<span id="videoMenu" class="videoMenu">
 						<i class="las la-video"></i><span data-translate="video-source"> Video Source </span>
                         
diff --git a/main.css b/main.css
index 25973ba..7924777 100644
--- a/main.css
+++ b/main.css
@@ -1802,4 +1802,35 @@ a#reshare {
 }
 #joinroomID+button {
 	margin: 0px var(--regular-margin);
+}
+
+/* Tips for guests */
+span#guestTips {
+    margin: 10 auto;
+    width: 450px;
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    background: #f3f3f3;
+    border: 1px solid #cccccc;
+    padding: 10px;
+}
+
+#guestTips p {
+    font-weight: bold;
+    margin-bottom: 10px;
+}
+
+#guestTips span:nth-child(1) {
+    color: red;
+}
+
+#guestTips > span > i {
+    font-size: 2.5em;
+    margin-right: 10px;
+}
+
+#guestTips > span > span {
+    line-height: 2.5em;
+    vertical-align: bottom;
 }
\ No newline at end of file