carbon / travel-carbon-footprint.irap.omp.eu

Blame view

flaskr/templates/base.html 5.83 KB
Edit Raw Normal View History
db954042   Goutte   Add the main temp... 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
 
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
    <head>
        <title>{% block title %}Travel Carbon Footprint Calculator{% endblock %}</title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        
        {% block meta %}
        <meta name="description" content="{{ content.meta.description }}">
        {% for author in content.meta.authors -%}
        <meta name="author" content="{{ author.name }} <{{ author.email }}>">
        {% endfor %}
        {% endblock %}
047d519b   Antoine Goutenoir   Add an overridabl... 
18
19
 
        {% block extra_meta %}
        {% endblock %}
db954042   Goutte   Add the main temp... 
20
21
22
23
24
25
26
27
28
29
 

        {% assets "common_css" %}
        <link rel="stylesheet" type="text/css" href="{{ ASSET_URL }}" />
        {% endassets %}

        {% block css %}
        {% endblock %}
    </head>

    <body>
fef4a9fd   Goutte   Rework the templa... 
30
 
        <div class="navbar navbar-expand-lg navbar-inverse fixed-top">
db954042   Goutte   Add the main temp... 
31
fef4a9fd   Goutte   Rework the templa... 
32
33
34
35
36
37
38
39
40
41
42
43
44
45
 
            <a class="navbar-brand" href="#">
                <span class="glyphicon glyphicon-plane" aria-hidden="true"></span>
                {{ content.meta.title }}
            </a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="navbarNavAltMarkup">
                <ul class="navbar-nav">
    {#                <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a>#}
                    <li class="nav-item"><a class="nav-link" href="{{ url_for('.home') }}">Home</a></li>
                    <li class="nav-item"><a class="nav-link" href="{{ url_for('.estimate') }}">Request Estimation</a></li>
    {#                <a class="nav-item nav-link" href="#">Features</a>#}
    {#                <a class="nav-item nav-link disabled" href="#">Disabled</a>#}
db954042   Goutte   Add the main temp... 
46
 
                </ul>
fef4a9fd   Goutte   Rework the templa... 
47
48
 
            </div>
db954042   Goutte   Add the main temp... 
49
50
 
        </div>
11932a78   Goutte   Improve the base ... 
51
52
 
        <div id="image-background"></div>
db954042   Goutte   Add the main temp... 
53
 
        <div class="container">
11932a78   Goutte   Improve the base ... 
54
55
56
57
58
59
60
61
 

            {% block hero -%}
            <div class="jumbotron">
                <h1>{{ content.home.hero.title | safe }}</h1>
                <p>{{ content.home.hero.description | markdown | safe }}</p>
            </div>
            {%- endblock %}
db954042   Goutte   Add the main temp... 
62
63
64
65
66
67
68
69
70
71
72
 
            {% with messages = get_flashed_messages(with_categories=true) %}
                {% if messages %}
                    {% for category, message in messages %}
                        <div class="alert alert-{{ category }} alert-dismissible" role="alert">
                          <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                          {{ message }}
                        </div>
                    {% endfor %}
                {% endif %}
            {% endwith %}
2407976f   Antoine Goutenoir   feat: add a "java... 
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
 
            <style>
                .nojs {
                    opacity: 0;
                    animation: 16.18s fadeIn;
                    animation-delay: 1.618s;
                    animation-fill-mode: forwards;

                    visibility: hidden;
                    pointer-events: none;
                }

                @keyframes fadeIn {
                    0% {
                        opacity: 0;
                    }
                    25% {
                        visibility: visible;
                        opacity: 1;
                    }
                    93% {
                        visibility: visible;
                        opacity: 1;
                    }
                    99% {
                        visibility: visible;
                        opacity: 0;
                    }
                    100% {
                        visibility: hidden;
                    }
                }
            </style>
            <div class="alert alert-danger nojs">
                Javascript appears disabled, and we totally get that.
                You'll need javascript to render the plots, though.
            </div>
db954042   Goutte   Add the main temp... 
110
111
112
113
 
            {% block body %}
            {% endblock %}
        </div>
11932a78   Goutte   Improve the base ... 
114
 
        <footer class="page-footer">
fef4a9fd   Goutte   Rework the templa... 
115
116
117
118
119
120
121
122
123
124
 
            <div class="row">
                <div class="col-lg-4 text-center">
                    <a href="https://gitlab.irap.omp.eu/carbon/travel-carbon-footprint.irap.omp.eu">
                        v{{ version }}
                    </a>
                    <br>
                    AGPL-v3
                </div>
                <div class="col-lg-4 text-center">
                    {{ content.footer.credits }}
0c5ac2ae   Antoine Goutenoir   Actually use the ... 
125
126
 
                    <br>
                    {{ visits }} visits since 2020
fef4a9fd   Goutte   Rework the templa... 
127
 
                </div>
c6ed0103   Antoine Goutenoir   Add the IRAP logo. 
128
 
                <div class="col-lg-4 text-center">
00e35997   Antoine Goutenoir   Supersample the f... 
129
130
131
 
                    <a href="http://www.irap.omp.eu" class=""><img src="/static/img/irap.png" alt="IRAP" width="110px"></a>
                    &nbsp;
                    <a href="http://x-ifu.irap.omp.eu" class=""><img src="/static/img/ifu.png" alt="IFU" width="110px"></a>
c6ed0103   Antoine Goutenoir   Add the IRAP logo. 
132
 
                </div>
11932a78   Goutte   Improve the base ... 
133
 
            </div>
11932a78   Goutte   Improve the base ... 
134
135
 
        </footer>
f6721373   Antoine Goutenoir   Add the tawk.to w... 
136
137
138
139
 
        {% block tawk %}
            {% include "partial/tawk-to-widget.html" %}
        {% endblock %}
db954042   Goutte   Add the main temp... 
140
 
        {% assets "common_js" %}
11932a78   Goutte   Improve the base ... 
141
 
        <script type="text/javascript" src="{{ ASSET_URL }}"></script>
db954042   Goutte   Add the main temp... 
142
 
        {% endassets %}
1a657e2c   Antoine Goutenoir   Nojs snippet. 
143
db954042   Goutte   Add the main temp... 
144
145
 
        {% block js %}
        {% endblock %}
1a657e2c   Antoine Goutenoir   Nojs snippet. 
146
147
148
149
150
151
152
153
 

        {% block js_nojs %}
        <script type="text/javascript">
            Array.from(document.getElementsByClassName("nojs")).forEach(function(e){
                e.style['display'] = 'none';
            });
        </script>
        {% endblock %}
db954042   Goutte   Add the main temp... 
154
155
 
    </body>
</html>