29 lines
934 B
Cheetah
29 lines
934 B
Cheetah
<section class="section">
|
|
<div class="container">
|
|
<div class="box">
|
|
<div class="columns is-vcentered">
|
|
<!-- Thumbnail column -->
|
|
<div class="column is-one-third">
|
|
<figure class="image is-3by4">
|
|
<img src="{{.item.ThumbURL}}" alt="{{.item.Title}}" />
|
|
</figure>
|
|
</div>
|
|
<!-- Details & Play button -->
|
|
<div class="column">
|
|
<h1 class="title">{{.item.Title}}</h1>
|
|
{{with .item.Summary}}
|
|
<p class="content">{{.}}</p>
|
|
{{end}}
|
|
{{with .item.DurationFmt}}
|
|
<p class="subtitle is-6">Durée : {{.}}</p>
|
|
{{end}}
|
|
<button class="button is-primary" onclick="window.open('{{.item.HLSURL}}', '_blank', 'noopener')">
|
|
<span class="icon"><i class="fas fa-play"></i></span>
|
|
<span>Play</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|