Add favicon and replace logo

favicon/browserconfig.xml

@@ -0,0 +1,2 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig><msapplication><tile><square70x70logo src="/ms-icon-70x70.png"/><square150x150logo src="/ms-icon-150x150.png"/><square310x310logo src="/ms-icon-310x310.png"/><TileColor>#ffffff</TileColor></tile></msapplication></browserconfig>

favicon/manifest.json

@@ -0,0 +1,41 @@
+{
+ "name": "App",
+ "icons": [
+  {
+   "src": "\/android-icon-36x36.png",
+   "sizes": "36x36",
+   "type": "image\/png",
+   "density": "0.75"
+  },
+  {
+   "src": "\/android-icon-48x48.png",
+   "sizes": "48x48",
+   "type": "image\/png",
+   "density": "1.0"
+  },
+  {
+   "src": "\/android-icon-72x72.png",
+   "sizes": "72x72",
+   "type": "image\/png",
+   "density": "1.5"
+  },
+  {
+   "src": "\/android-icon-96x96.png",
+   "sizes": "96x96",
+   "type": "image\/png",
+   "density": "2.0"
+  },
+  {
+   "src": "\/android-icon-144x144.png",
+   "sizes": "144x144",
+   "type": "image\/png",
+   "density": "3.0"
+  },
+  {
+   "src": "\/android-icon-192x192.png",
+   "sizes": "192x192",
+   "type": "image\/png",
+   "density": "4.0"
+  }
+ ]
+}

index.html

@@ -5,12 +5,28 @@
 	<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
 	<meta content="width=device-width, initial-scale=1" name="viewport">
 
-	<link rel="shortcut icon" href="img/favicon.ico">
+	<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-icon-57x57.png">
+	<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-icon-60x60.png">
+	<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-icon-72x72.png">
+	<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-icon-76x76.png">
+	<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-icon-114x114.png">
+	<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-icon-120x120.png">
+	<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-icon-144x144.png">
+	<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-icon-152x152.png">
+	<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-icon-180x180.png">
+	<link rel="icon" type="image/png" sizes="192x192"  href="favicon/android-icon-192x192.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="favicon/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="96x96" href="favicon/favicon-96x96.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="favicon/favicon-16x16.png">
+	<link rel="manifest" href="/manifest.json">
+	<meta name="msapplication-TileColor" content="#ffffff">
+	<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
+	<meta name="theme-color" content="#ffffff">
 
 	<title>JJay Berthume</title>
 
-	<meta content="" name="description">
-	<meta content="" name="keywords">
+	<meta content="Creating aesthetically and emotionally compelling music for video games, deeply integrated into the player experience." name="description">
+	<meta content="music, video games, composer, soundtrack, indie, classical, " name="keywords">
 
 	<link href="styles/normalize.css" rel="stylesheet">
 	<link href="styles/index.css" rel="stylesheet">
@@ -23,7 +39,7 @@
 		<span>• •</span>
 	</div>
 	<header>
-		<h3><a href="/"><img class="logo" src="images/berthume_logo.png"><span class="logo-text">Berthume</span></a></h3>
+		<h3><a href="/"><img class="logo" src="images/berthume_logo_full.png"></a></h3>
 		<nav>
 			<a href="#portfolio">portfolio</a>
 			<a href="#contact">contact</a>
@@ -54,7 +70,7 @@
 		<article id="contact">
 			<h1>Contact</h1>
 			<section>
-				<p>Contact me at <a href="email:contact@jjayberthume.com">contact@jjayberthume.com</a> for a free 30-second musical demo custom-composed to your specifications.</p>
+				<p>Contact me at <a href="email:contact@jjayberthumemusic.com">contact@jjayberthumemusic.com</a> for a free 30-second musical demo custom-composed to your specifications.</p>
 				<p><img src="images/berthume_banner.jpg"></p>
 			</section>
 		</article>