lens @ c2d666b43477ea7042b574ad940c508216cb0e83

 1{{template "layout.html" .}}
 2{{define "title"}} {{.Title}} {{end}}
 3{{define "content"}}
 4<div class="columns is-multiline">
 5{{range .Data.Medias}}
 6<div class="card">
 7    <div class="card-image">
 8       {{ if .IsVideo }}
 9       <video controls muted="true" poster="/media/thumbnail?path_hash={{.PathHash}}" preload="none">
10           <source src="/media/image?path_hash={{.PathHash}}" type="{{.MIMEType}}">
11       </video>
12       {{ else }}
13        <figure class="image is-fit">
14            <img src="/media/thumbnail?path_hash={{.PathHash}}">
15        </figure>
16        {{ end }}
17    </div>
18</div>
19{{end}}
20</div>
21<div class="row">
22    <a href="/media?page={{.Data.Next.Page}}" class="button is-pulled-right">next</a>
23</div>
24{{end}}