Add svg favicon for safari

jeanremy · Sep 21, 2017 · 3951a0a · 3951a0a
1 parent c757167
commit 3951a0a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 4 deletions.
diff --git a/public/apple-touch-icon.png → app/assets/images/wave.png b/public/apple-touch-icon.png → app/assets/images/wave.png
diff --git a/app/assets/images/wave.svg b/app/assets/images/wave.svg
diff --git a/app/views/layouts/application.html.slim b/app/views/layouts/application.html.slim
@@ -6,8 +6,10 @@ html
     = action_cable_meta_tag
     meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'
     meta property='og:description' content='Pulls data from Surfline, MagicSeaweed &amp; Spitcast APIs to display an aggregated surf forecast.'
-    meta property='og:image' content= image_url('wave.jpg')
-
+    meta property='og:image' content=image_url('wave.jpg')
+    link rel='mask-icon' color='navy' href=image_url('wave.svg')
+    link rel='apple-touch-icon' href=image_url('wave.png')
+
     = stylesheet_link_tag 'application', media: 'all'
     = javascript_pack_tag 'application'
     - if ENV['GOOGLE_ANALYTICS_ID']
@@ -19,8 +21,7 @@ html
 
         ga('create', '#{ENV['GOOGLE_ANALYTICS_ID']}', 'auto');
         ga('send', 'pageview');
-        
+
   body
     == yield
     = render partial: 'shared/github_corner'
-