<!DOCTYPE html>
<html lang="{{ grav.language.getActive ?: grav.config.site.default_lang }}">
<head>
    <meta charset="utf-8">
    <!-- (1) Optimize for mobile versions: http://goo.gl/EOpFl -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- (1) force latest IE rendering engine: bit.ly/1c8EiC9 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>{% if page.title %}{{ site.title }} |  {{ page.title }}{% else %}{{ site.title }}{% endif %}</title>
    {% include 'partials/metadata.html.twig' %}
    <meta name="HandheldFriendly" content="True" />
    <meta name="MobileOptimized" content="320" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">

    <link rel="canonical" href="{{ page.url() }}">
    <link rel="shortcut icon" href="{{ theme_url }}/images/favicon.png">

    {% block stylesheets %}
        {% do assets.addCss('theme://vendors/fonts/css/all.min.css') %}
        {% do assets.addCss('theme://vendors/fontawesome/css/all.min.css') %}
        {% do assets.addCss('theme://css/main.css') %}
        {% do assets.addCss('theme://css/custom.css') %}
        {# {% do assets.addCss('theme://css/print.css') %} #}
    {% endblock %}

    {% block javascripts %}
        {% do assets.add('jquery', {group: 'bottom', priority: 101}) %}
        {% do assets.addJs('theme://js/jquery.fitvids.js', {group: 'bottom'}) %}
        {% do assets.addJs('theme://js/index.js', {group: 'bottom'}) %}
    {% endblock %}

    {% block assets deferred %}
        {{ assets.css()|raw }}
        {{ assets.js()|raw }}
    {% endblock %}
</head>
{% block body %}
<body>
{% endblock %}

{% set home = pages.find(config.system.home.alias) %}

    <!-- content start -->

    {% block content %}
    <div class="page-content">
        <div class="wrapper">
            {{ content|raw }}
        </div>
    </div>
    {% endblock %}
    <!-- content end -->


    {% block footer %}
    <!-- footer start -->
    <footer class="site-footer">
      <a class="subscribe" href="{{ base_url }}/blog.rss"> <span class="tooltip"> <i class="fa fa-rss"></i>{{ 'LINKS.RSS'|t }}</span></a>
        <div class="inner">
             <section class="copyright">{{ 'FOOTER.CONTENT'|t }} <a href="mailto:{{ site.email}}">{{ site.name }}</a> {{ "now"|date('Y') }} &bull; {{ 'FOOTER.RIGHTS'|t }} <a href="https://creativecommons.org/licenses/by-sa/4.0/" target="_blank">Creative Commons BY-SA</a></section>
             <section class="poweredby">{{ 'FOOTER.GRAV'|t }} <a href="http://getgrav.org" target="_blank"> Grav</a> {{ 'FOOTER.GRAV_THEME'|t }} <a href="https://forge.guilo.ch/loicguib/custom-mediator-theme-grav" target="_blank"> Mediator modifié</a></section>
        </div>
    </footer>
    <!-- footer end -->
    {% endblock %}

    {% block bottom %}
        {{ assets.js('bottom')|raw }}
    {% endblock %}
    {% include 'partials/javascripts.html.twig' %}
</body>
</html>
