<!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/stylesheet.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" />

    <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 %}
  </head>

  <body>

    <header>
      <div class="container">
        <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>
    </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>

  </body>
</html>