Mobile friendly - icon upgrades and theme-colour (#411)

Mobile friendly icon upgrades and theme-colour

browserconfig.xml

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

manifest.json

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

templates/base.jade

@@ -20,6 +20,27 @@ html(lang='en')
             meta(name='keywords', content=misc_config['meta_keywords'])
         meta#viewport(name='viewport', content='initial-scale=1')
 
+        // Favicons
+        link(rel='apple-touch-icon', sizes='57x57', href='/apple-touch-icon-57x57.png')
+        link(rel='apple-touch-icon', sizes='60x60', href='/apple-touch-icon-60x60.png')
+        link(rel='apple-touch-icon', sizes='72x72', href='/apple-touch-icon-72x72.png')
+        link(rel='apple-touch-icon', sizes='76x76', href='/apple-touch-icon-76x76.png')
+        link(rel='apple-touch-icon', sizes='114x114', href='/apple-touch-icon-114x114.png')
+        link(rel='apple-touch-icon', sizes='120x120', href='/apple-touch-icon-120x120.png')
+        link(rel='apple-touch-icon', sizes='144x144', href='/apple-touch-icon-144x144.png')
+        link(rel='apple-touch-icon', sizes='152x152', href='/apple-touch-icon-152x152.png')
+        link(rel='apple-touch-icon', sizes='180x180', href='/apple-touch-icon-180x180.png')
+        link(rel='icon', type='image/png', href='/favicon-32x32.png', sizes='32x32')
+        link(rel='icon', type='image/png', href='/android-chrome-192x192.png', sizes='192x192')
+        link(rel='icon', type='image/png', href='/favicon-96x96.png', sizes='96x96')
+        link(rel='icon', type='image/png', href='/favicon-16x16.png', sizes='16x16')
+        link(rel='manifest', href='/manifest.json')
+        meta(name='msapplication-TileColor', content='#FFBB33')
+        meta(name='msapplication-TileImage', content='/mstile-144x144.png')
+
+        // Chrome 39 for Android colour
+        meta(name='theme-color', content='#FFBB33')
+
         if og_image
             meta(property='og:image', content=og_image)
         else