diff --git a/canli.html b/canli.html
index 1835156..678a45d 100644
--- a/canli.html
+++ b/canli.html
@@ -1,63 +1,96 @@
 <!doctype html>
 <html lang="tr">
-  <head>
-    <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
-    <meta name="description" content="CryptoParty Istanbul">
-    <meta name="author" content="Hackerspace İstanbul">
-    <link rel="icon" href="img/favicon.ico">
-
-    <meta property="og:title" content="Canlı Yayın - CryptoParty Lite" />
-    <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://cryptoparty.online/canli.html" />
-    <meta property="og:description" content="CryptoParty, tüm dünyada gayrimerkezi olarak yürütülen bir harekettir. COVID-19 koşullarında yüzyüze etkinlikler düzenlenemediği için, bu kez CryptoParty Lite adıyla çevrimiçi olarak konferans tadında bir CryptoParty düzenlenecektir. " />
-    <meta property="og:image" content="img/cp_social.jpg?v=2" />
-    <meta property="og:site_name" content="CryptoParty Istanbul" />
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta name="twitter:site" content="@oydorgtr" />
-    <meta name="twitter:title" content="Canlı Yayın - CryptoParty Online">
-    <meta name="twitter:description" content="CryptoParty, tüm dünyada gayrimerkezi olarak yürütülen bir harekettir. COVID-19 koşullarında yüzyüze etkinlikler düzenlenemediği için, bu kez CryptoParty Lite adıyla çevrimiçi olarak konferans tadında bir CryptoParty düzenlenecektir. ">
-    <meta name="twitter:creator" content="@oydorgtr" />
-    <meta name="twitter:image" content="img/cp_social.jpg?v=2">
-
-    <title>CryptoParty Istanbul</title>
-
-    <link href="css/bootstrap.min.css" rel="stylesheet">
-    <link href="css/cryptoparty.css" rel="stylesheet">
-    <link href="css/jumbotron.css" rel="stylesheet">
-    <link href="css/roboto-mono.css" rel="stylesheet">
-    <link rel="stylesheet" type="text/css" media="screen" href="css/fixedsys-excelsior.css" />
-    <script type="text/javascript">
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+  <meta name="description" content="CryptoParty Istanbul">
+  <meta name="author" content="Hackerspace İstanbul">
+  <link rel="icon" href="img/favicon.ico">
+
+  <meta property="og:title" content="Canlı Yayın - CryptoParty Lite" />
+  <meta property="og:type" content="website" />
+  <meta property="og:url" content="https://cryptoparty.online/canli.html" />
+  <meta property="og:description"
+    content="CryptoParty, tüm dünyada gayrimerkezi olarak yürütülen bir harekettir. COVID-19 koşullarında yüzyüze etkinlikler düzenlenemediği için, bu kez CryptoParty Lite adıyla çevrimiçi olarak konferans tadında bir CryptoParty düzenlenecektir. " />
+  <meta property="og:image" content="img/cp_social.jpg?v=2" />
+  <meta property="og:site_name" content="CryptoParty Istanbul" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta name="twitter:site" content="@oydorgtr" />
+  <meta name="twitter:title" content="Canlı Yayın - CryptoParty Online">
+  <meta name="twitter:description"
+    content="CryptoParty, tüm dünyada gayrimerkezi olarak yürütülen bir harekettir. COVID-19 koşullarında yüzyüze etkinlikler düzenlenemediği için, bu kez CryptoParty Lite adıyla çevrimiçi olarak konferans tadında bir CryptoParty düzenlenecektir. ">
+  <meta name="twitter:creator" content="@oydorgtr" />
+  <meta name="twitter:image" content="img/cp_social.jpg?v=2">
+
+  <title>CryptoParty Istanbul</title>
+
+  <link href="css/bootstrap.min.css" rel="stylesheet">
+  <link href="css/cryptoparty.css" rel="stylesheet">
+  <link href="css/jumbotron.css" rel="stylesheet">
+  <link href="css/roboto-mono.css" rel="stylesheet">
+  <link rel="stylesheet" type="text/css" media="screen" href="css/fixedsys-excelsior.css" />
+
+  <link href="https://vjs.zencdn.net/7.8.4/video-js.css" rel="stylesheet" />
+  <script src="https://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script>
+  <link href="css/live-counter.css" rel="stylesheet">
+  <script src="js/live-counter.js"></script>
+  <script>
+    window.addEventListener("load", function () {
+      // (C) COUNTDOWN TO GIVEN DATE
+      // Use counter.toSecs(YEAR, MONTH, DAY, HR, MIN, SEC) to help
+      // counter.init("demoC", counter.toSecs(2020, 7, 1, 0, 0, 0)); 
+
+      // For this example, we just set to 2 days from now
+      let dtlater = new Date(2020, 7, 4, 16, 0, 0);
+      console.log(dtlater.getHours());
+      counter.init(
+        "live-counter", 
+        counter.toSecs(
+          dtlater.getFullYear(),
+          dtlater.getMonth(),
+          dtlater.getDate(),
+          dtlater.getHours(), 
+          dtlater.getMinutes(), 0),
+        function (idx) {
+          document.getElementById("live-info").style.display = "none";
+          document.getElementById("live-player").style.display = "block";
+
+        }
+      );
+    });
+  </script>
+  <script type="text/javascript">
     // @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt Expat
