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

    <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.name }}</title>

    <meta name="author" content="{{ site.name }}" />
    <meta name="description" content="{{ site.description }}">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!--[if IE]>
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->

    <link rel="stylesheet" type="text/css" href="/style.css" />
  </head>

  <body>
    <header class="masthead">
      <a href="/" class="site-name"><img src="{{ site.avatar }}" class="avatar" /></a>
      <a href="/" class="site-name">{{ site.name }}</a>
      <br><br>
      <p class="site-description">{{ site.description }}</p>
      
      <nav>
        <a href="/">Blog</a>
        <a href="/about">About</a>
      </nav>

      <div style="clear:both;"></div>
    </header>

    <div id="main" role="main">{{ content }}</div>
      
    <footer class="footer">
      {% if site.links.github %}<a href="http://github.com/{{ site.links.github }}"><img class="footer-icon" src="/images/icon-github.png" /></a>{% endif %}
      {% if site.links.twitter %}<a href="http://twitter.com/{{ site.links.github }}"><img class="footer-icon" src="/images/icon-twitter.png" /></a>{% endif %}
    </footer>

    {% include analytics.html %}
  </body>
</html>
