shelfy/templates/media_list.pages.tmpl

<div class="media grid grid-cols-4 gap-4">
  {{range .MediaItems}}
  <div class="card p-2 rounded shadow">
    <a 
      href="#"
      hx-get="/media/0?path={{urlquery .FilePath}}"
      hx-target="#content" hx-swap="innerHTML"
    >
      <img src="{{.ThumbURL}}" alt="{{.Title}}" class="w-full h-32 object-cover rounded" />
      <div class="mt-2">
        <h3 class="text-sm font-semibold truncate">{{.Title}}</h3>
        {{if .Duration}}
        <small>{{.DurationFmt}}</small>
        {{end}}
      </div>
    </a>
  </div>
  {{end}}
</div>