<!DOCTYPE html>
<html lang="{{ .Language }}">
<head>
<meta charset="UTF-8">
<title>{{ .Title }} - {{ .Site.Title }}</title>
<link rel="stylesheet" href="{{ .Site.BaseURL }}css/kozmo-dark.css">
<link rel="stylesheet" href="{{ .Site.BaseURL }}{{ .Site.Params.custom_css }}">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=3.0">
{{ hugo.Generator -}}
{{ if isset .Site.Params "mathjax"}}
<script type="text/javascript" src="{{ .Site.Params.mathjax }}">
</script>
{{ end }}
</head>
<body>
<div id="container">
<div id="header-left">
{{ if isset .Site.Params "logoimage" -}}
<div id="site-logo">
<a href="{{ .Site.BaseURL }}"><img alt="Site logo" src="{{ .Site.BaseURL }}{{ .Site.Params.logoimage }}"></a>
</div>
{{ end -}}
<div id="site-title"><a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></div>
<div id="site-slogan">{{ .Site.Params.Description }}</div>
</div>
<div id="header-right">
{{- if .IsTranslated }}
<ul class="language-selector">
<li>
<a class="selected">{{ .Language.LanguageName }}</a>
</li>
{{- range .Translations }}
<li>
<a href="{{ .Permalink }}">{{ .Language.LanguageName }}</a>
</li>
{{- end }}
</ul>
{{- end }}
</div>
{{ partial "menu.html" . -}}
{{- if isset .Params "image" }}
<div id="featured-image">
<img alt="Featured image" src="{{ .Params.image }}">
</div>
{{- end }}
<div id="page-title">
<h1>{{ .Title }}</h1>
</div>