Issue 4920 - Add "Ready for Windows" section to adblockplus.org

includes/index.tmpl

Index: includes/index.tmpl
===================================================================
--- a/includes/index.tmpl
+++ b/includes/index.tmpl
@@ -161,16 +161,21 @@
     <div class="sprite" id="facts-privacy"></div>
     <h1>{{"Privacy Guaranteed"|translate("s48")}}</h1>
     <p>
       {{"Adblock Plus will never collect your <a href=\"privacy\">personal data</a>."|translate("privacy-policy-note")}}
     </p>
 
   </section>
 </div>
+

[juliandoucette, 2017/06/07 17:48:11]

I know that I told you that you could show/hide based on a class applied to the
body. Alternatively (it just occurred to me - sorry), you could test the page
name in a conditional template tag.

{% if page == "internet-explorer" %}
bla bla bla
{% endif %}

[ire, 2017/06/08 13:41:26]

Okay. I like that better than hiding with CSS so I'll refactor 

[juliandoucette, 2017/06/16 18:19:02]

:+1: 

Note: I asked Ollie if this applies to Edge too JIC.
https://issues.adblockplus.org/ticket/4920#comment:19

+<div id="ready-for-windows-note">

[juliandoucette, 2017/06/07 17:48:11]

Why not place the `id` on the `<p>` and drop the `<div>`?

[juliandoucette, 2017/06/07 17:48:11]

NIT: I don't think "note" is descriptive (Ack: You probably got the idea from
the paragraph above). Perhaps "alert" (aka
https://v4-alpha.getbootstrap.com/components/alerts/
http://foundation.zurb.com/sites/docs/v/5.5.3/components/alert_boxes.html ) or
"notice".

[ire, 2017/06/08 13:41:26]

Okay, I'll go with "ready-for-windows-notice".

[ire, 2017/06/08 13:41:26]

Will do.

+  <p>{{"Adblock Plus for Internet Explorer is supported by eyeo GmbH on the following editions of Windows 10 – Windows 10 Pro, Windows 10 Education and Windows 10 Enterprise. Adblock Plus for Internet Explorer is supported on the in-market supported servicing branches of Windows 10 including - Current Branch, Current Branch for Business and the following Long-Term Servicing branch: Windows 10."|translate("ready-for-windows-note")}}</p>

[juliandoucette, 2017/06/07 17:48:11]

Don't forget to `<fix>` product / brand names.

[ire, 2017/06/08 13:41:26]

Okay. I mentioned this in the translation string doc, but is this a rule we
have? And which product names apply? Does "Windows 10 Pro" need to be fixed, or
just "Windows"? How about "Internet Explorer"?

[juliandoucette, 2017/06/08 21:12:30]

Good questions. 

I know we fix all of "Internet Explorer" and I think we fix all of "Windows 10
Pro". 

Can you confirm this @Tamara?

[juliandoucette, 2017/06/16 18:16:16]

(Moving the discussion that was in reply back to review)

Considering the lack of fix tags in the existing content, our current process,
and the discussion going on in
https://codereview.adblockplus.org/29422615/#msg14 I think we can safely ignore
fix tags in this change. 

+</div>
+
 <hr>
 <div id="footnote">
   [1] {{"The following rules <strong>have</strong> and <strong>always will</strong> apply to everyone, without exception:"|translate("footnote-headline")}}
   <ul>
     <li>
       {{"Participants cannot pay to avoid the <a href=\"acceptable-ads#criteria-general\">criteria</a>. Every ad must comply."|translate("footnote-must-comply")}}
     </li>
     <li>