added manifest.json

alexjlockwood · Mar 4, 2017 · 0e3d45d · 0e3d45d
1 parent 775e10a
commit 0e3d45d
Show file tree

Hide file tree

Showing 3 changed files with 47 additions and 12 deletions.
diff --git a/.angular-cli.json b/.angular-cli.json
@@ -8,6 +8,7 @@
     "outDir": "dist",
     "assets": [
       "assets",
+      "manifest.json",
       "favicon.ico"
     ],
     "index": "index.html",

diff --git a/src/index.html b/src/index.html
@@ -1,7 +1,9 @@
 <!doctype html>
 <html>
+
 <head>
   <meta charset="utf-8">
+  <meta name="theme-color" content="#607d8b">
 
   <meta name="twitter:card" content="summary_large_image">
   <meta name="twitter:site" content="@alexjlockwood">
@@ -10,34 +12,51 @@
   <meta name="twitter:description" content="Shape Shifter is a web-app that simplifies the process of creating SVG-based path morphing animations.">
   <meta name="twitter:image" content="https://alexjlockwood.github.io/ShapeShifter/assets/screencap.jpg">
 
-  <meta property="og:description" content="Shape Shifter is a web-app that simplifies the process of creating SVG-based path morphing animations." />
+  <meta property="og:description" content="Shape Shifter is a web-app that simplifies the process of creating SVG-based path morphing animations."
+  />
   <meta property="og:locale" content="en_US" />
   <meta property="og:title" content="Shape Shifter" />
   <meta property="og:type" content="website" />
-  <meta property="og:url" content="https://alexjlockwood.github.io/ShapeShifter" />
+  <meta property="og:url" content="https://alexjlockwood.github.io/ShapeShifter"
+  />
   <meta property="og:site_name" content="Shape Shifter" />
-  <meta property="og:image" content="https://alexjlockwood.github.io/ShapeShifter/assets/screencap.jpg" />
+  <meta property="og:image" content="https://alexjlockwood.github.io/ShapeShifter/assets/screencap.jpg"
+  />
 
   <title>Shape Shifter</title>
-  <meta name="description" content="Shape Shifter is a web-app that simplifies the process of creating SVG-based path morphing animations." />
+  <meta name="description" content="Shape Shifter is a web-app that simplifies the process of creating SVG-based path morphing animations."
+  />
   <base href="/">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+  <link href="https://fonts.googleapis.com/icon?family=Material+Icons"
+    rel="stylesheet">
+  <link rel="manifest" href="manifest.json">
 
   <script>
-  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
+    (function (i, s, o, g, r, a, m) {
+      i['GoogleAnalyticsObject'] = r;
+      i[r] = i[r] || function () {
+        (i[r].q = i[r].q || []).push(arguments)
+      }, i[r].l = 1 * new Date();
+      a = s.createElement(o),
+        m = s.getElementsByTagName(o)[0];
+      a.async = 1;
+      a.src = g;
+      m.parentNode.insertBefore(a, m)
+    })(window, document, 'script',
+      'https://www.google-analytics.com/analytics.js', 'ga'
+    );
+
+    ga('create', 'UA-92075411-1', 'auto');
+    ga('send', 'pageview');
 
-  ga('create', 'UA-92075411-1', 'auto');
-  ga('send', 'pageview');
   </script>
 </head>
+
 <body>
   <app-root></app-root>
 </body>
-</html>
 
+</html>
diff --git a/src/manifest.json b/src/manifest.json
@@ -0,0 +1,15 @@
+{
+  "name": "Shape Shifter",
+  "short_name": "Shape Shifter",
+  "theme_color": "#607d8b",
+  "background_color": "#e0e0e0",
+  "display": "standalone",
+  "description": "Shape Shifter is a web-app that simplifies the process of creating SVG-based path morphing animations.",
+  "icons": [{
+    "src": "assets/shapeshifter.svg",
+    "sizes": "600x600",
+    "type": "image/svg"
+  }],
+  "scope": "./",
+  "start_url": "./"
+}