Changed twitch embed to chaos stream embed.

chat.js

@@ -47,7 +47,7 @@ async function sendMessage() {
 
 // RECIEVE MESSAGES
 
-let messageUpdate = window.setInterval(fetchMessages, 500);
+let messageUpdate = window.setInterval(fetchMessages, 1000);
 
 async function fetchMessages() {
     const response = await fetch('/api/message/messages.json');

index.css

@@ -18,13 +18,20 @@ a {
 
 }
 
-#twitch-embed {
+#stream {
+    width: 960px;
+    height: 540px;
     margin-right: 0.3em;
     margin-left: -40%;
     margin-top: auto;
     margin-bottom: 20%;
 }
 
+#streamframe {
+    height: 100%;
+    width: 100%;
+}
+
 #chatbox {
     flex: 1;
     height: 53rem;

index.html

@@ -40,24 +40,9 @@
         <section>
 
             <div id="streamchat">
-                <div id="twitch-embed"></div>
+                <div id="stream">
-
+                    <iframe id="streamframe" src="https://live.on.chaos.stream/maya" title="mayas stream" scrolling="no"></iframe>
-                <!-- Load the Twitch embed JavaScript file -->
+                </div>
-                <script src="https://embed.twitch.tv/embed/v1.js"></script>
-
-                <!-- Create a Twitch.Embed object that will render within the "twitch-embed" element -->
-                <script type="text/javascript">
-                    new Twitch.Embed("twitch-embed", {
-                        width: 960,
-                        height: 540,
-                        channel: "mayamayagirl",
-                        layout: "video",
-                        autoplay: false,
-                        muted: true,
-                        // Only needed if this page is going to be embedded on other websites
-                        parent: ["embed.example.com", "othersite.example.com"]
-                    });
-                </script>
 
                 <iframe id="chatbox" src="chat.html" title="chat box" scrolling="no"></iframe>