feat(grunt): add mask-icon support for Safari

sparanoid · Oct 16, 2015 · 2560253 · 2560253
1 parent 86decb2
commit 2560253
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 0 deletions.
diff --git a/Gruntfile.coffee b/Gruntfile.coffee
@@ -268,6 +268,10 @@ module.exports = (grunt) ->
     cacheBust:
       options:
         encoding: "utf8"
+        filters: {
+          "link[rel*=icon]": ->
+            @attribs.href
+        }
         algorithm: "md5"
         length: 8
         deleteOriginals: true

diff --git a/_app/_includes/themes/curtana/includes/top.html b/_app/_includes/themes/curtana/includes/top.html
@@ -11,13 +11,19 @@
 <!-- Define a description for better SEO result -->
 <meta name="description" content="{{ amsf_site_desc | strip }}">
 
+<!-- Feed URL -->
 <link rel="alternate" href="{{ amsf_feed_url }}" type="application/atom+xml">
 
+<!-- Site icons -->
 {% if site.base %}
   <link rel="icon" href="{{ '/favicon.ico' | prepend: site.base }}">
   <link rel="apple-touch-icon" href="{{ '/apple-touch-icon.png' | prepend: site.base }}">
 {% endif %}
 
+<!-- Pinned icon for Safari -->
+<link rel="mask-icon" href="{{ '/favicon.svg' | prepend: site.base }}" color="#ff00b4">
+
+<!-- Main CSS -->
 <link rel="stylesheet" href="{{ '/css/app.css?assets-inline' | prepend: amsf_theme_assets }}">
 
 <!-- Canonical links, avoid duplicate content problems -->

diff --git a/_app/favicon.svg b/_app/favicon.svg