Move js to bottom of base template

templates/base.html

@@ -13,11 +13,8 @@
       <link rel="stylesheet" href="{% static 'components-font-awesome/css/font-awesome.css' %}">
       <link rel="stylesheet" href="{% static 'foundation-icon-fonts/font-awesome.css' %}">
 
+      {# modernizr must be in head (see http://modernizr.com/docs/#installing) #}
       <script type="text/javascript" src="{% static 'foundation/js/vendor/modernizr.js' %}"></script>
-    <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
-    <script type="text/javascript" src="{% static 'foundation/js/vendor/fastclick.js' %}"></script>
-    <script type="text/javascript" src="{% static 'foundation/js/foundation.min.js' %}"></script>
-    <script type="text/javascript" src="{% static 'foundation-datepicker/js/foundation-datepicker.min.js' %}"></script>
     {% endblock %}
 </head>
 
@@ -59,11 +56,14 @@
       ... footer...
     </footer>
 
-    {% block foot_js %}{% endblock %}
+    {% block foot_js %}
-
+      <script type="text/javascript" src="{% static 'foundation/js/vendor/jquery.js' %}"></script>
-    {# Init Foundation #}
+      <script type="text/javascript" src="{% static 'foundation/js/vendor/fastclick.js' %}"></script>
-    {% block foundation_js_init %}
+      <script type="text/javascript" src="{% static 'foundation/js/foundation.min.js' %}"></script>
-    <script> $(document).foundation(); </script>
+      <script type="text/javascript" src="{% static 'foundation-datepicker/js/foundation-datepicker.min.js' %}"></script>
-    {% endblock foundation_js_init %}
+      <script>
+        $(document).foundation();
+      </script>
+    {% endblock %}
 </body>
 </html>