<!DOCTYPE html> <html>

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1">
  <title>{{ site.title }}</title>
<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">
<link rel="stylesheet" href="{{ "/assets/css/style.css" | relative_url }}" type="text/css">
<link rel="stylesheet" href="{{ "/assets/css/markdown_styles.css" | relative_url }}" type="text/css">
<link rel="stylesheet" href="{{ "/assets/css/syntax.css" | relative_url }}" type="text/css">

</head>

<body>
  <section class="section">
    <div class="container is-max-desktop">
      {% include header.html %}

      <div class="mb-6 has-text-centered">
        <h1 class="title is-size-1">{{ page.title }}</h1>
        <h2 class="subtitle mt-1">{{ page.date | date_to_string }}</h2>
      </div>

      <div class="card">
        <div class="card-content">
          {{ content }}
        </div>
      </div>

      {% include footer.html %}
    </div>
  </section>

  <script src="//cdnjs.cloudflare.com/ajax/libs/modernizr/2.5.3/modernizr.min.js" type="text/javascript"></script>
</body>

</html>