<!doctype html>
<html>
  <head>
    <meta charset="utf-8">
    <title>{{ page.title }}</title>

    <link rel="shortcut icon" href="{{ site.url }}/assets/images/favicons/favicon.ico"/>
    <link rel="apple-touch-icon" sizes="180x180" href="{{ site.url }}/assets/images/favicons/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="32x32" href="{{ site.url }}/assets/images/favicons/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="16x16" href="{{ site.url }}/assets/images/favicons/favicon-16x16.png">
    <link rel="manifest" href="{{ site.url }}/assets/images/favicons/manifest.json">

    <link rel="stylesheet" href="{{ site.url }}/assets/css/styles.css">
    <link rel="stylesheet" href="{{ site.url }}/assets/css/rouge-highlighting.css">
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js"></script>
  </head>
  <body id="{{ page.id }}">
    <section>
      {% include header.html %}
      <article>
        {{ content }}
      </article>
      {% include nav.html %}
    </section>
  </body>
</html>