canlı yayın arayuzu için güncelleme yapıldı

pull/1/head
murat emir cabaroğlu 4 years ago
parent 2242a870c7
commit a8aa179ed1
  1. 116
      canli.html

@ -1,6 +1,7 @@
<!doctype html> <!doctype html>
<html lang="tr"> <html lang="tr">
<head>
<head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="CryptoParty Istanbul"> <meta name="description" content="CryptoParty Istanbul">
@ -10,13 +11,15 @@
<meta property="og:title" content="Canlı Yayın - CryptoParty Lite" /> <meta property="og:title" content="Canlı Yayın - CryptoParty Lite" />
<meta property="og:type" content="website" /> <meta property="og:type" content="website" />
<meta property="og:url" content="https://cryptoparty.online/canli.html" /> <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: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:image" content="img/cp_social.jpg?v=2" />
<meta property="og:site_name" content="CryptoParty Istanbul" /> <meta property="og:site_name" content="CryptoParty Istanbul" />
<meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@oydorgtr" /> <meta name="twitter:site" content="@oydorgtr" />
<meta name="twitter:title" content="Canlı Yayın - CryptoParty Online"> <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: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:creator" content="@oydorgtr" />
<meta name="twitter:image" content="img/cp_social.jpg?v=2"> <meta name="twitter:image" content="img/cp_social.jpg?v=2">
@ -27,15 +30,45 @@
<link href="css/jumbotron.css" rel="stylesheet"> <link href="css/jumbotron.css" rel="stylesheet">
<link href="css/roboto-mono.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 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"> <script type="text/javascript">
// @license magnet:?xt=urn:btih:d3d9a9a6595521f9666a5e94cc830dab83b65699&dn=expat.txt Expat // @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--) {
@ -50,14 +83,14 @@
})(); })();
// @license-end // @license-end
</script> </script>
</head> </head>
<body> <body>
<header> <header>
<nav class="navbar navbar-expand navbar-custom fixed-top"> <nav class="navbar navbar-expand navbar-custom fixed-top">
<span class="sr-only"> <span class="sr-only">
<pre> <pre>
_ _ _ _
___ _ __ _ _ _ __ | |_ ___ _ __ __ _ _ __| |_ _ _ ___ _ __ _ _ _ __ | |_ ___ _ __ __ _ _ __| |_ _ _
/ __| '__| | | | '_ \| __/ _ \| '_ \ / _` | '__| __| | | | / __| '__| | | | '_ \| __/ _ \| '_ \ / _` | '__| __| | | |
@ -70,7 +103,7 @@
</pre> </pre>
</span> </span>
<ul class="navbar-nav ml-auto nav-pills"> <ul class="navbar-nav ml-auto nav-pills">
<li class="nav-item"> <li class="nav-item">
@ -80,7 +113,8 @@
<a class="nav-link" href="coc.html">Code of Conduct</a> <a class="nav-link" href="coc.html">Code of Conduct</a>
</li> </li>
<li class="nav-item dropdown"> <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> <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"> <div class="dropdown-menu dropdown-menu-right">
<h6 class="dropdown-header">Language</h6> <h6 class="dropdown-header">Language</h6>
<a class="dropdown-item dr-active" href="#">Türkçe</a> <a class="dropdown-item dr-active" href="#">Türkçe</a>
@ -92,37 +126,77 @@
</header> </header>
<main role="main"> <main role="main">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="col"> <div class="col">
<div class="jumbotron"> <div class="jumbotron">
<div class="container"> <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> <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>
<div class="container"> <div class="container">
<center>
<h3 class="display-5" style="color: white;"> 4 Ağustos 2020, Çevrimiçi </h3> <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> </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>
</div> </div>
</div>
<div class="row">
<div class="col"> <div class="col">
<div class="jumbotron"> <div class="jumbotron">
<div class="container"> <div id="live-info" class="container">
<h3 class="display-5" style="color: white;"> Etkinlik günü saat 19:00'dan itibaren canlı yayını izleyebilirsiniz. </h3> <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>
</div> </div>
</div> </div>
<br> </main>
</main>
<footer class="footer"> <footer class="footer">
<div class="container"> <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> <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>
</footer> </footer>
<script src="js/jquery-3.2.1.slim.min.js"></script> <script src="js/jquery-3.2.1.slim.min.js"></script>
<script src="js/bootstrap.min.js"></script> <script src="js/bootstrap.min.js"></script>
</body> <script src="https://vjs.zencdn.net/7.8.4/video.js"></script>
</body>
</html> </html>
Loading…
Cancel
Save