{{template "header" .}}
<div class="toolbar">
  <div>
    <p class="kicker">Gallery</p>
    <h1>Slideshows</h1>
  </div>
  {{if .User}}<a class="btn btn-green" href="/slideshows/new">+ Photos</a>{{end}}
</div>
{{if .Shows}}
<div class="grid gallery">
  {{range .Shows}}
  <a class="card" href="/slideshow/{{.ID}}">
    <div class="thumb">{{if .Slides}}<img src="{{index .Slides 0}}" alt="">{{end}}</div>
    <h3>{{.Title}}</h3>
    <div class="meta">{{len .Slides}} photos · {{.Owner}}</div>
  </a>
  {{end}}
</div>
{{else}}
  <p class="meta">No slideshows yet. Sign in and add your own photos.</p>
{{end}}
{{template "footer" .}}