Blame view

web/view/layout.html.jinja2 4.38 KB
9390ec89   Goutte   Initial experimen...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!DOCTYPE HTML>
<html>
  <head>
    <meta charset="utf-8">

    <title>{% block title %}Welcome{% endblock %} &mdash; {{ config.meta.title }}</title>

    <meta name="description" content="{{ config.meta.description }}">
    <meta name="keywords"    content="{{ config.meta.keywords | join(', ') }}">
{% for author in config.authors | shuffle %}
    <meta name="author"      content="{{ author.name }} <{{ author.mail }}>">
{% endfor %}

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="shortcut icon" href="{{ static('img/favicon.ico') }}">

c42fea3a   Goutte   Rework the CSS wi...
18
    <link href="https://fonts.googleapis.com/css?family=Baumans" rel="stylesheet">
80352490   Goutte   Multi model suppo...
19
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
23110c4a   Goutte   Add icons to the ...
20
    <link rel="stylesheet" type="text/css" href="{{ static('css/font-awesome.min.css') }}">
84cb553d   Goutte   Move to material ...
21
    <link rel="stylesheet" type="text/css" href="{{ static('css/material.min.css') }}">
9390ec89   Goutte   Initial experimen...
22
23
24
25
26
27
28
29
30
31
32
    <link rel="stylesheet" type="text/css" href="{{ static('css/main.css') }}">
{% block styles %}{% endblock %}

{#    <script type="text/javascript">#}
{#      // Good javascript is no javascript -- hurray! \o/#}
{#    </script>#}
{% block scripts_header %}{% endblock %}
  </head>

  <body>

05e269d1   Goutte   Show an error mes...
33
34
    <div id="nojs-alert" class="nojs">Heliopropa requires javascript. </div>

80352490   Goutte   Multi model suppo...
35
    <div id="page-container" class="mdl-layout mdl-layout--fixed-header container">
9390ec89   Goutte   Initial experimen...
36

8fa9e8e8   Goutte   Hide a CDPP logo ...
37
      <header class="header mdl-layout__header">
f6ed8d85   Goutte   Rework layout as ...
38
        <div class="mdl-layout__header-row">
a21f81d9   Goutte   Enable Venus and ...
39
          <span class="mdl-layout-title">CDPP / Heliopropa</span>
f6ed8d85   Goutte   Rework layout as ...
40
41
42
43
          <!-- Add spacer, to align navigation to the right -->
          <div class="mdl-layout-spacer"></div>
          <!-- Navigation. We hide it in small screens. -->
          <nav class="mdl-navigation mdl-layout--large-screen-only">
23110c4a   Goutte   Add icons to the ...
44
            <a class="mdl-navigation__link" href="https://gitlab.irap.omp.eu/CDPP/SPACEWEATHERONLINE">v{{ version }}</a>
ea6c8d5d   Goutte   Add interval cons...
45
46
47
            <a class="mdl-navigation__link" href="https://onlinelibrary.wiley.com/doi/10.1029/2004JA010959/abstract">Tao's Model</a>
            <a class="mdl-navigation__link" href="http://planetaryspaceweather-europlanet.irap.omp.eu">Planetary Space Weather Services</a>
{#            <a class="mdl-navigation__link" href="https://ec.europa.eu/programmes/horizon2020/">Horizon 2020</a>#}
f6ed8d85   Goutte   Rework layout as ...
48
          </nav>
9390ec89   Goutte   Initial experimen...
49
50
51
        </div>
      </header>

05e269d1   Goutte   Show an error mes...
52
{#      <div class="">#}
c42fea3a   Goutte   Rework the CSS wi...
53
54
55
56
57
58
59
60
61
62
{#        <nav id="menu" role="navigation">#}
{#          <ul>#}
{#            <li class="home{% if menu_section == 'home' %} active{% endif %}">#}
{#              <a href="index.html"></a>#}
{#            </li>#}
{#            <li{% if menu_section == 'authors' %} class="active"{% endif %}>#}
{#              <a href="authors.html">Authors</a>#}
{#            </li>#}
{#          </ul>#}
{#        </nav>#}
05e269d1   Goutte   Show an error mes...
63
{#      </div>#}
8856695e   Goutte   Fix layout.
64

80352490   Goutte   Multi model suppo...
65
      <div id="content" class="">
9390ec89   Goutte   Initial experimen...
66
{% block content %}
8856695e   Goutte   Fix layout.
67
        <p>Please override the "content" block in the page template.</p>
9390ec89   Goutte   Initial experimen...
68
{% endblock %}
9390ec89   Goutte   Initial experimen...
69
70
      </div>

f6ed8d85   Goutte   Rework layout as ...
71
72
      <footer class="mdl-mini-footer">
        <div class="mdl-mini-footer__left-section">
1324cc91   Goutte   Make the footer i...
73
74
75
          <p style="float: left; margin: 1.5em;">
              {{ visits }} visits since 2017
          </p>
a79c5268   Goutte   Add probes and co...
76
77
78
79
80
          <p class="disclaimer">
              The <a href="http://www.europlanet-2020-ri.eu/">Europlanet 2020 Research Infrastructure</a> project has received funding
              <br>
              from the <a href="https://ec.europa.eu/programmes/horizon2020/">European Union's Horizon 2020</a> research and innovation programme
              under grant agreement N°&nbsp;654208.
23110c4a   Goutte   Add icons to the ...
81
              <br>
a79c5268   Goutte   Add probes and co...
82
          </p>
a79c5268   Goutte   Add probes and co...
83
84
        </div>
        <div class="mdl-mini-footer__right-section">
1324cc91   Goutte   Make the footer i...
85
86
87
          <a href="http://cdpp.irap.omp.eu">
            <img class="logo" src="{{ static('img/logo/logo_cdpp.png') }}" alt="CDPP" id="logo_cdpp" />
          </a>
a79c5268   Goutte   Add probes and co...
88
          &nbsp;&nbsp;&nbsp;
1324cc91   Goutte   Make the footer i...
89
90
91
          <a href="http://planetaryspaceweather-europlanet.irap.omp.eu/">
            <img class="logo" src="{{ static('img/logo/logo_europlanet.png') }}" alt="Europlanet" id="logo_europlanet" />
          </a>
f6ed8d85   Goutte   Rework layout as ...
92
        </div>
9390ec89   Goutte   Initial experimen...
93
      </footer>
f6ed8d85   Goutte   Rework layout as ...
94

9390ec89   Goutte   Initial experimen...
95
96
    </div>

908b4423   Goutte   Bump to a newer j...
97
    <script type="application/javascript" src="{{ static('js/vendor/jquery-3.2.1.min.js') }}"></script>
80352490   Goutte   Multi model suppo...
98
    <script type="application/javascript" src="{{ static('js/vendor/material-custom.js') }}"></script>
9390ec89   Goutte   Initial experimen...
99
100
101
102
103
104
105
    <script type="application/javascript">
      jQuery().ready(function($){ $(".nojs").hide(); });
    </script>
{% block scripts_footer %}{% endblock %}

  </body>
</html>