blog/layouts/index.html

{{ define "main" }}
		<div class="content">
			{{ with .Content -}}{{ . }}{{ end }}
		</div>
		<section class="section">
			<a href="{{"writing/" | relURL}}" class="tdln section-title">
				<h2>Writing</h2>
				<span>→</span>
			</a>
			<ul class="lsn">
				{{ range first 3 (where site.RegularPages "Type" "in" "writing") -}}
				<li>
					<a href="{{.RelPermalink}}" class="post-item tdln">
						<span>{{.Title}}</span>
						<span class="dotted-line"></span>
						<time class="dim">{{ .Date.Format "2006-01-02" }}</time>
					</a>
				</li>
				{{- end }}
			</ul>
		</section>
		<section class="section content">
			<a href="{{"photo/" | relURL}}" class="tdln section-title">
				<h2>Photo</h2>
				<span>→</span>
			</a>
			<ul class="lsn">
				{{ range first 3 ((where site.RegularPages "Type" "in" "photo").ByParam "shot_date").Reverse -}}
				<li>
					<a href="{{ .RelPermalink }}" class="post-item tdln">
						<span class="home-photo-group">
							{{ with .Resources.Match "*thumbnail*" -}}
							{{ range first 3 . -}}
							<img src="{{.RelPermalink}}" class="home-photo-item" alt="thumbnail" width="{{.Width}}" height="{{.Height}}">
							{{- end }}
							{{- end }}
						</span>
						<span class="dotted-line"></span>
						<time class="dim">{{ dateFormat "2006-01-02" .Params.shot_date }}</time>
					</a>
				</li>
				{{ end }}
			</ul>
		</section>
{{- end }}