{% load i18n %}<!DOCYTPE HTML>
<html>
<head>
  <meta charset="utf-8">
  <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    
  <title>{% block head_subtitle %}{% endblock %}{% trans "balafon" %}</title>
  <link rel="shortcut icon" href="{{ STATIC_URL }}img/favicon.png">
  <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400' rel='stylesheet' type='text/css'>

  {% block jquery_declaration %}
  {{jhouston}}
  <link type="text/css" href="{{ STATIC_URL }}css/base/jquery-ui-1.9.2.css" rel="Stylesheet" />	
  <link type="text/css" href="{{ STATIC_URL }}css/colorbox.css" rel="Stylesheet" />	
  <script type="text/javascript" charset="utf-8" src="{{ STATIC_URL }}js/jquery-1.8.3.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ui-1.9.2.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/jquery-ajax-csrf.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.colorbox-min.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/jquery.form.js"></script>
  <script type="text/javascript" src="{{ STATIC_URL }}js/colorbox.coop.js"></script>
  <script type="text/javascript">
    $(function () {
      $("a.colorbox-form").colorboxify();
      $(document).on('click', ".note-icon.has-note", function() {
        var pos = $(this).position();
        $(this).find(".action-note").toggle().css({
          left: 0,
          top: $(this).height()
        });
        return false;
      });
    });
  </script>
{% endblock %}
  <script type="text/javascript" charset="utf-8" src="{{ STATIC_URL }}js/modernizr.js"></script>
  <link rel="stylesheet" href="{{ STATIC_URL }}css/balafon.css?v=1.1" type="text/css" />
  {% block extra_head %}{% endblock %}
</head>
<body>
  <noscript>
    <div class="noscript">{% trans "This application requires javascript to be enabled" %}</div>
  </noscript>
  {% block header_bar %}
  {% include "balafon/_navigation.html" %}
  {% endblock %}
  <div id="main">
  {% block main %}
    {% include "coop_cms/_messages.html" %}
    {% block navigation %}
    {% endblock %}
    {% block document %}
    <div id="document">
      <h2>{% block document_title %}{{document_title}}{% endblock %}</h2>
      {% block document_content %}{% endblock %}
    {% endblock %}
    </div>
    {% block footer %}
    <footer>
    </footer>
    {% endblock %}
  {% endblock %}
  </div>
</body>
</html>

