<!DOCTYPE html>
{% if article %}
<!--[if lt IE 7]>      <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8 lt-ie7" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/BlogPosting"> <![endif]-->
<!--[if IE 7]>         <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/BlogPosting"> <![endif]-->
<!--[if IE 8]>         <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/BlogPosting"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="{{ DEFAULT_LANG }}" class="no-js" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/BlogPosting"> <!--<![endif]-->
{% elif page %}
<!--[if lt IE 7]>      <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8 lt-ie7" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 7]>         <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if IE 8]>         <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="{{ DEFAULT_LANG }}" class="no-js" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/WebPage"> <!--<![endif]-->
{% else %}
<!--[if lt IE 7]>      <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8 lt-ie7" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/Blog"> <![endif]-->
<!--[if IE 7]>         <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9 lt-ie8" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/Blog"> <![endif]-->
<!--[if IE 8]>         <html lang="{{ DEFAULT_LANG }}" class="no-js lt-ie9" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/Blog"> <![endif]-->
<!--[if gt IE 8]><!--> <html lang="{{ DEFAULT_LANG }}" class="no-js" prefix="og: http://ogp.me/ns#" itemscope itemtype="http://schema.org/Blog"> <!--<![endif]-->
{% endif %}
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <base href="{{ SITEURL }}/"><!-- So that "images/" prefixed URLs are resolved in the same way in pages/ -->

    <title>{% block title %}{{ SITENAME }}{% endblock %}</title>
    <meta name="description" content="{% block description %}{{ DESCRIPTION }}{% endblock %}">
    {% if FAVICON %}<link rel="shortcut icon" href="{{ SITEURL }}/{{ FAVICON }}" type="{{ FAVICON_TYPE|default('image/x-icon') }}">{% endif %}
    <link href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" type="application/atom+xml" rel="alternate" title="{{ SITENAME }} ATOM Feed">
    {% block meta %}
    {% endblock %}

    <meta name="author" content="{{ AUTHOR }}">
    <meta name="copyright" content="{{ AUTHOR }}">
    <meta name="twitter:card" content="summary" >
    <meta name="twitter:site" content="@{{ TWITTER_USERNAME }}" >
    <meta property="og:site_name" content="{{ SITENAME }}" >

    {% block seo %}
    <meta property="og:title" content="{{ SITENAME }}" >
    <meta property="og:type" content="website" >
    <meta property="og:url" content="{{ SITEURL }}" >
    <meta name="twitter:url" content="{{ SITEURL }}" >
    <meta itemprop="name" content="{{ SITENAME }}" >
    <meta itemprop="url" content="{{ SITEURL }}">
    {% if DESCRIPTION %}
    <meta property="og:description" content="{{ DESCRIPTION }}" >
    <meta name="twitter:description" content="{{ DESCRIPTION }}" >
    <meta itemprop="description" content="{{ DESCRIPTION  }}" >
    {% endif %}
    {% if META_IMAGE %}
    <meta property="og:image" content="{{ META_IMAGE }}" >
    <meta property="og:image:type" content="{{ META_IMAGE_TYPE }}" >
    <meta name="twitter:image" content="{{ META_IMAGE }}" >
    <meta itemprop="image" content="{{ META_IMAGE }}" >
    {% endif %}
    {% endblock %}

    <link rel="stylesheet" type="text/css" href="{{SITEURL}}/theme/bundle-SHORTSHA1-f551adb.css">
</head>
<body>
<!--[if lt IE 7]>
    <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->

<header class="mg-header uk-navbar uk-navbar-attached">

    <div class="mg-header-content uk-container uk-container-center">

        <div class="uk-hidden-small">
            <a class="mg-brand" href="{{ SITEURL }}">{% block header_text %}{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}{% endblock %}</a>
            <div class="mg-tagline">{% if SITESUBTITLE %}{{ SITESUBTITLE }}{% endif %}</div>
        </div>

        <ul class="uk-hidden-small mg-skiplinks">
            {% if not DISABLE_SEARCH %}
            <li><a href="#search-form">Search form</a></li>
            {% endif %}
        </ul>

        <div class="mg-header-extra uk-hidden-small">
            {% block header_extra %}
            {% endblock %}
        </div>

        <div class="mg-nav-small uk-visible-small">
            <a class="mg-nav-menu-toggle-small uk-navbar-toggle" href="#mg-offcanvas" data-uk-offcanvas></a>
            <a class="mg-brand uk-navbar-center" href="{{ SITEURL }}">{% if ALT_NAME %}{{ ALT_NAME }}{% else %}{{ SITENAME }}{% endif %}</a>
        </div>

    </div>
