Add manifest file and favicons

Client/.angular-cli.json

@@ -10,7 +10,8 @@
       "assets": [
         "assets",
         "favicon.ico",
-        "service-worker.js"
+        "service-worker.js",
+        "web-app-files"
       ],
       "index": "index.html",
       "main": "main.ts",

Client/src/index.html

@@ -4,9 +4,21 @@
   <base href="/">
   <meta charset="utf-8">
   <title>Old Fashion Baptist Church</title>
+  <!-- Favicons -->
+  <meta name="apple-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="OFB Butte">
+  <link rel="apple-touch-icon" sizes="76x76" href="/web-app-files/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/web-app-files/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/web-app-files/favicon-16x16.png">
+  <link rel="manifest" href="/web-app-files/manifest.json">
+  <link rel="mask-icon" href="/web-app-files/safari-pinned-tab.svg" color="#0076f4">
+  <link rel="shortcut icon" href="/web-app-files/favicon.ico">
+  <meta name="msapplication-config" content="/web-app-files/browserconfig.xml">
+  <meta name="theme-color" content="#0076f4">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
+
   <style>
     .loader-background{
       background-color: rgb(0, 188, 212);

Client/src/web-app-files/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/web-app-files/images/mstile-150x150.png"/>
+            <TileColor>#0076f4</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

Client/src/web-app-files/manifest.json

@@ -0,0 +1,14 @@
+{
+    "name": "Old Fashion Baptist Church",
+    "short_name": "OFB Butte",
+    "icons": [
+        {
+            "src": "/web-app-files/images/android-chrome-96x96.png",
+            "sizes": "96x96",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#0076f4",
+    "background_color": "#0076f4",
+    "display": "standalone"
+}

Client/src/web-app-files/safari-pinned-tab.svg

@@ -0,0 +1,22 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="103.000000pt" height="103.000000pt" viewBox="0 0 103.000000 103.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,103.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M488 819 l-3 -53 -49 -2 c-62 -3 -77 -10 -70 -29 5 -11 21 -15 65
+-15 l59 0 0 -145 c0 -165 15 -144 -114 -163 -74 -11 -198 -66 -230 -101 -16
+-18 -13 -17 41 4 33 14 86 32 119 41 79 22 264 30 350 15 74 -13 198 -54 220
+-72 23 -19 15 2 -8 23 -55 47 -190 95 -286 100 -52 4 -51 0 -50 171 l1 127 63
+0 c60 0 64 1 64 23 0 21 -4 22 -62 22 l-63 0 0 50 c-1 43 -4 50 -22 53 -20 3
+-22 -2 -25 -49z"/>
+<path d="M342 335 c-109 -24 -206 -66 -279 -122 -47 -35 -40 -46 10 -17 70 39
+205 84 297 98 192 31 426 -9 587 -101 57 -32 46 -7 -15 34 -60 41 -144 79
+-219 100 -79 21 -298 26 -381 8z"/>
+</g>
+</svg>