Add favicon

favicon/browserconfig.xml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square70x70logo src="/favicon/mstile-70x70.png"/>
+      <square150x150logo src="/favicon/mstile-150x150.png"/>
+      <square310x310logo src="/favicon/mstile-310x310.png"/>
+      <wide310x150logo src="/favicon/mstile-310x150.png"/>
+      <TileColor>#da532c</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

favicon/manifest.json

@@ -0,0 +1,41 @@
+{
+	"name": "wmhilton",
+	"icons": [
+		{
+			"src": "\/favicon\/android-chrome-36x36.png",
+			"sizes": "36x36",
+			"type": "image\/png",
+			"density": 0.75
+		},
+		{
+			"src": "\/favicon\/android-chrome-48x48.png",
+			"sizes": "48x48",
+			"type": "image\/png",
+			"density": 1
+		},
+		{
+			"src": "\/favicon\/android-chrome-72x72.png",
+			"sizes": "72x72",
+			"type": "image\/png",
+			"density": 1.5
+		},
+		{
+			"src": "\/favicon\/android-chrome-96x96.png",
+			"sizes": "96x96",
+			"type": "image\/png",
+			"density": 2
+		},
+		{
+			"src": "\/favicon\/android-chrome-144x144.png",
+			"sizes": "144x144",
+			"type": "image\/png",
+			"density": 3
+		},
+		{
+			"src": "\/favicon\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png",
+			"density": 4
+		}
+	]
+}

favicon/safari-pinned-tab.svg

@@ -0,0 +1,44 @@
+<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M3367 6994 c-1 -1 -56 -5 -122 -9 -66 -3 -121 -8 -123 -10 -2 -2 -5
+-1411 -5 -3132 -1 -2079 -5 -3127 -12 -3126 -5 0 -28 4 -50 7 -22 3 -51 8 -65
+11 -14 2 -36 6 -50 9 -137 23 -541 154 -574 186 -5 5 -9 640 -10 1477 l-1
+1468 -375 2 c-206 1 -377 -2 -380 -7 -3 -4 -5 -556 -4 -1226 l0 -1217 -110
+114 c-141 144 -225 249 -337 419 -160 241 -290 533 -365 817 -39 149 -40 151
+-55 243 -29 177 -34 251 -34 480 0 187 5 292 20 390 12 77 37 215 40 220 2 4
+7 20 10 37 10 61 75 270 114 369 255 652 741 1183 1371 1499 l107 54 0 365 c0
+232 -4 366 -10 366 -5 0 -62 -21 -126 -46 -240 -95 -495 -230 -701 -372 -86
+-60 -208 -151 -236 -177 -6 -5 -38 -32 -70 -59 -86 -73 -267 -253 -355 -354
+-244 -281 -434 -585 -584 -937 -43 -102 -137 -367 -149 -425 -3 -14 -13 -52
+-21 -85 -9 -33 -18 -71 -21 -85 -37 -192 -37 -192 -49 -280 -24 -180 -29 -263
+-29 -475 0 -242 11 -405 40 -570 3 -16 7 -39 8 -50 2 -11 8 -45 15 -75 6 -30
+13 -64 15 -75 17 -82 94 -350 115 -400 5 -11 28 -69 51 -130 44 -116 151 -336
+221 -458 77 -132 224 -348 289 -425 7 -7 35 -41 63 -75 184 -224 478 -488 727
+-652 25 -17 47 -32 50 -35 3 -3 16 -11 30 -18 14 -7 54 -31 90 -54 65 -41 291
+-157 385 -198 84 -36 88 -37 150 -60 33 -12 76 -28 95 -35 163 -63 457 -132
+691 -164 188 -25 569 -35 734 -18 39 3 78 7 88 7 16 0 17 80 17 1549 l0 1549
+1200 0 c900 0 1200 -3 1200 -11 -1 -13 -36 -210 -43 -242 -3 -11 -8 -33 -12
+-50 -54 -236 -195 -569 -336 -792 -59 -94 -167 -249 -192 -275 -7 -7 -30 -36
+-52 -63 -62 -78 -281 -293 -375 -368 -167 -134 -394 -277 -553 -351 l-77 -35
+0 -371 0 -370 53 21 c28 12 77 30 107 41 153 57 452 213 615 321 82 55 265
+187 291 212 6 5 40 35 75 64 82 70 297 285 374 375 91 106 210 267 298 405 86
+133 239 428 281 539 14 37 31 81 37 97 7 17 13 32 14 35 1 3 5 14 9 25 69 181
+150 523 171 719 4 31 8 67 11 79 9 45 18 257 18 402 -1 193 -17 399 -39 499
+-3 12 -7 39 -9 61 -15 132 -103 458 -176 650 -51 133 -138 325 -189 414 -23
+40 -41 75 -41 78 0 11 -178 282 -238 361 -179 239 -454 521 -645 661 -34 25
+-68 51 -75 58 -19 19 -286 194 -357 234 -134 78 -537 259 -575 259 -7 0 -9
+-111 -8 -366 l3 -366 122 -63 c129 -66 157 -82 268 -154 63 -40 222 -156 235
+-170 3 -4 34 -31 70 -61 325 -275 611 -678 773 -1090 73 -185 115 -339 160
+-577 l13 -73 -60 0 c-79 -1 -2271 -1 -2313 0 l-33 0 0 1544 c0 850 -3 1547 -8
+1550 -17 10 -493 30 -505 20z"/>
+</g>
+</svg>

