{{ define "head" }}
	<style>
	.bg-img {background-image: url('
	{{- if .Params.featuredImg -}}
		{{.Params.featuredImg | absURL}}
	{{- else if .Params.images -}}
		{{- range first 1 .Params.images -}}
		{{. | absURL}}
		{{- end -}}
	{{- end -}}
	');}
	</style>
{{ end }}

{{ define "header" }}
{{ partial "header.html" . }}
{{ end }}

{{ define "main" }}
	{{- if (or .Params.images .Params.featuredImg) }}
	<div class="bg-img"></div>
	{{- end }}
	<main class="site-main section-inner thin animated fadeIn faster">
		<h1>{{ .Title }}</h1>
		<div class="content">
			{{ .Content }}
		</div>
		{{- if .Params.comments }}
		<div id="comments" class="thin">
			{{ partial "comments.html" . }}
		</div>
		{{- end }}
	</main>
{{ end }}

{{ define "footer" }}
{{ partialCached "footer.html" . }}
{{ end }}