shelfy/templates/media_detail.pages.tmpl

<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>