<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>{% if page.title %}{{ page.title }} | {% endif %}{{ site.title }}</title>
  <meta name="description" content="{{ site.description }}">
  <meta name="author" content="{{ site.author }}">
  <meta name="viewport" content="width=device-width,initial-scale=1">

  <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css">
  <link href='http://fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic' rel='stylesheet' type='text/css'>  
  
  <link rel="shortcut icon" href="/favicon.ico" >
  <link href="/atom.xml" rel="alternate" title="{{site.title}}" type="application/atom+xml">

</head>
<body>
  <header>
    <h1><a href="/">{{ site.title }}</a></h1>
    <h2>{{ site.slogan }}</h1>
  </header>
  <nav role="navigation">
    <ul class="navigation">
      <li><a href="/">Home</a></li>
      <li><a href="/blog/">Blog</a></li>
      <li><a href="/about/">About</a></li>
    </ul>
  </nav>
  <section id="main">
    {{ content }}    
  </section>
  <footer>
    &copy; 2002-{{ site.time | date:"%Y" }} {{ site.author }}
  </footer>
</body>
</html>