</header>

<main class="mg-main">

<div class="uk-container uk-container-center">

    <div class="uk-grid" data-uk-grid-margin>

        {% block content %}
        {% endblock %}

        <div role="navigation" class="uk-width-medium-1-5 uk-hidden-small">

            <div class="uk-panel uk-panel-box">
                <h3 class="uk-panel-title">Syndication</h3>
                <a rel="alternate" type="application/atom+xml" href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" class="mg-feed"><i class="uk-icon-rss uk-icon-medium"></i> ATOM</a>
                {% if EXTRA_ATOM_FEED %}<a rel="alternate" type="application/atom+xml" href="{{ EXTRA_ATOM_FEED['url'] }}" class="mg-feed"><i class="uk-icon-rss uk-icon-medium"></i> {{ EXTRA_ATOM_FEED['name'] }}</a>{% endif %}
            </div>

            {% if SOCIAL %}
            <div class="uk-panel uk-panel-box">
                <h2 class="uk-panel-title">Ubiquité</h2>
                {% for link_destination, link in SOCIAL %}
                <a class="mg-icon-link" href="{{ link }}" title="Link to my {{ link_destination }}">
                    <i class="uk-icon-{{ link_destination }} uk-icon-medium" aria-hidden="true"></i>
                </a>
                {% endfor %}
            </div>
            {% endif %}

            {% if AVATARS %}
            <div class="uk-panel uk-panel-box">
                <h2 class="uk-panel-title">Avatars</h2>
                {% for img_uri in AVATARS %}
                <img class="mg-avatar" src="{{ img_uri }}" alt="An avatar I use on the web" title="An avatar I use on the web">
                {% endfor %}
            </div>
            {% endif %}

            {% if READINGS %}
            <a href="{{ SITEURL }}/past_readings.html">
                <div class="uk-panel uk-panel-box">
                    <h2 class="uk-panel-title">En ce moment je lis</h2>
                    <img class="uk-thumbnail" src="{{ READINGS[0]['img_url'] }}" alt="{{ READINGS[0]['description'] }}" title="{{ READINGS[0]['description'] }}">
                </div>
            </a>
            {% endif %}

            <div class="uk-panel uk-panel-box">
                <ul class="uk-nav uk-nav-side">
                    {% if CATEGORY_SAVE_AS %}
                    <li class="uk-nav-header">Categories</li>
                    {% for cat, _ in categories %}
                    <li {% if cat == category %}class="uk-active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
                    {% endfor %}
                    {% endif %}

                    {% if DISPLAY_PAGES_ON_MENU != False %}
                    <li class="uk-nav-header">Pages</li>
                    {% for p in pages %}
                    <li {% if p == page %}class="uk-active"{% endif %}>
                        <a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
                    </li>
                    {% endfor %}
                    {% endif %}

                    {% if ARCHIVE_SAVE_AS %}
                    <li class="uk-nav-divider"></li>
                    <li {% if page_name == 'archives' %}class="uk-active"{% endif %}><a href="{{ SITEURL }}/archives.html">Archives</a></li>
                    {% endif %}
                </ul>
            </div>

            {% if not DISABLE_SEARCH %}
            <iframe src="https://duckduckgo.com/search.html?site={{ SITEURL }}&prefill=Search" class="duckduckgo"></iframe>
            {% endif %}

            {% if LINKS %}
            <div class="uk-panel uk-panel-box">
                <h3 class="uk-panel-title">Blogroll</h3>
                <ul class="uk-nav uk-nav-side">
                {% for text, url in LINKS %}
                <li><a href="{{ url }}">{{ text }}</a></li>
                {% endfor %}
                </ul>
            </div>
            {% endif %}

            {% if SUPPORTS %}
            <div class="uk-panel uk-panel-box">
                {% for name, link, logo_url, title in SUPPORTS %}
                <a href="{{ link }}">
                    <img class="mg-support-logo" src="{{ logo_url }}" alt="Logo {{ name }}" title="{{ title }}">
                </a>
                {% endfor %}
            </div>
            {% endif %}

        </div>

    </div>

