layout.html.jinja2
4.16 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>{% block title %}Welcome{% endblock %} ☉ {{ 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') }}">
<link href="https://fonts.googleapis.com/css?family=Baumans" rel="stylesheet">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="{{ static('css/font-awesome.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ static('css/material.min.css') }}">
<link rel="stylesheet" type="text/css" href="{{ static('css/main.css') }}">
{% block styles %}{% endblock %}
{% block scripts_header %}{% endblock %}
</head>
<body>
<div id="nojs-alert" class="nojs">Heliopropa requires javascript. </div>
<div id="page-container" class="mdl-layout mdl-layout--fixed-header container">
<header class="header mdl-layout__header">
<div class="mdl-layout__header-row">
<span class="mdl-layout-title">CDPP / Heliopropa</span>
{# <!-- 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">
<span id="header-description">{{ config.header.description }}</span>
<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>#}
</nav>
</div>
</header>
<div id="content" class="">
{% block content %}
<p>Please override the "content" block in the page template.</p>
{% endblock %}
</div>
<footer class="mdl-mini-footer">
<div class="mdl-mini-footer__left-section">
<p style="float: left; margin: 1.5em;">
<a class="mdl-mini-footer__link" href="https://gitlab.irap.omp.eu/CDPP/SPACEWEATHERONLINE">{{ version }}</a>
—
<a class="mdl-mini-footer__link" href="about.html">About</a>
<br />
{{ visits }} visits since 2017
</p>
</div>
<div class="mdl-mini-footer__left-section">
<p class="disclaimer">
The <a href="http://www.europlanet-2020-ri.eu/">Europlanet 2020 Research Infrastructure</a> project has received funding
from the <a href="https://ec.europa.eu/programmes/horizon2020/">European Union's Horizon 2020</a> research and innovation programme
under grant agreement N° 654208.
</p>
</div>
<div class="mdl-mini-footer__right-section">
<a href="http://www.cdpp.eu">
<img class="logo" src="{{ static('img/logo/logo_cdpp.png') }}" alt="CDPP" id="logo_cdpp" />
</a>
<a href="http://planetaryspaceweather-europlanet.irap.omp.eu/">
<img class="logo" src="{{ static('img/logo/logo_europlanet.png') }}" alt="Europlanet" id="logo_europlanet" />
</a>
</div>
</footer>
</div>
{# Please use enderjs instead of jquery #}
<script type="application/javascript" src="{{ static('js/vendor/jquery-3.2.1.min.js') }}"></script>
{# Material's js behaves very poorly, performance-wise. #}
{# <script type="application/javascript" src="{{ static('js/vendor/material-custom.js') }}"></script>#}
<script type="application/javascript">
jQuery().ready(function($){ $(".nojs").hide(); });
</script>
{% block scripts_footer %}{% endblock %}
</body>
</html>