layout.html.jinja2 4.27 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 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 %}

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

  <body>

    <div id="nojs-alert" class="nojs">Heliopropa requires javascript. </div>

    <div id="page-container" class="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">
            <a class="mdl-navigation__link" href="https://gitlab.irap.omp.eu/CDPP/SPACEWEATHERONLINE">v{{ version }}</a>
            <a class="mdl-navigation__link" href="#">Model</a>
            <a class="mdl-navigation__link" href="https://ec.europa.eu/programmes/horizon2020/">Horizon 2020</a>
          </nav>
        </div>
      </header>

{#      <div class="">#}
{#        <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>#}
{#      </div>#}

      <div id="content">
{% 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 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.
              <br>
              {{ visits }} visits since 2017
          </p>
        </div>
        <div class="mdl-mini-footer__right-section">
          <img class="logo" src="{{ static('img/logo/logo_cdpp.png') }}" alt="CDPP" id="logo_cdpp" />
          &nbsp;&nbsp;&nbsp;
          <img class="logo" src="{{ static('img/logo/logo_europlanet.png') }}" alt="Europlanet" id="logo_europlanet" />
        </div>
      </footer>

    </div>

{#    <script type="application/javascript">#}
{#      // fixme: GOOGLE ANALYTICS ?#}
{#      /*#}
{#      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){#}
{#      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),#}
{#      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)#}
{#      })(window,document,'script','//www.google-analytics.com/analytics.js','ga');#}
{#      ga('create', 'UA-56037907-1', 'auto');#}
{#      ga('send', 'pageview');#}
{#      */#}
{#    </script>#}

    <script type="application/javascript" src="{{ static('js/vendor/jquery-3.2.1.min.js') }}"></script>
    <script type="application/javascript">
      jQuery().ready(function($){ $(".nojs").hide(); });
    </script>
{% block scripts_footer %}{% endblock %}

  </body>
</html>