{% load static %}
{% load i18n %}

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="turbolinks-cache-control" content="no-preview">
    <link rel="shortcut icon" href="{% static 'images/favicon.ico' %}" type="image/x-icon">

    <title>Gnous.eu
        {% if request.resolver_match.url_name == 'index' %} - {% trans "Accueil" %} {% endif %}
        {% if request.resolver_match.url_name == 'services' %} - {% trans "Services" %} {% endif %}
        {% if request.resolver_match.url_name == 'about' %} - {% trans "À propos" %} {% endif %}
        {% if request.resolver_match.url_name == 'tips' %} - {% trans "Dons" %} {% endif %}
    </title>

    <meta name="description" content="GnousEU est une communauté francophone de passionnés du libre. Elle fournit entre autre des services gratuits libres d'accès.">

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:url" content="{{ request.path }} ">
    <meta property="og:site_name" content="GnousEU" />
    <meta property="og:description" content="GnousEU est une communauté francophone de passionnés du libre. Elle fournit entre autre des services gratuits libres d'accès.">
    <meta property="og:image" content="{% static 'images/gnous.png' %}">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:url" content="{{ request.path }} ">
    <meta property="twitter:description" content="GnousEU est une communauté francophone de passionnés du libre. Elle fournit entre autre des services gratuits libres d'accès.">
    <meta property="twitter:image" content="{% static 'images/gnous.png' %}">

    {% if request.resolver_match.url_name == 'index' %}
        <meta name="title" content="Gnous.eu - Bienvenue">
        <meta property="og:title" content="Gnous.eu - Bienvenue">
        <meta property="twitter:title" content="Gnous.eu - Bienvenue">
    {% elif request.resolver_match.url_name == 'services' %}
        <meta name="title" content="Gnous.eu - Services">
        <meta property="og:title" content="Gnous.eu - Services">
        <meta property="twitter:title" content="Gnous.eu - Services">
    {% elif request.resolver_match.url_name == 'about' %}
        <meta name="title" content="Gnous.eu - À propos">
        <meta property="og:title" content="Gnous.eu - À propos">
        <meta property="twitter:title" content="Gnous.eu - À propos">
    {% elif request.resolver_match.url_name == 'tips' %}
        <meta name="title" content="Gnous.eu - Don">
        <meta property="og:title" content="Gnous.eu - Don">
        <meta property="twitter:title" content="Gnous.eu - Don">
    {% endif %}


    <link rel="stylesheet" href="{% static 'stylesheets/css/index.min.css' %}">

    <script src="{% static 'javascripts/turbolinks.js' %}"></script>
    <script src="{% static 'javascripts/main.js' %}" defer></script>

    <noscript>
        <style>
            .need-js {
                display: none !important;
            }
        </style>
    </noscript>
</head>
