Only show GA code on prod mode

Salma Alam-Naylor · Salma Alam-Naylor · commit 716a355c87b1 · 2020-06-17T19:56:14.000+01:00
diff --git a/angular.json b/angular.json
@@ -16,7 +16,7 @@
           "builder": "@angular-devkit/build-angular:browser",
           "options": {
             "outputPath": "dist/fretonator-web/browser",
-            "index": "apps/fretonator-web/src/index.html",
+            "index": "apps/fretonator-web/src/index-dev.html",
             "main": "apps/fretonator-web/src/main.ts",
             "polyfills": "apps/fretonator-web/src/polyfills.ts",
             "tsConfig": "apps/fretonator-web/tsconfig.app.json",
@@ -44,6 +44,7 @@
                   "with": "apps/fretonator-web/src/environments/environment.prod.ts"
                 }
               ],
+              "index": "apps/fretonator-web/src/index.html",
               "optimization": true,
               "outputHashing": "all",
               "sourceMap": false,
@@ -204,4 +205,4 @@
     }
   },
   "defaultProject": "fretonator-web"
-}
+}
diff --git a/apps/fretonator-web/src/index-dev.html b/apps/fretonator-web/src/index-dev.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="utf-8"/>
+  <meta name="viewport" content="width=device-width, initial-scale=1"/>
+  <base href="/"/>
+  <title>Fretonator - the ultimate interactive free guitar theory tool</title>
+  <meta name="description" content="Choose a starting note, pick a mode, check out the fretboard and have a jam!">
+  <meta property="og:type" content="website">
+  <meta property="og:title" content="Fretonator - the ultimate free guitar theory tool"/>
+  <meta property="og:description"
+        content="Choose a starting note, pick a mode, check out the fretboard and have a jam!"/>
+  <meta property="og:url" content="https://www.fretonator.com"/>
+  <meta property="og:image" content="https://www.fretonator.com/assets/img/og_facebook.png"/>
+  <meta property="og:image:alt" content="Fretonator - the ultimate free guitar theory tool"/>
+  <meta property="og:image:width" content="1200"/>
+  <meta property="og:image:height" content="630"/>
+  <meta property="og:image:type" content="image/png"/>
+
+  <meta name="twitter:card" content="summary_large_image"/>
+  <meta name="twitter:image" content="https://www.fretonator.com/assets/img/og_twitter.png"/>
+  <meta name="twitter:image:alt" content="Fretonator - the ultimate free guitar theory tool"/>
+  <meta name="twitter:description"
+        content="Choose a starting note, pick a mode, check out the fretboard and have a jam!"/>
+
+  <link rel="icon" type="image/x-icon" href="favicon.ico"/>
+  <link rel="manifest" href="manifest.webmanifest">
+  <meta name="theme-color" content="#1a1a1a">
+  <meta name="msapplication-TileColor" content="#1a1a1a">
+
+  <link rel="apple-touch-icon" sizes="180x180" href="/assets/icons/icon-180x180.png">
+
+</head>
+<body>
+<app-root></app-root>
+<noscript>I know it sucks, but please enable JavaScript to continue using this application.</noscript>
+
+</body>
+</html>
