Mini Video Library

{{template "head" .}}<section class="hero"><div><p class="eyebrow">{{t "home.eyebrow"}}</p><h1>{{t "home.title"}}</h1><p>{{t "home.subtitle"}}</p></div>{{if .Scanning}}<span class="badge pulse">{{t "home.scanning"}}</span>{{end}}</section>
<form class="filters" method="get"><input type="search" name="q" value="{{.Query.Search}}" placeholder="{{t "home.search"}}" autofocus><select name="resolution"><option value="">{{t "home.all_resolutions"}}</option><option {{if eq .Query.Resolution "4k"}}selected{{end}} value="4k">4K</option><option {{if eq .Query.Resolution "1080p"}}selected{{end}} value="1080p">1080p</option><option {{if eq .Query.Resolution "720p"}}selected{{end}} value="720p">720p</option><option {{if eq .Query.Resolution "sd"}}selected{{end}} value="sd">SD</option></select><select name="state"><option value="">{{t "home.all_videos"}}</option><option value="favorite">{{t "home.favorites"}}</option><option value="watched">{{t "home.watched"}}</option><option value="unwatched">{{t "home.unwatched"}}</option></select><button>{{t "home.filter"}}</button></form>
{{if .Videos}}<p class="result-count">{{.TotalVideos}} {{t "home.videos"}}</p><section class="grid">{{range .Videos}}<a class="card" href="/video/{{.ID}}"><div class="poster">{{if .Thumbnail}}<img src="/thumbnail/{{.ID}}" loading="lazy" alt="">{{else}}<span>▶</span>{{end}}{{if .Favorite}}<b>★</b>{{end}}</div><h2>{{.Title}}</h2><p>{{.Width}}×{{.Height}} · {{duration .Duration}}{{if .PlaybackPosition}} · {{t "home.started"}}{{end}}</p></a>{{end}}</section>{{if gt .TotalPages 1}}<nav class="pagination" aria-label="Pagination">{{if .PrevURL}}<a href="{{.PrevURL}}">{{t "home.previous"}}</a>{{else}}<span></span>{{end}}<strong>{{t "home.page"}} {{.CurrentPage}} {{t "home.of"}} {{.TotalPages}}</strong>{{if .NextURL}}<a href="{{.NextURL}}">{{t "home.next"}}</a>{{else}}<span></span>{{end}}</nav>{{end}}{{else}}<section class="empty"><span>▱</span><h2>{{t "home.empty"}}</h2><p>{{t "home.empty_help"}}</p><a class="button" href="/settings">{{t "home.setup"}}</a></section>{{end}}{{template "foot" .}}