index.html

@@ -3,6 +3,31 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="X-UA-Compatible" content="chrome=1">
+
+    <!-- favicon -->
+    <link rel="apple-touch-icon" sizes="57x57" href="/favicon/apple-touch-icon-57x57.png">
+    <link rel="apple-touch-icon" sizes="60x60" href="/favicon/apple-touch-icon-60x60.png">
+    <link rel="apple-touch-icon" sizes="72x72" href="/favicon/apple-touch-icon-72x72.png">
+    <link rel="apple-touch-icon" sizes="76x76" href="/favicon/apple-touch-icon-76x76.png">
+    <link rel="apple-touch-icon" sizes="114x114" href="/favicon/apple-touch-icon-114x114.png">
+    <link rel="apple-touch-icon" sizes="120x120" href="/favicon/apple-touch-icon-120x120.png">
+    <link rel="apple-touch-icon" sizes="144x144" href="/favicon/apple-touch-icon-144x144.png">
+    <link rel="apple-touch-icon" sizes="152x152" href="/favicon/apple-touch-icon-152x152.png">
+    <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon-180x180.png">
+    <link rel="icon" type="image/png" href="/favicon/favicon-32x32.png" sizes="32x32">
+    <link rel="icon" type="image/png" href="/favicon/favicon-194x194.png" sizes="194x194">
+    <link rel="icon" type="image/png" href="/favicon/favicon-96x96.png" sizes="96x96">
+    <link rel="icon" type="image/png" href="/favicon/android-chrome-192x192.png" sizes="192x192">
+    <link rel="icon" type="image/png" href="/favicon/favicon-16x16.png" sizes="16x16">
+    <link rel="manifest" href="/favicon/manifest.json">
+    <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#d9a441">
+    <link rel="shortcut icon" href="/favicon/favicon.ico">
+    <meta name="msapplication-TileColor" content="#da532c">
+    <meta name="msapplication-TileImage" content="/favicon/mstile-144x144.png">
+    <meta name="msapplication-config" content="/favicon/browserconfig.xml">
+    <meta name="theme-color" content="#ffffff">
+    <!-- http://realfavicongenerator.net/favicon_result?file_id=p1ae170tdt1n1pi9jkjk1qsepnn6#.VuoaGPkrK70 -->
+    
     <title>wmhilton by wmhilton</title>
 
     <link rel="stylesheet" href="stylesheets/styles.css">
@@ -35,6 +60,6 @@
       </footer>
     </div>
     <script src="javascripts/scale.fix.js"></script>
-    
+
   </body>
-</html>
+</html>