Untitled

<!DOCTYPE html>
<html>
<head>
  <!-- meta -->
  <meta charset="UTF-8">
  <title>{% block title %}{% endblock %}</title>
  {% block head %}{% endblock %}

  <!-- jQuery is first -->
  <script src="/static/js/jquery-1.7.2.min.js" type="text/javascript"></script>

  <!-- styles -->
  {% block css %}{% endblock %}
  <style type="text/less">{% block styles %}{% endblock %}</style>

  <!-- scripts -->
  {% block js %}{% endblock %}
  <script type="text/javascript">
    $(document).ready(function (){
      {% block onload %}{% endblock %}
    });
  </script>

  <!-- less is last -->
  <script src="/static/js/less-1.3.0.min.js" type="text/javascript"></script>
</head>

<body>
  {% block body %}{% endblock %}
</body>

</html>