<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}">

<head>
  {% block head %}
  <meta charset="utf-8">
  <meta http-equiv="x-ua-compatible" content="ie=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>{% block title %}&mdash; {{ SITENAME }}{% endblock %}</title>
  <link rel="canonical" href="{{ SITEURL }}/{{ output_file }}">

  {% if FEED_ALL_ATOM %}
  <link rel="alternate" type="application/atom+xml" href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" title="Full Atom Feed">
  {% endif %}
  {% if FEED_ALL_RSS %}
  <link rel="alternate" type="application/rss+xml" href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" title="Full RSS Feed">
  {% endif %}
  {% if FEED_ATOM %}
  <link rel="alternate" type="application/atom+xml" href="{{ FEED_DOMAIN }}/{{ FEED_ATOM }}" title="Atom Feed">
  {% endif %}
  {% if FEED_RSS %}
  <link rel="alternate" type="application/rss+xml" href="{{ FEED_DOMAIN }}/{{ FEED_RSS }}" title="RSS Feed">
  {% endif %}
  {% if CATEGORY_FEED_ATOM and category %}
  <link rel="alternate" type="application/atom+xml" href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_ATOM|format(category.slug) }}" title="Categories Atom Feed">
  {% endif %}
  {% if CATEGORY_FEED_RSS and category %}
  <link rel="alternate" type="application/rss+xml" href="{{ FEED_DOMAIN }}/{{ CATEGORY_FEED_RSS|format(category.slug) }}" title="Categories RSS Feed">
  {% endif %}
  {% if TAG_FEED_ATOM and tag %}
  <link rel="alternate" type="application/atom+xml" href="{{ FEED_DOMAIN }}/{{ TAG_FEED_ATOM|format(tag.slug) }}" title="Tags Atom Feed">
  {% endif %}
  {% if TAG_FEED_RSS and tag %}
  <link rel="alternate" type="application/rss+xml" href="{{ FEED_DOMAIN }}/{{ TAG_FEED_RSS|format(tag.slug) }}" title="Tags RSS Feed">
  {% endif %}

  {% if FAVICONS %}
  <link rel="apple-touch-icon" href="{{ SITEURL }}/apple-touch-icon.png" sizes="180x180">
  <link rel="icon" type="image/png" href="{{ SITEURL }}/favicon-32x32.png" sizes="32x32">
  <link rel="icon" type="image/png" href="{{ SITEURL }}/favicon-16x16.png" sizes="16x16">
  {% endif %}

  <link rel="stylesheet" href="{{ SITEURL }}/theme/css/bootstrap.min.css">
  <link rel="stylesheet" href="{{ SITEURL }}/theme/css/clean-blog.min.css">
  <link rel="stylesheet" href="{{ SITEURL }}/theme/css/font-awesome.min.css">
  <link rel="stylesheet" href="{{ SITEURL }}/theme/css/pygments/{{ PYGMENTS_STYLE|default('native') }}.min.css">
  <link rel="stylesheet" href="{{ SITEURL }}/theme/css/style.css">

  <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  <![endif]-->
  {% endblock %}
</head>

<body>
  <header class="header">
    <div class="container">
      <div class="row">
        {% if SITEIMAGE %}
        <div class="col-sm-4 hidden-xs">
          <a href="{{ SITEURL }}"><img class="img-responsive" src={{ SITEIMAGE }}></a>
        </div>
        {% endif %}
        <div class="col-sm-{% if SITEIMAGE %}8{% else %}12{% endif %}">
          <h1><a href="{{ SITEURL }}">{{ SITENAME }}</a></h1>
          <p>{{ SITESUBTITLE }}</p>
          {% if LINKS or PAGES or FACEBOOK_URL or FEED_ALL_ATOM or GITHUB_URL or G_PLUS_URL or TWITTER_URL %}
          <hr>
          <ul class="list-inline">
            {% if LINKS %}
            {% for title, link in LINKS %}
            <li><a href="{{ link }}" target="_blank">{{ title }}</a></li>
            {% endfor %}
            {% endif %}
            {% for p in PAGES %}
            {% if LINKS and loop.first %}
            <li class="text-muted">|</li>
            {% endif %}
            <li><a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a></li>
            {% endfor %}
            {% if FACEBOOK_URL or FEED_ALL_ATOM or GITHUB_URL or G_PLUS_URL or TWITTER_URL %}
            {% if LINKS or PAGES %}
            <li class="text-muted">|</li>
            {% endif %}
            {% endif %}
            {% if FACEBOOK_URL %}
            <li><a class="fa fa-fw fa-lg fa-facebook" href="{{ FACEBOOK_URL }}" target="_blank"></a></li>
            {% endif %}
            {% if FEED_ALL_ATOM %}
            <li><a class="fa fa-fw fa-lg fa-feed" href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" target="_blank"></a></li>
            {% endif %}
            {% if GITHUB_URL %}
            <li><a class="fa fa-fw fa-lg fa-github" href="{{ GITHUB_URL }}" target="_blank"></a></li>
            {% endif %}
            {% if G_PLUS_URL %}
            <li><a class="fa fa-fw fa-lg fa-google-plus" href="{{ G_PLUS_URL }}" target="_blank"></a></li>
            {% endif %}
            {% if TWITTER_URL %}
            <li><a class="fa fa-fw fa-lg fa-twitter" href="{{ TWITTER_URL }}" target="_blank"></a></li>
            {% endif %}
          </ul>
          {% endif %}
        </div>
      </div>
    </div>
  </header>

  <div class="main">
    <div class="container">
      <div class="page-header">
        <h1>{% block page_header %}{% endblock %}</h1>
      </div>
      {% block content %}{% endblock %}
    </div>
  </div>

  <footer class="footer">
    <div class="container">
      <div class="row">
        <div class="col-sm-6">
          <nav class="list-inline">
            {% if ARTICLE_AUTHORS %}
            <li><a href="{{ SITEURL }}/authors.html">Authors</a></li>
            {% endif %}
            <li><a href="{{ SITEURL }}/archives.html">Archives</a></li>
            <li><a href="{{ SITEURL }}/categories.html">Categories</a></li>
            <li><a href="{{ SITEURL }}/tags.html">Tags</a></li>
          </nav>
        </div>
        <div class="col-sm-6 hidden-xs text-right text-muted">
          Generated by <a href="https://github.com/getpelican/pelican" target="_blank">Pelican</a> using <a href="https://github.com/nairobilug/pelican-alchemy">&#x2728; alchemy</a>.
        </div>
      </div>
    </div>
  </footer>
</body>

</html>
