Fixes #53 - Added detection and install links for iOS safari

includes/index.tmpl

Index: includes/index.tmpl
===================================================================
--- a/includes/index.tmpl
+++ b/includes/index.tmpl
@@ -189,8 +189,28 @@
     <li>
       {{"We listen to our users. If an Acceptable Ads proposal is flagged by our community for a legitimate reason, we will remove it from the whitelist."|translate("footnote-value-users")}}
     </li>
     <li>
       {{"We are able to keep our open source product free by charging large entities a fee for whitelisting services. For the other roughly 90 percent of our partners, these services are offered free of charge."|translate("footnote-keep-free")}}
     </li>
   </ul>
 </div>
+
+<script src="/js/vendor/bowser.js"></script>
+<script>
+  if (bowser instanceof Object)
+  {
+    var installButton = document.querySelector("install-button");

[ire, 2018/04/12 07:44:48]

Missing class identifier ".install-button"

Also, this is always selecting the firefox-button. It's still in the document
even though it has `display: none`

Suggest: Select the appropriate button within the if statements

[juliandoucette, 2018/04/12 11:58:01]

Wow... *blushes*
Good catch.

+
+    if (bowser.ios)
+    {
+      //because ua-safari is not applied to iOS safari
+      document.getElementById("content").classList.add("ua-safari");
+      installButton.setAttribute("href", "https://itunes.apple.com/us/app/adblock-plus-abp-remove-ads-browse-faster-without-tracking/id1028871868?mt=8");

[ire, 2018/04/12 07:44:48]

Why are you handling this here instead of the way the other install buttons are
(i.e. in the markup instead of dynamically changing the link)?

This would mean that, no matter what browser page the user is on, the link would
be to the ios/samsung version if they are in one of those browsers.

[juliandoucette, 2018/04/12 11:58:01]

I ~incorrectly assumed that our backend browser detection would not handle this
properly.
Good catch.

+    }
+
+    else if (bowser.samsungBrowser)
+    {
+      installButton.setAttribute("href", "https://play.google.com/store/apps/details?id=org.adblockplus.adblockplussbrowser");
+    }
+  }
+</script>