-      (function() {
+    (function () {
 
-        var blinks = document.getElementsByTagName('blink');
+      var blinks = document.getElementsByTagName('blink');
 
-        var visibility = 'hidden';
+      var visibility = 'hidden';
 
-        window.setInterval(function() {
+      window.setInterval(function () {
 
-          for (var i = blinks.length - 1; i >= 0; i--) {
+        for (var i = blinks.length - 1; i >= 0; i--) {
 
-            blinks[i].style.visibility = visibility;
+          blinks[i].style.visibility = visibility;
 
-          }
+        }
 
-          visibility = (visibility === 'visible') ? 'hidden' : 'visible';
+        visibility = (visibility === 'visible') ? 'hidden' : 'visible';
 
-        }, 750);
+      }, 750);
 
-      })();
+    })();
       // @license-end
-    </script>
-  </head>
+  </script>
+</head>
 
-  <body>
+<body>
 
-    <header>
-      <nav class="navbar navbar-expand navbar-custom fixed-top">
-<span class="sr-only">
-<pre>
+  <header>
+    <nav class="navbar navbar-expand navbar-custom fixed-top">
+      <span class="sr-only">
+        <pre>
                         _                         _
    ___ _ __ _   _ _ __ | |_ ___  _ __   __ _ _ __| |_ _   _
   / __| '__| | | | '_ \| __/ _ \| '_ \ / _` | '__| __| | | |
@@ -70,59 +103,100 @@
 
 </pre>
 
-</span>
-
-          <ul class="navbar-nav ml-auto nav-pills">
-            <li class="nav-item">
-              <a class="nav-link" href=".">Nedir? <span class="sr-only"> (şu anda buradasınız)</span></a>
-            </li>
-            <li class="nav-item">
-              <a class="nav-link" href="coc.html">Code of Conduct</a>
-            </li>
-            <li class="nav-item dropdown">
-              <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false" style="background-color: #240028;">Türkçe</a>
-              <div class="dropdown-menu dropdown-menu-right">
-                <h6 class="dropdown-header">Language</h6>
-                <a class="dropdown-item dr-active" href="#">Türkçe</a>
-                <a class="dropdown-item" href="en/">English</a>
-              </div>
-            </li>
-            </ul>
-      </nav>
-    </header>
-    <main role="main">
-
-<div class="container">
-  <div class="row">
-    <div class="col">
-      <div class="jumbotron">
-        <div class="container">
-          <h1 class="display-3"><span style="color: #982EB3;">crypto</span><span style="color: #CC2581;">party</span> <br><span style="color: #5D9C0F;">lite<blink>_</blink></span></h1>
+      </span>
+
+      <ul class="navbar-nav ml-auto nav-pills">
+        <li class="nav-item">
+          <a class="nav-link" href=".">Nedir? <span class="sr-only"> (şu anda buradasınız)</span></a>
+        </li>
+        <li class="nav-item">
+          <a class="nav-link" href="coc.html">Code of Conduct</a>
+        </li>
+        <li class="nav-item dropdown">
+          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true"
+            aria-expanded="false" style="background-color: #240028;">Türkçe</a>
+          <div class="dropdown-menu dropdown-menu-right">
+            <h6 class="dropdown-header">Language</h6>
+            <a class="dropdown-item dr-active" href="#">Türkçe</a>
+            <a class="dropdown-item" href="en/">English</a>
+          </div>
+        </li>
+      </ul>
+    </nav>
+  </header>
+  <main role="main">
+
+    <div class="container">
+      <div class="row">
+        <div class="col">
+          <div class="jumbotron">
+            <div class="container">
+              <center>
+                <h1 class="display-4"><span style="color: #982EB3;">crypto</span><span
+                    style="color: #CC2581;">party</span> <span style="color: #5D9C0F;">lite<blink>_</blink></span></h1>
+              </center>
+            </div>
+            <div class="container">
+              <center>
+                <h3 class="display-5" style="color: white;"> 4 Ağustos 2020, Çevrimiçi </h3>
+              </center>
+              <center><a class="btn btn-outline-light" href="https://twitter.com/oydorgtr" target="_blank"
+                  style="margin: 10px;">Twitter</a></center>
+            </div>
+          </div>
         </div>
