internal/web/templates/photo.html

 1{{define "title"}}{{.Item.Name}} · {{.Album.Title}} · {{.Title}}{{end}}
 2{{define "bodyclass"}}photo{{end}}
 3{{define "content"}}
 4<figure class="stage">
 5  {{with .Prev}}<a class="prev" rel="prev" href="{{photoURL .}}" aria-label="Previous">‹</a>{{end}}
 6  <img src="{{imgURL .Item 1600}}" srcset="{{srcset .Item}}" sizes="100vw" width="{{.Item.Meta.Width}}" height="{{.Item.Meta.Height}}" alt="{{.Item.Name}}">
 7  {{with .Next}}<a class="next" rel="next" href="{{photoURL .}}" aria-label="Next">›</a>{{end}}
 8</figure>
 9<footer class="meta">
10  <span>{{.Item.Name}} — {{add .Index 1}} / {{len .Album.Items}}</span>
11  <span>{{exif .Item}}</span>
12</footer>
13<a id="up" href="{{albumURL .Album}}" hidden></a>
14{{with .Prev}}<link rel="preload" as="image" {{preloadSrcset .}} imagesizes="100vw">{{end}}
15{{with .Next}}<link rel="preload" as="image" {{preloadSrcset .}} imagesizes="100vw">{{end}}
16{{end}}