{{ partial "header.html" . }}

  <main role="main">
		<h2 class="list-title">Projects</h2>
		<div class="card-grid">
			{{ range where .Site.RegularPages "Section" "projects" }}
			<div class="card-wrapper">
				<article itemscope itemtype="http://schema.org/Blog" class="card">
					<img src="{{ .Params.image }}" class="card-image">
					<div class="card-content">
						<h3 class="card-title" itemprop="headline">
							{{ .Title }}</a>
						</h3>
						<div class="card-text">
							{{ .Summary }}
						</div>
						<div class="card-actions">
							{{ if .Truncated }}
							<a href="{{ .RelPermalink }}" class="card-link">Read Article</a>
							{{ end }}
							{{ if ne .Params.link nil }}
							<a href="{{ .Params.link }}" class="card-link">Visit Website</a>
							{{ end }}
							{{ if ne .Params.source nil }}
							<a href="{{ .Params.source }}" class="card-link">View Source</a>
							{{ end }}
							<span class="card-date">
								<time itemprop="datePublished" datetime="{{ .Date.Format "2006-01-02" }}">{{ .Date.Format "2006-01-02" }}</time>
							</span>
						</div>
					</div>
				</article>
			</div>
			{{ end }}
		</div>
  </main>

{{ partial "footer.html" . }}