diff --git a/index.html b/index.html
index 7b45f02..73e4288 100644
--- a/index.html
+++ b/index.html
@@ -58,19 +58,21 @@
             </div>
           </div>
         <div class="intro">
-            <iframe 
-                class="hidden"
-                src="http://player.twitch.tv/?channel={TWITCH_USER_NAME}" 
-                height="100%" 
-                width="100%" 
-                frameborder="0" 
-                scrolling="no"
-                allowfullscreen="true"
-            ></iframe>
-          <div class="intro-text">
-            <h1>Twitch Stream offline.</h1>
-            <p>Stream offline. Come back later and watch me play.</p>
-          </div>
+            <script src= "http://player.twitch.tv/js/embed/v1.js"></script>
+<div id="{PLAYER_DIV_ID}"></div>
+<script type="text/javascript">
+    var options = {
+        width: 854,
+        height: 480,
+        channel: "{nl_kripp}", 
+        //video: "{VIDEO_ID}"       
+    };
+    var player = new Twitch.Player("{PLAYER_DIV_ID}", options);
+    player.setVolume(0.5);
+    player.addEventListener(Twitch.Player.PAUSE, () => { console.log('Player is paused!'); });
+</script>
+
+          
         </div>
       </div>
     </div>
@@ -142,7 +144,7 @@ <h4>Gameface vs Gamearm</h4>
           </div>
           <div class="col-md-4 chat">
             <h2>Chat</h2>
-            <iframe src="https://www.twitch.tv/twitchusername/chat" frameborder="0" scrolling="no" height="500" width="100%"></iframe>
+            <iframe src="https://www.twitch.tv/nl_kripp/chat" frameborder="0" scrolling="no" height="500" width="100%"></iframe>
          </div>
         </div>
         <div class="row footer">