<!DOCTYPE html>
<html>
<head>
    <title>{{ page.title }}</title>
    {% feed_meta %}
    <meta name="description" 
          content="{{ page.des }}" />
    <meta name="author" content="{{ page.author }}" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="canonical" href="{{ site.url}}{{ site.baseurl }}{{ page.url }}" />
    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/journal.css" />
    <link rel="stylesheet" type="text/css" href="{{ site.baseurl }}/assets/{{ page.aut }}.css" />
</head>
<body>
  <button class="menu-toggle" type="button">m e n u</button>
  <menu>
    <figure>
      <h2><a href="{{ site.baseurl }}/">Site Home</a></h2>
      <hr>
      <a href="{{ site.baseurl }}/journals/{{ page.aut }}">
        <img src="{{ site.baseurl }}/assets/{{ page.aut }}.png" alt="{{ page.author }}" />
      </a>
      <hr>
      <figcaption>{{ page.description }}</figcaption>
      <hr>
    </figure>
    <nav>
      <ul>
        {% assign entries = site.posts | 
        where_exp: "posts", "posts.categories contains page.aut" %}
        {% for entry in entries %}
        <li>
          <a href="{{ site.baseurl }}{{ entry.url }}">{{ entry.title }}</a>
        </li>
        {% endfor %}
      </ul>
    </nav>
  </menu>
  <div class="main-filter"></div>
  <main>
    <article>
    {{ content }}
    {% unless page.no-footer %}
      {% include journal_footer.html %}
    {% endunless %}
    </article>
  </main>
</body>
</html>
