Add shim for IE8 support

bnosek · Nov 20, 2014 · 4fee575 · 4fee575
1 parent 2b735a1
commit 4fee575
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/website/templates/base.mako b/website/templates/base.mako
@@ -7,6 +7,7 @@
     <title>OSF | ${self.title()}</title>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <meta name="description" content="${self.description()}">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
     % if sentry_dsn_js:
     <script src="/static/vendor/bower_components/raven-js/dist/raven.min.js"></script>
@@ -173,9 +174,11 @@
 
 <%def name="includes_top()">
 
-    <!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
+    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
+    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
     <!--[if lt IE 9]>
-      <script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script>
+      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
+      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
     <![endif]-->
 
     <!-- Le styles -->