From 2b9f4b702bae6239ff50c06e4c2decbbf9b266ef Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?murat=20emir=20cabaro=C4=9Flu?= <muratemir@tuta.io>
Date: Wed, 2 Jun 2021 23:13:58 +0300
Subject: [PATCH] =?UTF-8?q?canl=C4=B1=20yay=C4=B1n=20izleme=20ekran=C4=B1?=
 =?UTF-8?q?=20eklendi?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 layouts/_default/baseof.html |  2 +-
 layouts/live/list.html       | 47 ++++++++++++++++++++++++++++++++++++
 layouts/partials/head.html   |  6 +++++
 static/icons.svg             |  7 ++++++
 static/live.css              | 16 ++++++++++++
 static/theme.css             |  2 +-
 6 files changed, 78 insertions(+), 2 deletions(-)
 create mode 100644 layouts/live/list.html
 create mode 100644 static/live.css

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
index 4736e25..7e9744f 100644
--- a/layouts/_default/baseof.html
+++ b/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 }}
diff --git a/layouts/live/list.html b/layouts/live/list.html
new file mode 100644
index 0000000..ed59862
--- /dev/null
+++ b/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 }}
\ No newline at end of file
diff --git a/layouts/partials/head.html b/layouts/partials/head.html
index 952ca40..474494f 100644
--- a/layouts/partials/head.html
+++ b/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 -->
diff --git a/static/icons.svg b/static/icons.svg
index 5709201..c3c3d92 100644
--- a/static/icons.svg
+++ b/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>
\ No newline at end of file
diff --git a/static/live.css b/static/live.css
new file mode 100644
index 0000000..8e57ac1
--- /dev/null
+++ b/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;
+}
\ No newline at end of file
diff --git a/static/theme.css b/static/theme.css
index 3346236..95b41a9 100644
--- a/static/theme.css
+++ b/static/theme.css
@@ -123,7 +123,7 @@ a, a:visited {
 .language.english::before {
   content: '🇬🇧'; }
 
-.language.english::before {
+.language.turkish::before {
   content: '🇹🇷'; }
 
 .visually-hidden {