<!DOCTYPE html>
<html>
  <head>
    <meta charset='utf-8'>
    <meta http-equiv="X-UA-Compatible" content="chrome=1">

    <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/layout-dark.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/pygment_trac.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/print.css" media="print" />
    <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/custom.css" media="all" />

    <title>{{ page.title }} :: {{ site.name }}</title>

    <script src="{{ site.url }}/bower_components/jquery/dist/jquery.min.js" type="text/javascript"></script>
    {% if page.toc %}
      <script src="{{ site.url }}/bower_components/jquery.toc/jquery.toc.js" type="text/javascript"></script>
    {% endif %}
    <script src="{{ site.url }}/javascripts/gcse.js" type="text/javascript"></script>
  </head>

  <body>

    <header>
      <div class="container">
        <div id="headerleft">
          <h1>{{ site.name }}</h1>
          <h2>{{ site.description }}</h2>

          <section id="downloads">
            <a href="https://plus.google.com/+MarkusBirth/about" rel="author" class="btn">Find me on Google+</a>
            <a href="https://github.com/mbirth/wiki" class="btn btn-github"><span class="icon"></span>View on GitHub</a>
          </section>
        </div>
        <div id="headerright">
          <gcse:search></gcse:search>
        </div>
      </div>
    </header>
    <div class="container">
      <h1 id="pagetitle">{{ page.title }}</h1>
      <section id="main_content">
        {% if page.toc %}
            <ul data-toc="#main_content"></ul>
        {% endif %}
        {{ content }}
      </section>
      <section id="comments">
        <script src="//apis.google.com/js/plusone.js" type="text/javascript"></script>
        <div class="g-comments" data-href="{{ site.url }}{{ page.url }}" data-width="900" data-first_party_property="BLOGGER" data-view_type="FILTERED_POSTMOD">Loading Google+ comments...</div>
      </section>
    </div>

    <!-- BEGIN: Google Analytics -->
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
        m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-259868-12', 'auto');
      ga('send', 'pageview');
    </script>
    <!-- END: Google Analytics -->
  </body>
</html>
