Added live chat for streams

officially added support for twitch livechat while streams are on, as well as added links to explain how to make a twitch account, and some text to point people in the direction of the chat on the livestream page

live_chat_test.html

@@ -1,2 +1,22 @@
-<iframe width="100%" height="1000" src="https://www.youtube.com/embed/WccRkXZxSXE?list=PLY_DHKQW5rXwyykBeTU6YrOQ9ud7PmFwW" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
-    allowfullscreen></iframe>
+<style>
+    .livechat {
+        float: left;
+        position: absolute;
+        top: -30px;
+        left: 100%;
+    }
+
+    .livechat p {
+        font-size: 18px;
+        text-align: center;
+    }
+</style>
+
+<div class="added">
+    <div class="livechat">
+        <br><br><br><br><br><br><br>
+        <iframe src="https://www.twitch.tv/embed/stmattsuniting/chat?parent=stmatthewsuniting.net.au" height="685" width="300">
+        </iframe>
+        <p>this feature is a work in progress</p>
+    </div>
+</div>

live_stream.html

@@ -3,14 +3,18 @@ <h2 class="middleme">St Matthew's Uniting Church Livestream</h2>
     <p class="middleme">If you can't view our livestream, find out about our browser support <a href="/topic/63/notice-on-web-browser-support">HERE</a>, or view us on twitch.tv <a href="https://www.twitch.tv/stmattsuniting" target="_blank">HERE.</a></p>
 
     <div class="twitch">
+        <!--Twitch livestream embed-->
         <div class="twitch-video">
             <iframe src="https://player.twitch.tv/?channel=stmattsuniting&parent=stmatthewsuniting.net.au&autoplay=true" frameborder="0" scrolling="no" allowfullscreen="true" height="700" width="100%">
-          </iframe>
+            </iframe>
             <!--Twitch doesn't seem to run ads on non affiliates, which is an options we do not need to take-->
         </div>
     </div>
 
+    <p class="middleme">If you wish to chat, sign up for twitch and use the live chat on the right --></p>
+    <!--points to the embeded twitch chat located next to the livestream embed-->
     <a href="category/2/worship-services">
+        <!--links to our worship services page, which has our youtube video reposts-->
         <h3 class="middleme">If you missed our livestream, you can find our old ones HERE.</h3>
     </a>
 </div>

livestream_sidebar.html

@@ -1,6 +1,22 @@
-<div class="added">
-    <br><br><br><br><br>
+<style>
+    .livechat {
+        float: left;
+        position: absolute;
+        top: -30px;
+        left: 100%;
+    }
+
+    .livechat p {
+        font-size: 18px;
+        text-align: center;
+    }
+</style>
 
-    <iframe src="https://www.twitch.tv/embed/stmattsuniting/chat?parent=stmatthewsuniting.net.au" height="630" width="300">
-    </iframe>
+<div class="added">
+    <div class="livechat">
+        <br><br><br><br><br><br><br>
+        <iframe src="https://www.twitch.tv/embed/stmattsuniting/chat?parent=stmatthewsuniting.net.au" height="685" width="300">
+        </iframe>
+        <p>Sign up for twitch to use live chat!</p>
+    </div>
 </div>