From 256025345dbb50341a3447d5506e8621910b1231 Mon Sep 17 00:00:00 2001
From: Tunghsiao Liu <t@sparanoid.com>
Date: Fri, 16 Oct 2015 12:01:26 +0800
Subject: [PATCH] feat(grunt): add `mask-icon` support for Safari

---
 Gruntfile.coffee                                | 4 ++++
 _app/_includes/themes/curtana/includes/top.html | 6 ++++++
 _app/favicon.svg                                | 1 +
 3 files changed, 11 insertions(+)
 create mode 100644 _app/favicon.svg

diff --git a/Gruntfile.coffee b/Gruntfile.coffee
index 4b30ef4e0..fc3960e1f 100644
--- 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
index 54fc0292c..e300e050b 100644
--- 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
new file mode 100644
index 000000000..9fa422001
--- /dev/null
+++ b/_app/favicon.svg
@@ -0,0 +1 @@
+<svg width="208" height="208" viewBox="0 0 208 208" xmlns="http://www.w3.org/2000/svg"><title>logo-black-mask-icon@1x</title><path d="M194 104c0-49.706-40.294-90-90-90s-90 40.294-90 90c0 25.874 10.918 49.198 28.4 65.615l3.206-32.727c.808-8.238 8.176-14.917 16.462-14.917 8.285 0 14.347 6.67 13.538 14.92l-4.97 50.724C80.952 191.734 92.21 194 104 194c2.19 0 4.36-.078 6.51-.232l9.986-101.88c.807-8.238 8.176-14.917 16.462-14.917 8.284 0 14.346 6.67 13.538 14.92l-9.217 94.052C172.38 171.77 194 140.41 194 104z" fill-rule="evenodd"/></svg>
\ No newline at end of file