<!doctype html>
<html lang="{{ .Site.Language.LanguageCode }}">
<head>
{{ partial "head.html" . }}
<!-- this is here to make sure that if we can't load CSS the icons don't totally fuck up layout -->
<style>
.icon svg {
width: 1.25em;
height: 1.25em;
}
</style>
{{ range .AlternativeOutputFormats -}} {{ printf `
<link rel="%s" type="%s" href="%s" title="%s" />
` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }} {{ end -}}
</head>
<body>
<a href="#main" class="skip">Skip to content</a>
<nav id="main-nav">
<div id="site-title">{{.Site.Title}}</div>
<ul>
{{ with .Site.Menus.main }} {{ range . }}
<li><a href="{{ .URL }}">{{ .Name }}</a></li>
{{ end }} {{ end }}
</ul>
</nav>
<main id="main">{{ block "main" . }}{{ end }}</main>
{{ partial "footer.html" . }}
</body>
</html>