Chrome WebApp now loads manifest

index.html

@@ -8,8 +8,10 @@
     <meta name="mobile-web-app-capable" content="yes">
     <meta name="apple-mobile-web-app-status-bar-style" content="black">
     <meta name="apple-mobile-web-app-title" content="Glowing Bear">
-    <meta name="theme-color" content="#2779d3">
+    <meta name="theme-color" content="#181818">
     <meta http-equiv="x-dns-prefetch-control" content="off">
+    <!-- https://w3c.github.io/manifest/ && https://developer.mozilla.org/en-US/docs/Web/Manifest -->
+    <link rel="manifest" href="webapp.manifest.json">
     <title ng-bind-template="{{ notificationStatus }}Glowing Bear {{ pageTitle}}"></title>
     <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/css/bootstrap.min.css" rel="stylesheet" media="screen" integrity="sha384-7tY7Dc2Q8WQTKGz2Fa0vC4dWQo07N4mJjKvHfIGnxuC4vPqFGFQppd9b3NWpf18/" crossorigin="anonymous">
     <link rel="shortcut icon" sizes="128x128" href="assets/img/glowing_bear_128x128.png">

webapp.manifest.json

@@ -0,0 +1,33 @@
+{
+    "lang": "en-US",
+    "name": "Glowing Bear",
+    "short_name": "Glowing Bear",
+    "icons": [{
+        "src": "assets/img/glowing_bear_60x60.png",
+        "sizes": "60x60",
+        "type": "image/webapp"
+    }, {
+    "src": "assets/img/glowing_bear_90x90.png",
+    "sizes": "90x90"
+    }, {
+    "src": "assets/img/glowing_bear_128x128.png",
+    "sizes": "128x128"
+    }],
+    "splash_screens": [{
+        "src": "assets/img/glowing_bear_128x128.png",
+        "sizes": "128x128"
+    }],
+    "scope": "/glowing-bear/",
+    "start_url": "/glowing-bear/index.html",
+    "display": "standalone",
+    "orientation": "portrait-primary",
+    "theme_color": "#181818",
+    "background_color": "#333",
+    "prefer_related_applications": "false",
+    "chrome_related_applications": [{
+        "platform": "web"
+    }, {
+    "platform": "android",
+    "location": "https://play.google.com/store/apps/details?id=com.glowing_bear"
+    }]
+}