</div>

</main>

<footer class="mg-footer">
    <div class="uk-container uk-container-center uk-text-center">

        <ul class="mg-icons-small uk-subnav uk-visible-small">
            <li><a rel="alternate" type="application/atom+xml" href="{{ SITEURL }}/{{ FEED_ALL_ATOM }}" class="uk-icon-button uk-icon-rss"></a></li>
            {% if EXTRA_ATOM_FEED %}<li><a rel="alternate" type="application/atom+xml" href="{{ EXTRA_ATOM_FEED['url'] }}" class="uk-icon-button uk-icon-rss"></a></li>{% endif %}
            {% if SOCIAL %}
            {% for link_destination, link in SOCIAL %}
            <li>
                <a class="mg-icon-link" href="{{ link }}" title="Link to my {{ link_destination }}">
                    <i class="uk-icon-{{ link_destination }} uk-icon-medium" aria-hidden="true"></i>
                </a>
            </li>
            {% endfor %}
            {% endif %}
        </ul>

        <div class="mg-author uk-panel">
            <p>{{ FOOTER }}</p>
            <p>Powered by <a href="http://blog.getpelican.com">Pelican</a>.<br class="uk-visible-small"> Theme <a href="https://github.com/Lucas-C/pelican-mg">mg</a> thanks to <a href="https://github.com/lucachr">Luca Chiricozzi</a></p>
        </div>
    </div>
</footer>

<aside id="mg-offcanvas" class="uk-offcanvas">
    <div class="uk-offcanvas-bar">

        {% if not DISABLE_SEARCH %}
        <iframe src="https://duckduckgo.com/search.html?site={{ SITEURL }}&prefill=Search" class="duckduckgo"></iframe>
        {% endif %}

        <ul class="uk-nav uk-nav-offcanvas" data-uk-nav>
            {% if CATEGORY_SAVE_AS %}
            <li class="uk-nav-header">Categories</li>
            {% for cat, _ in categories %}
            <li {% if cat == category %}class="uk-active"{% endif %}><a href="{{ SITEURL }}/{{ cat.url }}">{{ cat }}</a></li>
            {% endfor %}
            {% endif %}

            {% if DISPLAY_PAGES_ON_MENU != False %}
            <li class="uk-nav-header">Pages</li>
            {% for p in pages %}
            <li {% if p == page %}class="uk-active"{% endif %}>
                <a href="{{ SITEURL }}/{{ p.url }}">{{ p.title }}</a>
            </li>
            {% endfor %}
            {% endif %}

            {% if ARCHIVE_SAVE_AS %}
            <li class="uk-nav-divider"></li>
            <li><a href="{{ SITEURL }}/{{ ARCHIVES_URL }}">Archives</a></li>
            {% endif %}

            {% if LINKS %}
            <li class="uk-nav-divider"></li>
            <li class="uk-nav-header">Blogroll</li>
            {% for text, url in LINKS %}
            <li><a href="{{ url }}">{{ text }}</a></li>
            {% endfor %}
            {% endif %}

            {% if SUPPORTS %}
            <li class="uk-nav-divider"></li>
            {% for name, link, logo_url, title in SUPPORTS %}
            <li><a href="{{ link }}">
                <img class="mg-support-logo" src="{{ logo_url }}" alt="Logo {{ name }}" title="{{ title }}">
            </a></li>
            {% endfor %}
            {% endif %}
        </ul>
    </div>
</aside>

<script src="{{SITEURL}}/theme/bundle-SHARE-{{SHARE|string|first|length|string|first}}-MG_FILTER_TAGS-{{MG_FILTER_TAGS|string|first|length|string|first}}-SHORTSHA1-efddc02.js"></script>

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