layout.html.jinja2 4.23 KB
<!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') }}">

    <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.meta.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>
              <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°&nbsp;654208.
              <br>
              If you like the pixel art planets, you can <a href="https://www.redbubble.com/people/spacefruitdox/portfolio" title="We're not affiliated with the author of these images in any way, but they're nice and this is a way of saying thanks.">buy goodies</a> of them.
          </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>
          &nbsp;&nbsp;&nbsp;
          <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>

    <script type="application/javascript" src="{{ static('js/vendor/jquery-3.2.1.min.js') }}"></script>
    <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>