-        <div class="container">
-          <h3 class="display-5" style="color: white;"> 4 Ağustos 2020, Çevrimiçi </h3>
-          <center><a class="btn btn-outline-light" href="canli.html" target="_blank" style="margin: 10px;">Canlı yayın</a><a class="btn btn-outline-light" href="https://twitter.com/oydorgtr" target="_blank" style="margin: 10px;">Twitter</a></center>
+      </div>
+      <div class="row">
+        <div class="col">
+          <div class="jumbotron">
+            <div id="live-info" class="container">
+              <center>
+                <h3 class="display-5" style="color: white; font-family: 'Allerta Stencil', sans-serif;"> Etkinlik günü
+                  saat 19:00'dan itibaren canlı yayını izleyebilirsiniz. </h3>
+              </center>
+              <center>
+                <div id="live-counter"></div>
+              </center>
+            </div>
+            <div id="live-player" style="display:none;">
+              <video id="cryptoparty-live" class="video-js" controls preload="auto" width="550px" height="300px"
+                data-setup="{}">
+
+                <source src=""/>
+
+                <p class="vjs-no-js">
+                  To view this video please enable JavaScript, and consider upgrading to a
+                  web browser that
+                  <a href="https://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a>
+                </p>
+
+              </video>
+            </div>
+          </div>
+        </div>
+        <div class="col">
+          <div class="jumbotron">
+            <div class="container">
+              <div>
+                <center><iframe style="width: 30vw; height: 60vh;"
+                    src="https://kiwiirc.com/client/chat.freenode.net/?&theme=cli#oyd"></iframe></center>
+              </div>
+            </div>
+          </div>
         </div>
       </div>
+  </main>
+
+  <footer class="footer">
+    <div class="container">
+      <span class="text-muted">© 2019 Hackerspace Istanbul ve Özgür Yazılım Derneği. <a href="lisans.html"
+          target="_blank">CC BY-ND</a> <a href="javascript.html" rel="jslicense">JavaScript license
+          information</a></span>
     </div>
-    <div class="col">
-      <div class="jumbotron">
-        <div class="container">
-          <h3 class="display-5" style="color: white;"> Etkinlik günü saat 19:00'dan itibaren canlı yayını izleyebilirsiniz. </h3>
+  </footer>
+  <script src="js/jquery-3.2.1.slim.min.js"></script>
+  <script src="js/bootstrap.min.js"></script>
+  <script src="https://vjs.zencdn.net/7.8.4/video.js"></script>
+</body>
 
-        </div>
-      </div>
-  </div>
-</div>
-<br>
-</main>
-
-	<footer class="footer">
-      <div class="container">
-        <span class="text-muted">© 2019 Hackerspace Istanbul ve Özgür Yazılım Derneği. <a href ="lisans.html" target="_blank">CC BY-ND</a> <a href="javascript.html" rel="jslicense">JavaScript license information</a></span>
-      </div>
-    </footer>
-    <script src="js/jquery-3.2.1.slim.min.js"></script>
-    <script src="js/bootstrap.min.js"></script>
-  </body>
-</html>
+</html>
\ No newline at end of file
