layout.html.jinja2 3.55 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/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="page-container" class="container">

      <header class="mdl-layout__header">
        <div class="mdl-layout__header-row">
          <span class="mdl-layout-title">Space Weather Online</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="">Zelda</a>
            <a class="mdl-navigation__link" href="">Link</a>
            <a class="mdl-navigation__link" href="">Link</a>
            <a class="mdl-navigation__link" href="">Link</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 id="content">
{% block content %}
          <p>Please override the "content" block in the page template.</p>
{% endblock %}
        </div>

      </div>

      <footer class="mdl-mini-footer">
        <div class="mdl-mini-footer__left-section">
          <div class="mdl-logo">v{{ version }}</div>
{#          <img class="logo" src="{{ static('img/logo/logo_cnrs.png') }}" alt="CNRS" id="logo-cnrs" />#}
          <ul class="mdl-mini-footer__link-list">
            <li><a href="#">Help</a></li>
            <li><a href="#">Privacy & Terms</a></li>
          </ul>
        </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.min.js') }}"></script>
    <script type="application/javascript">
      jQuery().ready(function($){ $(".nojs").hide(); });
    </script>
{% block scripts_footer %}{% endblock %}

  </body>
</html>