<!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">
<ul>
<li><a href="{{.Site.BaseURL}}" id="site-title">{{.Site.Title}}</a></li>
{{ 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>