parent
2c166e1a16
commit
2b9f4b702b
@ -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 }} |
Before Width: | Height: | Size: 18 KiB After Width: | Height: | Size: 21 KiB |
@ -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; |
||||
} |
Loading…
Reference in new issue