<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline' data: ;">
    <title>
        {{- block "title" . -}}
        {{ .Site.Title }}
        {{- end -}}
    </title>

    <!-- Diable favicon requests: https://stackoverflow.com/a/13416784 -->
    <link rel="icon" href="data:;base64,iVBORw0KGgo=">
    <link href="/assets/bootstrap.min.css" rel="stylesheet" >
    <style>
        {{- block "styles" . -}}
        {{- end -}}
    </style>

    <script src="/assets/bootstrap.min.js" defer></script>
  </head>

  <body>

    <div class="container" >
        <aside>
            <nav>
                <ul class="nav">
                    <li class="nav-item"><a class="nav-link" href="/">                            Home   </a></li>
                    <li class="nav-item"><a class="nav-link" href="/posts">                       Blog   </a></li>
                    <li class="nav-item"><a class="nav-link" href="https://gitea.balki.me/balki"> Gitea  </a></li>
                    <li class="nav-item"><a class="nav-link" href="https://github.com/balki">     Github </a></li>
                    <!-- TODO
                    <li class="nav-item"><a class="nav-link" href="/about">                 About    </a></li>
                    -->
                </ul>
            </nav>
        </aside>

      <main>
        {{ block "main" . }}
        {{ end }}
      </main>
    </div>

  </body>
</html>