Add touch icons for Chrome, iOS and Windows 10

app/views/layouts/application.html.haml

@@ -5,6 +5,11 @@
     %meta{:name => 'viewport', :content => 'width=device-width, initial-scale=1'}/
     %meta{'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge'}/
 
+    %link{:rel => "apple-touch-icon", :sizes => "180x180" :href => "/assets/apple-touch-icon.png"}/
+    %link{:rel => "manifest", href => "/assets/manifest.json"}/
+    %meta{:name => "msapplication-config", content => "/assets/browserconfig.xml"}/
+    %meta{:name => "theme-color", content => "#ffffff"}/
+
     %title
       = "#{yield(:page_title)} - " if content_for?(:page_title)
       Mastodon

public/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/assets/mstile-150x150.png"/>
+      <TileColor>#2b5797</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>

public/manifest.json

@@ -0,0 +1,14 @@
+{
+	"name": "Mastodon",
+	"description": "Mastodon is a free, open-source social network server.",
+	"icons": [
+		{
+			"src": "\/assets\/android-chrome-192x192.png",
+			"sizes": "192x192",
+			"type": "image\/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"display": "standalone",
+	"start_url": "/#/statuses/home"
+}