<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ .Title }} | {{ .Site.Title }}</title>
    <meta name="description" content="{{ .Description }}" />
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
    {{ $css := resources.Get "css/style.css" }}
    {{ $style := $css | resources.Minify | fingerprint }}
    <link rel="stylesheet" href="{{ $style.RelPermalink}}">

    <style type="text/css">
        .intro-header::before {
        {{ if isset .Params "headerimage" }}
            background-image: url('/images/{{ .Params.headerimage }}');
        {{ else }}
            background-image: url('/images/header/header_badge.jpg');
        {{ end }}
        }
    </style>
    </style>
</head>
<body>
        <input type="checkbox" id="navbar-checkbox" class="navbar-checkbox">
        <nav class="headernav">
            <a class="brand" href="/">{{ .Site.Title }}</a>
            <ul>
                {{- range site.Menus.main }}
                <li>
                    <a href="{{ .URL }}">{{ .Name }}</a>
                </li>
                {{- end }}
            </ul>
            <label for="navbar-checkbox" class="navbar-handle"></label>
        </nav>
        <header class="intro-header">
            <div class="container">
                <div class="row">
                    <div class="ten offset-by-one columns">
                        {{- block "header" . }}
                        <div class="site-heading">
                            <h1>{{ .Site.Title }}</h1>
                            <hr>
                            <span class="subheading">{{ $.Site.Params.Subtitle }}</span>
                        </div>
                        {{- end -}}
                    </div>
                </div>
            </div>
        </header>
        <main>
            <div class="container">
                {{- block "main" . }}{{- end -}}
            </div>
        </main>
        <footer>
            <hr>
            <div class="container">
                <div class="row">
                    <div class="ten offset-by-one columns">
                        <p class="copyright text-muted">Copyright &copy; Leitstelle
                            511 &mdash;  Chaos Computer Club Hannover e.V.
                            &mdash; <a href="/impressum/">Impressum</a>
                            &mdash; <a href="/satzung/">Satzung</a></p>
                    </div>
                </div>
            </div>
        </footer>
    </body>
</html>