base_template.html

<!DOCTYPE html>
<html lang="fr">

<head>
    {% block head %}
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <link rel="icon" href="{{ url_for('static', filename='img/favicon.ico')}}" type="image/x-icon">
    <link rel="shortcut icon" href="{{ url_for('static', filename='img/favicon.ico')}}" type="image/x-icon">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="{{url_for('static', filename='css/bootstrap.min.css')}}" crossorigin="anonymous">
    <link rel="stylesheet" href="{{url_for('static', filename='css/sticky-footer-navbar.css')}}" crossorigin="anonymous">

    <title>Validata - {% block title %}{% endblock %}</title>
    {% endblock %}
</head>

<body>
    <!-- horizontal navigation bar -->
    <nav class="navbar navbar-light">
        <a class="navbar-brand" href="{{ url_for('home') }}">
            <img src="{{ url_for('static', filename='img/logo-horizontal.png') }}" height="15" alt="Validata" />
            <span class="badge badge-info mx-1" title="Ce service est encore en cours de développement">beta</span>
        </a>
        <a class="btn btn-outline-danger" rel="external" target="_blank" href="https://git.opendatafrance.net/validata/validata-ui/issues/new?issuable_template=Probl%C3%A8me">
            Signaler un problème
        </a>
    </nav>

    <!-- Breadcrumbs -->
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            {% for bc in breadcrumbs %}
            <li class="breadcrumb-item"><a href="{{ bc.url }}">{{ bc.title|e }}</a></li>
            {% endfor %}
            <li class="breadcrumb-item active" aria-current="page">{{ title|e }}</li>
        </ol>
    </nav>

    <!-- Flashing messages -->
    {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
    {% for category, message in messages %}
    <div class="alert alert-{{ category }} alert-dismissible fade show">
        {{ message }}
        <button type="button" class="close" data-dismiss="alert" aria-label="Close">
            <span aria-hidden="true">&times;</span>
        </button>
    </div>
    {% endfor %}
    {% endif %}
    {% endwith %}

    <!-- main content -->
    <div id="content" class="container-fluid">
        {% block content %}{% endblock %}
    </div>

    <script src="{{url_for('static', filename='js/jquery-3.3.1.min.js')}}"></script>
    <script src="{{url_for('static', filename='js/popper.min.js')}}"></script>
    <script src="{{url_for('static', filename='js/bootstrap.min.js')}}"></script>
    {% block footer %}{% endblock %}
    <footer class="footer">
        <div>
            Un service de validation mis à disposition par
            <a href="http://www.opendatafrance.net/">OpenDataFrance</a> avec
            l'aide de <a href="https://jailbreak.paris">Jailbreak</a>
        </div>
        <ul class="list-unstyled mt-4">
            <li><a href="/docs" target="_blank">Documentation</a></li>
            <li><a href="/api/v1/apidocs" target="_blank">API</a></li>
        </ul>
    </footer>

    {% if not config['DEBUG'] %}
    <!-- Matomo -->
    <script type="text/javascript">
        var _paq = _paq || [];
        /* tracker methods like "setCustomDimension" should be called before "trackPageView" */
        _paq.push(['trackPageView']);
        _paq.push(['enableLinkTracking']);
        (function () {
            var u = "https://analytics.validata.fr/";
            _paq.push(['setTrackerUrl', u + 'piwik.php']);
            _paq.push(['setSiteId', '1']);
            var d = document, g = d.createElement('script'), s = d.getElementsByTagName('script')[0];
            g.type = 'text/javascript'; g.async = true; g.defer = true; g.src = u + 'piwik.js'; s.parentNode.insertBefore(g, s);
        })();
    </script>
    <!-- End Matomo Code -->
    {% endif %}

</body>

</html>