<!doctype html>
<html lang="{{ settings.html_language }}">
  <head>
    {% block head %}
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>{{ album.title }}</title>
    <meta name="description" content="">
    <meta name="author" content="{{ album.author }}">
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" href="{{ theme.url }}/css/skeleton.css">
    <link rel="stylesheet" href="{{ theme.url }}/css/colorbox.css">
    <link rel="stylesheet" href="{{ theme.url }}/css/style.css">
    {% endblock %}
    {% include 'analytics.html' %}
  </head>
  <body>
    {% include 'gtm.html' %}
    <div class="container">
      <div class="three columns">
        <div class="sidebar">
          <h1><a href="{{ album.index_url }}">
          {% if settings.site_logo %}
          <img src="{{ theme.url }}/{{ settings.site_logo }}" alt="{{ index_title }}">
          {% else %}
          {{ index_title }}
          {% endif %}
          </a></h1>
          {% if settings.links %}
          <nav id="menu">
            <ul>
              {% for title, link in settings.links %}
              <li><a href="{{ link }}">{{ title }}</a></li>
              {% endfor %}
            </ul>
          </nav>
          {% endif %}
          <footer>
            <p>{% if album.author %}&copy; {{ album.author }} - {% endif %}
              Generated by <a href="{{ sigal_link }}">sigal</a>
              {% if 'sigal.plugins.feeds' in settings.plugins %}
              {% if settings.rss_feed %}<br><a href={{ settings.rss_feed.feed_url }}>RSS Feed</a>{% endif %}
              {% if settings.atom_feed %}<br><a href={{ settings.atom_feed.feed_url }}>Atom Feed</a>{% endif %}{% endif %}</p>
          </footer>
        </div>
      </div>
      <div id="main" role="main" class="nine columns offset-by-three">
        {% block content %}{% endblock %}
      </div>
    </div>

    {% block footer %}{% endblock %}
    {% include 'piwik.html' %}
  </body>
</html>
