feat(index): use html5-boilerplate HTML, modernizr and styles

petebacondarwin · petebacondarwin · commit b76b5f5a2eeb · 2014-05-03T16:41:24.000+01:00
Closes #1
diff --git a/app/index.html b/app/index.html
@@ -1,16 +1,29 @@
-<!doctype html>
-<html lang="en" ng-app="myApp">
+<!DOCTYPE html>
+<!--[if lt IE 7]>      <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
+<!--[if IE 7]>         <html lang="en" ng-app="myApp" class="no-js lt-ie9 lt-ie8"> <![endif]-->
+<!--[if IE 8]>         <html lang="en" ng-app="myApp" class="no-js lt-ie9"> <![endif]-->
+<!--[if gt IE 8]><!--> <html lang="en" ng-app="myApp" class="no-js"> <!--<![endif]-->
 <head>
   <meta charset="utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <title>My AngularJS App</title>
+  <meta name="description" content="">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <link rel="stylesheet" href="../bower_components/html5-boilerplate/css/normalize.css">
+  <link rel="stylesheet" href="../bower_components/html5-boilerplate/css/main.css">
   <link rel="stylesheet" href="css/app.css"/>
+  <script src="../bower_components/html5-boilerplate/js/vendor/modernizr-2.6.2.min.js"></script>
 </head>
 <body>
   <ul class="menu">
     <li><a href="#/view1">view1</a></li>
     <li><a href="#/view2">view2</a></li>
   </ul>
 
+  <!--[if lt IE 7]>
+      <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
+  <![endif]-->
+
   <div ng-view></div>
 
   <div>Angular seed app: v<span app-version></span></div>
diff --git a/bower.json b/bower.json
@@ -9,6 +9,7 @@
     "angular": "1.2.x",
     "angular-route": "1.2.x",
     "angular-loader": "1.2.x",
-    "angular-mocks": "~1.2.15"
+    "angular-mocks": "~1.2.15",
+    "html5-boilerplate": "~4.3.0"
   }
 }

Original file line number	Diff line number	Diff line change
`@@ -9,6 +9,7 @@`
`9`	`9`	`"angular": "1.2.x",`
`10`	`10`	`"angular-route": "1.2.x",`
`11`	`11`	`"angular-loader": "1.2.x",`
`12`		`- "angular-mocks": "~1.2.15"`
	`12`	`+ "angular-mocks": "~1.2.15",`
	`13`	`+ "html5-boilerplate": "~4.3.0"`
`13`	`14`	`}`
`14`	`15`	`}`