templates/base.html

<!DOCTYPE html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Poppy Manager - {{ robot.creature }}</title>

    {% include 'favicon.html' %}

    <link rel="stylesheet" href="{{ url_for('static', filename='css/foundation.min.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/github.css') }}">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
  </head>
  <body>

    <nav class="top-bar" role="navigation">
      <div class="top-bar-title">
        <a href="{{ url_for('index') }}">
          <img width="100" height="38" data-interchange="[{{ url_for('static', filename='img/logo-large.png') }}, retina]" src="{{ url_for('static', filename='img/logo.png') }}" alt="Poppy">
        </a>
      </div>
      <div class="top-bar-right">
        <ul class="menu">
          <li><a href="http://docs.poppy-project.org/en/" target="_blank">Docs</a></li>
          <li><span class="version">v{{ info.version }}</span></li>
        </ul>
      </div>
    </nav>

    {% with messages = get_flashed_messages(with_categories=true) %}{% if messages %}
      {%- for category, message in messages %}
    <div class="row">
      <div class="flash-message callout {{ category }} large-centered large-8 columns" data-closable>
        <h5>{{ message }}</h5>
        <button class="close-button" aria-label="Dismiss alert" type="button" data-close>
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
    </div>
      {%- endfor %}
    {% endif %}{% endwith %}

    {% block content %}{% endblock content %}

    {% block foundation_scripts %}
    <script src="{{ url_for('static', filename='js/vendor/jquery.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/vendor/what-input.min.js') }}"></script>
    <script src="{{ url_for('static', filename='js/vendor/highlight.pack.js') }}"></script>
    <script src="{{ url_for('static', filename='js/foundation.min.js') }}"></script>
    <script>
      $(document).foundation();
      hljs.initHighlightingOnLoad();
    </script>
    {% endblock foundation_scripts %}

    {% block endscript %}{% endblock %}

  </body>
</html>