{{ define "main" }}
<main>
	<header class="section">
		<div class="container">
			<h1 class="heading">{{ .Page.Title }}</h1>
			{{ partial "h-card.html" . }}
		</div>
	</header>
	<section class="content section">
		<div class="container">
			{{ .Content }}
		</div>
	</section>
	<section class="projects section">
		<div class="container">
			<header>
			<h2 class="heading">latest projects</h2>
			<p class="subheading">this is some of the stuff i've worked on.</p>
			</header>
			<ul class="project__container">
			{{ range where .Site.RegularPages "Section" "projects" }}
				<li class="project">
					<div class="project__body">
						<h3 class="project__title"><a href="{{.Permalink}}">{{.Title}}</a></h3>
						<p class="project__summary">{{.Summary}}</p>
					</div>
					<a class="project__thumbnail" href="{{.Permalink}}">
						{{- $cover := (.Resources.ByType "image").GetMatch "{*cover*,*thumbnail*,*featured*}" -}}
						{{ with or .Params.cover $cover }}
						<img src="{{.Permalink}}" alt="cover image" class="project__cover">
						{{ else }}
						<img src="" alt="{{.Title}}">
						{{ end }}
					</a>
				</li>
			{{ end }}
			</ul>
		</div>
	</section>
</main>
{{ end }}