{{template "page_header.html" .}}
	<header>
		<h1>/{{$.board.Dir}}/ - {{$.board.Title}}</h1>
		<span id="board-subtitle">Catalog</span>
	</header><hr />
	<div id="catalog-links" style="float: left;">
		[<a href="{{$.webroot}}{{$.board.Dir}}">Return</a>]
		[<a href="{{$.webroot}}{{$.board.Dir}}/catalog.html">Refresh</a>]
	</div>
	<div id="catalog-controls" style="float: right;">
		Sort by: <select>
			<option value="bumped">Bump order</option>
			<option value="created">Creation time</option>
			<option value="replies">Reply count</option>
		</select>
	</div><hr />
	<div id="content">{{range $_,$thread := .threads}}
		<div class="catalog-thread">
			<a href="{{$.webroot}}{{$.board.Dir}}/res/{{$thread.ID}}.html">
				{{if eq $thread.Filename ""}}(No file){{else if eq $thread.Filename "deleted"}}(File deleted){{else}}
				<img src="{{$.webroot}}{{$.board.Dir}}/thumb/{{getThreadThumbnail $thread.Filename}}" alt="{{$.webroot}}{{$.board.Dir}}/src/{{$thread.Filename}}" width="{{$thread.ThumbW}}" height="{{$thread.ThumbH}}" />
			{{end}}</a><br />
			<b>{{if eq $thread.Name ""}}Anonymous{{else}}{{$thread.Name}}{{end}}</b> | <b>R:</b> {{numReplies $.board.ID $thread.ID}}<br />
			{{$thread.MessageHTML}}
		</div>{{end}}
	</div><hr />
{{template "page_footer.html" .}}
