base_template.html 4.59 KB
Newer Older
1 2 3 4 5 6 7 8 9 10 11
<!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">
Christophe Benz's avatar
Christophe Benz committed
12
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.5.0/css/all.css" integrity="sha384-B4dIYHKNBt8Bc12p+WXckhzcICo0wtJAoU8YZTY5qE0Id1GSseTk6S+L3BlXeVIU" crossorigin="anonymous">
13 14

    <title>Validata - {% block title %}{% endblock %}</title>
15 16 17 18 19 20 21 22 23 24 25 26

    <style>
        body {
            font-family: system-ui, BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
        }

        .footer {
            background-color: #f5f5f5;
            padding: 3em;
            margin-top: 5em;
        }
    </style>
27 28 29 30 31
    {% endblock %}
</head>

<body>
    <!-- horizontal navigation bar -->
Christophe Benz's avatar
Christophe Benz committed
32
    <nav class="nav px-3 py-2">
33
        <a class="navbar-brand" href="{{ url_for('home') }}">
Christophe Benz's avatar
Christophe Benz committed
34 35 36
            <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>
Christophe Benz's avatar
Christophe Benz committed
37 38 39 40
        <a class="nav-link" href="http://validata.fr/" target="_blank">Wiki</a>
        <a class="nav-link" href="https://scdl.opendatafrance.net/docs" target="_blank">Documentation</a>
        <a class="nav-link" href="https://teamopendata.org/c/socle-commun-des-donnees-locales" target="_blank">Forum</a>
        <a class="btn btn-outline-danger ml-auto" rel="external" target="_blank" href="https://git.opendatafrance.net/validata/validata-ui/issues/new?issuable_template=Probl%C3%A8me">
Christophe Benz's avatar
Christophe Benz committed
41
            Signaler un problème
42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58
        </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 %}
59
    <div class="alert alert-{{ category }}">
60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
        {{ message }}
    </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 %}
Pierre Dittgen's avatar
Pierre Dittgen committed
75
    <footer class="footer hidden-print">
Christophe Benz's avatar
Christophe Benz committed
76
        <div>
Pierre Dittgen's avatar
Pierre Dittgen committed
77 78
            Le service de validation du <a href="https://www.validata.fr/">projet Validata</a>
            est mis à disposition par
Christophe Benz's avatar
Christophe Benz committed
79 80
            <a href="http://www.opendatafrance.net/">OpenDataFrance</a> avec
            l'aide de <a href="https://jailbreak.paris">Jailbreak</a>
81
        </div>
Christophe Benz's avatar
Christophe Benz committed
82
        <ul class="list-unstyled mt-4">
Johan Richer's avatar
Johan Richer committed
83
            <p>
Christophe Benz's avatar
Christophe Benz committed
84
              <a href="/api/v1/apidocs" target="_blank">API</a>
Johan Richer's avatar
Johan Richer committed
85 86 87
              | <a href="https://git.opendatafrance.net/validata" target="_blank">Code source</a>
              | <a href="https://riot.im/app/#/room/#validata:jailbreak.paris" target="_blank">Salon de discussion public</a>
            </p>
Christophe Benz's avatar
Christophe Benz committed
88
        </ul>
89
    </footer>
Christophe Benz's avatar
Christophe Benz committed
90

Christophe Benz's avatar
fixup!  
Christophe Benz committed
91
    {% if not config['DEBUG'] %}
Christophe Benz's avatar
Christophe Benz committed
92 93
    <!-- Matomo -->
    <script type="text/javascript">
94 95 96 97 98 99 100 101 102 103 104
        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);
        })();
Christophe Benz's avatar
Christophe Benz committed
105 106 107 108
    </script>
    <!-- End Matomo Code -->
    {% endif %}

109 110
</body>

Johan Richer's avatar
Johan Richer committed
111
</html>