canlı yayın izleme ekranı eklendi

layouts/_default/baseof.html

@@ -20,7 +20,7 @@
 {{ partial "footer.html" . }}
 {{ end }}
 
-<script src="/2021/theme.js?v=13" async></script>
+<script src="/2021/theme.js?v=16" async></script>
 {{ block "scripts" . }}
 <!-- No extra scripts -->
 {{ end }}

layouts/live/list.html

@@ -0,0 +1,47 @@
+{{ define "main" }}
+{{ .Content }}
+<div class="jumbo">
+	<div class="jumbo-cover" style="background-image: url('https://ozgurkon.org/2021/images/flat-mountains.svg')"></div>
+
+<div class="container">
+<div class="row"><div class="col"><h1 class="hashtag">#ÖzgürKon2021 live!</h1></div></div>
+<div class="row">
+<div class="col-8">
+<section class="live-section">
+        <div
+            id="room"
+            class="">
+            <video-js
+                id="player"
+                data-setup="{}"
+            >
+                <source src="https://rtmp.ozgurkon.org/live/test.m3u8">
+            </video-js>
+        </div>
+</section>
+</div>
+<div class="col-4">
+    <iframe src="https://kiwiirc.com/client/chat.freenode.net/?&theme=cli#ozgurkon" class="live-chat" ></iframe>
+
+</div>
+</div>
+</div>
+</div>
+
+{{end}}
+
+
+
+{{ define "scripts"}}
+  <script type="text/javascript" src="https://vjs.zencdn.net/7.8.1/video.js"></script> 
+  <script type="text/javascript" src="https://unpkg.com/@videojs/http-streaming@1.13.3/dist/videojs-http-streaming.min.js"></script>
+  <script type="text/javascript">
+  
+    const players = {
+      room : videojs('player', {
+        controls: true,
+        aspectRatio: '16:9'
+      }),
+    }
+  </script>
+{{ end }}

layouts/partials/head.html

@@ -73,6 +73,12 @@
 
 	<link href="https://fonts.googleapis.com/css?family=Roboto:400,500,700" rel="stylesheet">
 	<link rel="stylesheet" href="/2021/theme.css" media="all">
+	  <link href="https://vjs.zencdn.net/7.11.4/video-js.css" rel="stylesheet" />
+	  	  <link href="{{ `live.css` | absURL }}" rel="stylesheet" />
+
+{{ if eq .URL "/2021/live/" }}
+<link rel="stylesheet" href="{{ `bootstrap-grid.min.css` | absURL }}">
+{{ end }}
 
 	{{ block "headextra" . }}
 	<!-- No extra headextra -->

static/icons.svg

@@ -131,4 +131,11 @@
     <path fill="rgb(205,32,31)"
           d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"></path>
 	</symbol>
+    <symbol id="mastodon" viewBox="0 0 576 512">
+        <path id="path" style="opacity:1;vector-effect:none;fill:#2c8ed7;fill-opacity:1;" d=" M 502 18C 623 19 740 32 808 64C 808 64 942 124 942 330C 942 330 944 482 924 587C 911 654 807 727 688 741C 626 749 565 756 500 753C 394 748 310 727 310 727C 310 738 310 747 312 757C 326 862 416 868 501 871C 588 874 665 850 665 850C 665 850 668 928 668 928C 668 928 608 960 500 966C 441 969 367 965 281 942C 95 893 63 694 58 493C 57 433 58 377 58 330C 58 124 193 64 193 64C 261 32 377 19 499 18C 499 18 502 18 502 18M 256 224C 230 254 217 295 217 346C 217 346 217 595 217 595C 217 595 315 595 315 595C 315 595 315 353 315 353C 315 302 337 276 380 276C 427 276 451 307 451 368C 451 368 451 500 451 500C 451 500 549 500 549 500C 549 500 549 368 549 368C 549 307 573 276 620 276C 663 276 685 302 685 353C 685 353 685 595 685 595C 685 595 783 595 783 595C 783 595 783 346 783 346C 783 295 770 254 744 224C 717 194 682 179 639 179C 588 179 550 199 525 237C 525 237 500 279 500 279C 500 279 475 237 475 237C 450 199 412 179 361 179C 318 179 283 194 256 224C 256 224 256 224 256 224" transform=""></path>
+    </symbol>
+
+    <symbol id="live" viewBox="0 0 512 512">
+        <path fill="currentColor" d="m479.894531 187.523438-90.179687 68.527343v-52.601562c0-11.046875-8.953125-20-20-20h-349.714844c-11.046875 0-20 8.953125-20 20v288.546875c0 11.042968 8.953125 19.996094 20 19.996094h349.714844c11.046875 0 20-8.953126 20-19.996094v-52.605469l90.179687 68.527344c13.046875 9.914062 32.101563.671875 32.101563-15.921875v-288.546875c0-16.503907-18.949219-25.921875-32.101563-15.925781zm-130.179687 284.472656h-309.714844v-248.546875h309.714844zm122.28125-20.320313-82.28125-62.523437v-82.859375l82.28125-62.527344zm-384.03125-372.4375c41.652344-50.355469 102.898437-79.238281 168.03125-79.238281 65.132812 0 126.378906 28.882812 168.035156 79.238281 7.039062 8.511719 5.847656 21.121094-2.664062 28.160157-8.488282 7.019531-21.101563 5.871093-28.160157-2.664063-34.027343-41.140625-84.039062-64.734375-137.210937-64.734375-53.167969 0-103.179688 23.59375-137.207032 64.734375-7.039062 8.511719-19.648437 9.707031-28.160156 2.664063-8.511718-7.039063-9.703125-19.648438-2.664062-28.160157zm240.355468 32.214844c9.398438 5.800781 12.3125 18.125 6.511719 27.523437-5.792969 9.378907-18.109375 12.324219-27.527343 6.507813-15.402344-9.511719-33.144532-14.539063-51.308594-14.539063-18.160156 0-35.902344 5.027344-51.308594 14.539063-9.398438 5.804687-21.71875 2.890625-27.523438-6.507813-5.804687-9.398437-2.890624-21.722656 6.507813-27.523437 21.726563-13.417969 46.734375-20.507813 72.324219-20.507813 25.59375 0 50.601562 7.089844 72.324218 20.507813zm0 0"></path>
+    </symbol>
 </svg>

static/live.css

@@ -0,0 +1,16 @@
+@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@600&display=swap');
+
+
+.hashtag {
+    margin-left: auto !important;
+    margin-right: auto !important;
+    text-align: center !important;
+    font-family: 'Bitter', serif;
+    margin-bottom: 30px;
+    color: #c03e24;
+}
+
+.live-chat {
+    height: 100%;
+    width: 350px;
+}

static/theme.css

@@ -123,7 +123,7 @@ a, a:visited {
 .language.english::before {
   content: '🇬🇧'; }
 
-.language.english::before {
+.language.turkish::before {
   content: '🇹🇷'; }
 
 .visually-hidden {