{{ define "head" }}
	{{ if .Site.Params.bgImg -}}
	<style>:root{ --bg-img: url({{.Site.Params.bgImg | absURL}});}</style>
	{{- end -}}
	{{.Scratch.Set "pageClass" "home"}}
{{ end }}

{{ define "main" }}
	<div id="home-center">
		<h1 id="home-title">{{.Site.Title}}</h1>
		{{- with .Site.Params.social }}
		<div id="home-social">
			{{ partialCached "social-icons.html" . }}
		</div>
		{{- end }}
		<nav id="home-nav">
			{{- range .Site.Menus.main }}
			<a href="{{ .URL }}">{{ .Name }}</a>
			{{- end }}
		</nav>
		<div id="recent-posts">
			<div>Recent Posts</div>
			<ul class="recent-posts-list">
				{{ range first 3 (where site.RegularPages "Type" "in" "writing") -}}
				<li>
					<span>{{ .Date.Format .Site.Params.dateformNum }} </span>
					<a href="{{.Permalink}}">{{.Title}}</a>
				</li>
				{{ end }}
			</ul>
		</div>
	</div>
	<div id="home-footer">
		<p>
			&copy; {{ now.Format "2006" }} <a href="{{ .Site.BaseURL }}">{{ .Site.Author.name }}</a>
			{{- with (not (in (.Site.Language.Get "disableKinds") "RSS")) }} &#183; <a href="{{ "writing/index.xml" | absURL }}" target="_blank" title="rss"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-rss"><path d="M4 11a9 9 0 0 1 9 9"></path><path d="M4 4a16 16 0 0 1 16 16"></path><circle cx="5" cy="19" r="1"></circle></svg></a>{{ end }}
		</p>
	</div>
{{ end }}