[+]: added "Modernizr" + "Polyfills"

app/views/tpl_base.twig

@@ -28,14 +28,55 @@
 
   {# JavaScript #}
   {% block head_js %}
-    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
+
+    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
     <script>window.jQuery || document.write('<script src="vendor/bower/jquery/dist/jquery.min.js"><\/script>')</script>
 
-    <script src="/js-min/plugins.js"></script>
-    <script src="/js-min/app.js"></script>
+    <script>
+      // Avoid `console` errors in browsers that lack a console.
+      (function() {
+          var method;
+          var noop = function () {};
+          var methods = [
+              'assert', 'clear', 'count', 'debug', 'dir', 'dirxml', 'error',
+              'exception', 'group', 'groupCollapsed', 'groupEnd', 'info', 'log',
+              'markTimeline', 'profile', 'profileEnd', 'table', 'time', 'timeEnd',
+              'timeStamp', 'trace', 'warn'
+          ];
+          var length = methods.length;
+          var console = (window.console = window.console || {});
+
+          while (length--) {
+              method = methods[length];
+
+              // Only stub undefined methods.
+              if (!console[method]) {
+                  console[method] = noop;
+              }
+          }
+      }());
+    </script>
+
+    <script src="/vendor/modernizr.custom.js"></script>
 
-    <!-- only for example-images -->
-    <script src="/vendor/bower/bootstrap-sass/docs-assets/js/holder.js"></script>
+    <!--[if lt IE 9]>
+      <script src="/vendor/bower/nwmatcher/src/nwmatcher.js"></script>
+      <script src="/vendor/bower/selectivizr/selectivizr.js"></script>
+    <![endif]-->
+
+    <script>
+      Modernizr.load(
+        {
+          test : Modernizr.mq('only all'),
+          nope : '/vendor/bower/respond/dest/respond.min.js'
+        }
+        ,
+        {
+          test: Modernizr.cssremunit,
+          nope : '/vendor/bower/rem-unit-polyfill/js/rem.min.js'
+        }
+      );
+    </script>
 
     <!-- load web-fonts -->
     <script src="//ajax.googleapis.com/ajax/libs/webfont/1.4.7/webfont.js"></script>
@@ -51,10 +92,6 @@
 
   {% flush %}
 
-  {{ plugin['in_header'] | raw }}
-
-  {% flush %}
-
   <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
 {% endblock %}
 </head>
@@ -131,9 +168,14 @@
   <li><a href="./index.html" title="Scroll to top"><i class="glyphicon glyphicon-chevron-up"></i></a></li>
 </ul>
 
-{{ plugin['in_footer'] | raw }}
+{# JavaScript #}
+{% block footer_js %}
+  <script src="/js-min/plugins.js"></script>
+  <script src="/js-min/app.js"></script>
 
-{{ logger | raw }}
+  <!-- only for example-images -->
+  <script src="/vendor/bower/bootstrap-sass/docs-assets/js/holder.js"></script>
+{% endblock %}
 
 </body>
 </html>

web/.bowerrc

@@ -0,0 +1,3 @@
+{
+  "directory" : "vendor/bower/"
+}

web/Gruntfile.js

@@ -84,7 +84,8 @@ module.exports = function(grunt) {
           sourceMap: true
         },
         src: [
-          'vendor/bower/bootstrap-sass/dist/js/bootstrap.min.js'
+          'vendor/bower/bootstrap-sass/dist/js/bootstrap.min.js',
+          'vendor/modernizr.custom..js'
         ],
         dest: 'js/plugins.js'
       }

web/bower.json

@@ -6,6 +6,10 @@
     "normalize-scss": "3.*",
     "font-awesome": "4.0.*",
     "bootstrap-sass": "3.*",
-    "jquery": "2.*"
+    "jquery": "1.*",
+    "nwmatcher": "~1.3.3",
+    "selectivizr": "~1.0.2",
+    "respond": "~1.4.2",
+    "rem-unit-polyfill": "~1.3.2"
   }
 }