src/hdalab/templates/base.html
author ymh <ymh.work@gmail.com>
Fri, 19 Jul 2024 09:38:03 +0200
changeset 704 b5835dca2624
parent 668 f66c544255e1
permissions -rw-r--r--
Adapt renkan preview to uses chrome headless/puppeteer

{% load analytics %}
{% load i18n %}
{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="{{LANGUAGE_CODE}}" lang="{{LANGUAGE_CODE}}">
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <meta http-equiv="content-language" content="{{LANGUAGE_CODE}}" />
        <link rel="SHORTCUT ICON" href="{% static 'hdalab/img/favicon.ico' %}" />
        <title>{% block title %}HdA Lab{% endblock %}</title>

{% block css_import %}
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/common.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/header.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/css/footer.css' %}" />
        <link rel="stylesheet" type="text/css" href="{% static 'hdalab/lib/jquery.cookiecuttr/cookiecuttr.css' %}" />
{% endblock %}

{% block js_import %}
        <script src="{% static 'hdalab/lib/jquery.min.js' %}"></script>
        <script src="{% static 'hdalab/lib/jquery.cookie.js' %}"></script>
        <script src="{% static 'hdalab/lib/jquery.cookiecuttr/jquery.cookiecuttr.js' %}"></script>
{% endblock %}

    </head>
    <body>
{% block header %}
        <header id="header">

            <div class="top">
                <div id="logo">
                    <div class="row">
                        <h1><a href="{% url 'home' %}"><img src="{% static 'hdalab/img/logo-hda.png' %}" alt="HdA Lab"></a></h1>
                    </div>
                </div>
                <nav>
                    <div class="row">
                        <ul id="menu">
                            <li class="{% block home_actif %}{% endblock %}"><a href="{% url 'home'  %}">{% trans 'Accueil' %}</a></li>
                            <li class="{% block facettes_actif %}{% endblock %}"><a href="{% url 'facettes' %}">{% trans 'Recherche' %}</a></li>
                            <li class="{% block categories_actif %}{% endblock %}"><a href="{% url 'categories' %}">{% trans 'Domaines Artistiques' %}</a></li>
                            <li class="{% block renkans_actif %}{% endblock %}"><a href="{% url 'renkan_public_list' %}">Renkan</a></li>
                            <li class="{% block a_propos_actif %}{% endblock %}"><a href="{% url 'a_propos' %}">{% trans 'A Propos' %}</a></li>
                            <li class="external"><a href="http://www.histoiredesarts.culture.fr/" target="_blank">Histoire des Arts</a></li>

                        </ul>
                        <ul id="menu" class="profile">
                            {% if user.is_authenticated %}
                                <li class="{% block profile_actif %}{% endblock %}"><a href="{% url 'profile_home' %}">{{ user.username }}</a></li>
                                <li><a href="{% url 'logout' %}?next={% url 'home' %}">{% trans "Log out" %}</a></li>
                              {% else %}
                                <li class="{% block login_actif %}{% endblock %}"><a href="{% url 'login' %}">{% trans "Log in" %}</a></li>
                              {% endif %}
                        </ul>
                    </div>
                </nav>
            </div>
            <div id="subhead">
                {% block subhead %}
                {% endblock %}
            </div>
        </header>
{% endblock %}

<main id="content" class="row">
    {% block main_content %}
    {% endblock %}
</main>

{% block footer %}
        <footer id="footer">
            <div class="nav">
                <div class="row">
                    <ul>
                        <li><a href="{% url 'a_propos'%}">{% trans 'A Propos' %}</a></li>
                        <li><a href="{% url 'credits'%}">{% trans 'Crédits' %}</a></li>
                        <li><a href="{% url 'mentions_legales'%}">{% trans 'Mentions légales' %}</a></li>
                        <li><a href="{% url 'envelope-contact'%}">{% trans 'Contact' %}</a></li>
                    </ul>
                </div>
            </div>
            <div id="innerfooter">
                <a class = "iri-url" href="http://www.iri.centrepompidou.fr/" target="_blank">
                    <img src="{% static 'hdalab/img/logo_iri.png' %}" alt="">
                </a>
                <a class = "culture-url" href="http://www.culturecommunication.gouv.fr/" target="_blank">
                    <img src="{% static 'hdalab/img/logo_mcc_blanc.png' %}" alt="">
                </a>
                <div class="row">
                    <ul id="menu">
                        <li><h2><b>{% trans 'Rubriques' %}</b></h2></li>
                        <li><a href="{% url 'facettes' %}">{% trans 'Recherche' %}</a></li>
                        <li><a href="{% url 'categories' %}">{% trans 'Domaines Artistiques' %}</a></li>
                        <li><a href="{% url 'thesaurus' %}">{% trans 'Thésaurus' %}</a></li>
                        <li><a href="{% url 'renkan_public_list' %}">Renkan</a></li>
                        <li><a href="{% url 'renkan_favorite_list' %}">{% trans 'Renkan repères' %}</a></li>
                        <li><a href="{% url 'a_propos' %}">{% trans 'A Propos' %}</a></li>
                    </ul>
                </div>
                <div class="row links">
                    <ul id="menu">
                        <li><h2><b>{% trans 'Liens' %}</b></h2></li>
                        <li><a href="http://www.culturecommunication.gouv.fr/" target="_blank">culturecommunication.gouv.fr</a></li>
                        <li><a href="http://www.iri.centrepompidou.fr/" target="_blank">www.iri.centrepompidou.fr</a></li>
                        <li><a href="http://www.histoiredesarts.culture.fr/" target="_blank">histoiredesarts.culture.fr</a></li>
                        <li><a href="https://www.data.gouv.fr/fr/" target="_blank">data.gouv.fr</a></li>
                        <li><a href="https://fr-fr.facebook.com/pages/Histoire-des-arts-Culturefr/295361194055" target="_blank">Facebook HDA</a></li>
                    </ul>
                </div>
                <p id="copyright">© Ministère de la Culture et de la Communication</p>
            </div>
        </footer>
{% endblock %}
    <script>
    $(function() {
        $.cookieCuttr({
            cookieCutter: true,
            cookieAnalytics: false,
            cookieAcceptButton: true, // this will disable non essential cookies
            cookieResetButton: false,
            cookiePolicyLink: '{% url 'a_propos' %}', // if applicable, enter the link to your privacy policy here...
            cookieMessage: '{% trans 'We use cookies on this website, you can <a href="{{cookiePolicyLink}}" title="read about our cookies">read about them here</a>. To use the website as intended please...'%}',
            cookieAcceptButtonText: "{% trans 'ACCEPT COOKIES' %}",
            cookieDeclineButtonText: "{% trans 'DECLINE COOKIES' %}",
            cookieNotificationLocationBottom: false, // top or bottom - they are your only options, so true for bottom, false for top
        });
    });
    </script>
{% analytics 'sync' %}
    </body>
</html>