<!DOCTYPE html>
<html lang="{{ DEFAULT_LANG }}">
  <head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
    <title>{% block title %}{{ SITENAME }}{%endblock%}</title>
    <link rel="stylesheet" href="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/css/{{ CSS_FILE }}">

    {% if FEED_ALL_ATOM %}
    <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} Atom Feed">
    {% endif %}

    {% if FEED_ALL_RSS %}
    <link href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}" type="application/rss+xml" rel="alternate" title="{{ SITENAME }} RSS Feed">
    {% endif %}

    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/scripts/jquery-2.1.4.min.js"></script>
    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/scripts/jquery.sticky.js"></script>
    <script src="{{ SITEURL }}/{{ THEME_STATIC_DIR }}/scripts/mine.js"></script>

    <!--[if IE]>
      <script src="https://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
    <![endif]-->
  </head>

  <body id="index" class="home">
    {% include 'github.html' %}
    <header id="banner">
      <div id="headerContainer">
        <div id="logo">
          <a href="{{ SITEURL }}/index.html"></a>
        </div>
        <div class="burger">
          <ul>
            <li></li>
            <li></li>
            <li></li>
          </ul>
        </div>
        <nav>
          <ul>
            {% if DISPLAY_PAGES_ON_MENU -%}
            {% for pg in pages %}
            <li {% if pg|is_active %} class="active"{% endif %}>
              <a href="{{ SITEURL }}/{{ pg.url }}">{{ pg.entry or pg.title }}</a>
            </li>
            {% endfor %}
            {% endif %}
            <li class="icon twitter"><a href="https://twitter.com/{{ TWITTER_USERNAME }}"> </a></li>
            <li class="icon rss"><a href="{{ FEED_DOMAIN }}/{{ FEED_ALL_RSS }}"> </a></li>
          </ul>
        </nav>
      </div>
    </header><!-- /#banner -->

    <div class="cacheMenu"></div>
    <div class="container">
    {% block content %}
    {% endblock %}
    </div>
    <footer id="contentinfo">
      <a href="#">Mentions légales</a>
    </footer>

    {% include 'analytics.html' %}
    {% include 'disqus_script.html' %}
  </body>
</html>
