feat: Updated the website favicon and PWA icon

Credit to @ErinPeril for the icon work!

Closes #71

index.html

@@ -10,8 +10,20 @@
   <meta name="author" content="Mike Bryant">
   <meta name="theme-color" content="#def2d9">
 
+  <!-- generics -->
+  <link rel="icon" href="img/favicon-32.png" sizes="32x32">
+  <link rel="icon" href="img/favicon-128.png" sizes="128x128">
+  <link rel="icon" href="img/favicon-192.png" sizes="192x192">
+  
+  <!-- Android -->
+  <link rel="shortcut icon" href="img/favicon-196.png" sizes="196x196">
+  
+  <!-- iOS -->
+  <link rel="apple-touch-icon" href="img/favicon-152.png" sizes="152x152">
+  <link rel="apple-touch-icon" href="img/favicon-167.png" sizes="167x167">
+  <link rel="apple-touch-icon" href="img/favicon-180.png" sizes="180x180">
+
   <link rel="manifest" href="/manifest.json">
-  <link rel="apple-touch-icon" href="/img/192.png">
   <link rel="stylesheet" href="css/styles.css">
 
   <!-- Global site tag (gtag.js) - Google Analytics -->

manifest.json

@@ -8,11 +8,11 @@
 	"theme_color": "#def2d9",
 	"icons": [
 		{
-			"src": "/img/192.png",
+			"src": "/img/favicon-192.png",
 			"sizes": "192x192"
 		},
 		{
-			"src": "/img/512.png",
+			"src": "/img/favicon-512.png",
 			"sizes": "512x512"
 		}
 	]