base_template.html 4.41 KB
Newer Older
1 2 3 4 5 6 7 8 9 10
<!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 -->
Christophe Benz's avatar
Christophe Benz committed
11
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" 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">
Christophe Benz's avatar
Christophe Benz committed
13
    <title>Validata – {% block title %}{% endblock %}</title>
14 15 16 17 18 19 20 21 22 23 24 25

    <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>
26 27 28 29 30
    {% endblock %}
</head>

<body>
    <!-- horizontal navigation bar -->
Christophe Benz's avatar
Christophe Benz committed
31
    <nav class="nav px-3 py-2 border-bottom">
32
        <a class="navbar-brand" href="{{ url_for('home') }}">
Christophe Benz's avatar
Christophe Benz committed
33 34
            <img src="{{ url_for('static', filename='img/logo-horizontal.png') }}" height="15" alt="Validata" />
        </a>
Christophe Benz's avatar
Christophe Benz committed
35 36 37 38
        <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
39
            Signaler un problème
40 41 42 43
        </a>
    </nav>

    <!-- Breadcrumbs -->
Christophe Benz's avatar
Christophe Benz committed
44
    {% if breadcrumbs %}
45 46 47
    <nav aria-label="breadcrumb">
        <ol class="breadcrumb">
            {% for bc in breadcrumbs %}
Christophe Benz's avatar
Christophe Benz committed
48 49 50 51 52 53 54
            <li class="breadcrumb-item">
            {% if bc.url %}
                <a href="{{ bc.url }}">{{ bc.title|e }}</a>
            {% else %}
                <span>{{ bc.title|e }}</span>
            {% endif %}
            </li>
55 56 57
            {% endfor %}
        </ol>
    </nav>
Christophe Benz's avatar
Christophe Benz committed
58
    {% endif %}
59 60 61 62 63

    <!-- Flashing messages -->
    {% with messages = get_flashed_messages(with_categories=true) %}
    {% if messages %}
    {% for category, message in messages %}
64
    <div class="alert alert-{{ category }}">
65 66 67 68 69 70 71
        {{ message }}
    </div>
    {% endfor %}
    {% endif %}
    {% endwith %}

    <!-- main content -->
Christophe Benz's avatar
Christophe Benz committed
72 73
    <div id="content" class="container">
    {% block content %}{% endblock %}
74 75
    </div>

Pierre Dittgen's avatar
Pierre Dittgen committed
76
    <footer class="footer hidden-print">
77
        <p>
Pierre Dittgen's avatar
Pierre Dittgen committed
78 79
            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
80
            <a href="http://www.opendatafrance.net/">OpenDataFrance</a> avec
81 82 83 84 85 86 87 88 89 90
            l'aide de <a href="https://jailbreak.paris">Jailbreak</a>.
        </p>
        <p>
            <a href="/api/v1/apidocs" target="_blank">API</a>
            | <a href="https://git.opendatafrance.net/validata" target="_blank">Codes sources</a>
            | <a href="https://riot.im/app/#/room/#validata:jailbreak.paris" target="_blank">Salon de discussion public</a>
        </p>
        <p class="text-muted">
            (version <a href="https://git.opendatafrance.net/validata/validata-ui/tree/v{{ validata_ui_version }}" target="_blank">{{ validata_ui_version }}</a>)
        </p>
91
    </footer>
Christophe Benz's avatar
Christophe Benz committed
92

93 94 95 96 97
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
    {% block page_scripts %}{% endblock %}

98 99
</body>

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