From cb47048d72b46b809c4e97c7b0090ae1772d1063 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?murat=20emir=20cabaro=C4=9Flu?= Date: Sat, 16 May 2020 09:09:36 +0300 Subject: [PATCH] update for live stream --- .gitignore | 1 + layouts/live/list.html | 86 ++++++++++++++++++++++++++++++++++++++ layouts/partials/head.html | 4 ++ static/theme-oyd.css | 55 ++++++++++++++++++++++++ 4 files changed, 146 insertions(+) create mode 100644 .gitignore create mode 100644 layouts/live/list.html diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..3c3629e --- /dev/null +++ b/.gitignore @@ -0,0 +1 @@ +node_modules diff --git a/layouts/live/list.html b/layouts/live/list.html new file mode 100644 index 0000000..54ae910 --- /dev/null +++ b/layouts/live/list.html @@ -0,0 +1,86 @@ +{{ define "main" }} +{{ .Content }} + + + +
+ {{ range $index, $room := $.Site.Data.live }} +
+ + + +
+ {{ end }} + +
+{{end}} + +{{ define "scripts"}} + + + +{{ end }} \ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 07b96fe..342d8e8 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -67,6 +67,10 @@ +{{ if (.Type) eq "live" }} + +{{ end }} + {{ end }} diff --git a/static/theme-oyd.css b/static/theme-oyd.css index 2adbcdd..17816cc 100644 --- a/static/theme-oyd.css +++ b/static/theme-oyd.css @@ -2863,3 +2863,58 @@ main>.kids .content ul li{ padding:0 .5em } } + +.live-section { + display: flex; + flex-direction: row; + align-items: center; +} + +.live-tab-switcher { + font-size:2em; + display:-webkit-box; + display:flex; + flex-direction: row; + flex-wrap:wrap; + -webkit-box-pack:justify; + justify-content:center; + align-self:center; + padding:.5rem 10vw; + padding:var(--space-3) var(--container-margin); +} + +.live-tab-link { + -webkit-box-flex:1; + flex-grow:1; + border-radius:.5rem; + border-radius:var(--space-3); + text-align:center; + background-color: #fff; + color: var(--primary); + margin-right: 1rem; +} +.live-tab-link.active { + background-color: var(--primary); + color: #fff; +} + +.live-tab-d-none { + display: none; +} + + +.live-chat { + width: 30vw; + height: 60vh; +} + +.live-player-wrapper { + width: 70vw; + height: 60vh; + margin-right: 10px; +} + +.vjs-tech { + object-fit: cover; +} +