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

includes/index.tmpl

 title=Adblock Plus - Surf the web without annoying ads!
 noheading=True
 localefile=index
 
 {#
  # This file is part of the Adblock Plus website,
  # Copyright (C) 2006-present eyeo GmbH
  #
  # Adblock Plus is free software: you can redistribute it and/or modify
  # it under the terms of the GNU General Public License version 3 as
@@ skipping 176 matching lines @@
       {{"For transparency, we add all Acceptable Ads to our <a href=\"https://adblockplus.org/forum/viewforum.php?f=12\">forum</a> so that our community of users can provide feedback."|translate("footnote-forum")}}
     </li>
     <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>