Add touch icons for Chrome, iOS and Windows 10

custom
Frederic Hemberger 6 years ago
parent 53fb7b1aa8
commit e7cd6da938
  1. 5
      app/views/layouts/application.html.haml
  2. BIN
      public/android-chrome-192x192.png
  3. BIN
      public/apple-touch-icon.png
  4. 9
      public/browserconfig.xml
  5. 14
      public/manifest.json
  6. BIN
      public/mstile-150x150.png

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 12 KiB

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

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

Binary file not shown.

After

Width:  |  Height:  |  Size: 6.8 KiB

Loading…
Cancel
Save