{{template "layout.html" .}}
{{define "title"}} {{.Title}} {{end}}
{{define "content"}}
<div class="columns is-multiline">
{{range .Data.Medias}}
<div class="card">
    <div class="card-image">
        {{ if .IsVideo }}
        <video controls muted="true" preload="metadata">
            <source src="/media/image?path_hash={{.PathHash}}" type="{{.MIMEType}}">
        </video>
        {{ else }}
        <figure class="image is-fit">
            <img src="/media/image?path_hash={{.PathHash}}">
        </figure>
        {{ end }}
    </div>
</div>
{{end}}
</div>
<div class="row">
    <a href="/media?page={{.Data.Next.Page}}" class="button is-pulled-right">next</a>
</div>
{{end}}