<!DOCTYPE html>
<html>
<head>
    <meta charset='utf-8' />
    <meta http-equiv="X-UA-Compatible" content="chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <link rel="stylesheet" type="text/css" href="{{ site.url }}/css/layout-bright.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 itemscope itemtype="http://schema.org/Blog">
    <header>
        <div class="container">
            <div id="headerleft">
                <h1 itemprop="name">{{ site.name }}</h1>
                <h2 itemprop="description">{{ 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" itemprop="isBasedOnUrl" 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">
        <article itemprop="blogPost" itemscope itemtype="http://schema.org/BlogPosting">
            <h1 id="pagetitle" itemprop="name">{{ page.title }}</h1>
            <div itemprop="author" itemscope itemtype="http://schema.org/Person">
                <meta itemprop="givenName" content="Markus" />
                <meta itemprop="familyName" content="Birth" />
                <meta itemprop="birthDate" content="1980-11-16" />
            </div>
            <meta itemprop="articleSection" content="{{ page.categories.[0] }}" />
            <meta itemprop="keywords" content="{{ page.tags | join: ',' }}" />
            <meta itemprop="dateCreated" content="{{ page.created | date: '%Y-%m-%d' }}" />
            <meta itemprop="dateModified" content="{{ page.updated | date: '%Y-%m-%d' }}" />
            <section id="main_content" itemprop="articleBody">
                {% if page.toc %}
                    <ul data-toc="#main_content"></ul>
                {% endif %}
                {{ content }}
            </section>
        </article>
       <section id="related">
        {% if page.next %}
            <div id="nextpost">
                <a rel="next" href="{{ page.next.url }}">← {{ page.next.title }}</a>
            </div>
        {% endif %}
        {% if page.previous %}
            <div id="prevpost">
                <a rel="previous" href="{{ page.previous.url }}">{{ page.previous.title }} →</a>
            </div>
        {% endif %}
{% comment %}
        {% if site.related_posts %}
            <section id="related">
                <ul>
                    {% for relpost in site.related_posts %}
                        <li><a href="{{ relpost.url }}">{{ relpost.title }}</a>></li>
                    {% endfor %}
                </ul>
            </section>
        {% endif %}
{% endcomment %}
        <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>