Add touch icons for Chrome, iOS and Windows 10

This commit is contained in:
Frederic Hemberger 2016-11-02 15:18:40 +01:00
parent 53fb7b1aa8
commit e7cd6da938
6 changed files with 28 additions and 0 deletions

View file

@ -5,6 +5,11 @@
%meta{:name => 'viewport', :content => 'width=device-width, initial-scale=1'}/ %meta{:name => 'viewport', :content => 'width=device-width, initial-scale=1'}/
%meta{'http-equiv' => 'X-UA-Compatible', :content => 'IE=edge'}/ %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 %title
= "#{yield(:page_title)} - " if content_for?(:page_title) = "#{yield(:page_title)} - " if content_for?(:page_title)
Mastodon Mastodon

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

BIN
public/apple-touch-icon.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

9
public/browserconfig.xml Normal file
View file

@ -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>

14
public/manifest.json Normal file
View file

@ -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"
}

BIN
public/mstile-150x150.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB