Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Delta Between Two Patch Sets: includes/index.tmpl

Issue 29322769: Issue 2844 - Create Microsoft Edge coming soon landing page (Closed)
Left Patch Set: Addressing comments. Created Aug. 26, 2015, 12:17 a.m.
Right Patch Set: Use querySelectorAll instead of getElementsByClassName. Created Sept. 30, 2015, 7:56 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
Left: Side by side diff | Download
Right: Side by side diff | Download
« no previous file with change/comment | « no previous file | pages/adblock-browser/verification-success.html » ('j') | no next file with change/comment »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
LEFTRIGHT
1 title=Adblock Plus - Surf the web without annoying ads! 1 title=Adblock Plus - Surf the web without annoying ads!
2 noheading=True 2 noheading=True
3 localefile=index 3 localefile=index
4 4
5 {# 5 {#
6 # This file is part of the Adblock Plus website, 6 # This file is part of the Adblock Plus website,
7 # Copyright (C) 2006-2015 Eyeo GmbH 7 # Copyright (C) 2006-2015 Eyeo GmbH
8 # 8 #
9 # Adblock Plus is free software: you can redistribute it and/or modify 9 # Adblock Plus is free software: you can redistribute it and/or modify
10 # it under the terms of the GNU General Public License version 3 as 10 # it under the terms of the GNU General Public License version 3 as
11 # published by the Free Software Foundation. 11 # published by the Free Software Foundation.
12 # 12 #
13 # Adblock Plus is distributed in the hope that it will be useful, 13 # Adblock Plus is distributed in the hope that it will be useful,
14 # but WITHOUT ANY WARRANTY; without even the implied warranty of 14 # but WITHOUT ANY WARRANTY; without even the implied warranty of
15 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the 15 # MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16 # GNU General Public License for more details. 16 # GNU General Public License for more details.
17 # 17 #
18 # You should have received a copy of the GNU General Public License 18 # You should have received a copy of the GNU General Public License
19 # along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>. 19 # along with Adblock Plus. If not, see <http://www.gnu.org/licenses/>.
20 #} 20 #}
21 21
22 <head> 22 <head>
23 <link class="cssfx" href="/css/index.css" rel="stylesheet"> 23 <link class="cssfx" href="/css/index.css" rel="stylesheet">
24 <link class="cssfx" href="/css/index-desktop.css" media="(min-width: 40.5em)" re l="stylesheet"> 24 <link class="cssfx" href="/css/index-desktop.css" media="(min-width: 1000px)" re l="stylesheet">
25 <link href="/css/index-mobile.css" media="screen and (max-width: 40.5em)" rel="s tylesheet"> 25 <link href="/css/index-mobile.css" media="(max-width: 1000px)" rel="stylesheet">
26 26
27 <link href="https://adblockplus.org/" rel="canonical"> 27 <link href="https://adblockplus.org/" rel="canonical">
28 <link href="https://chrome.google.com/webstore/detail/cfhdojbkjhnklbpkdaibdccddi lifddb" rel="chrome-webstore-item"> 28 <link href="https://chrome.google.com/webstore/detail/cfhdojbkjhnklbpkdaibdccddi lifddb" rel="chrome-webstore-item">
29 <meta content="product" property="og:type"> 29 <meta content="product" property="og:type">
30 <meta content="https://adblockplus.org/img/adblockplus_promo.png" property="og:i mage"> 30 <meta content="https://adblockplus.org/img/adblockplus_promo.png" property="og:i mage">
31 <meta content="https://adblockplus.org/" property="og:url"> 31 <meta content="https://adblockplus.org/" property="og:url">
32 <meta content="{{"Adblock Plus - Surf the web without annoying ads!"|translate(" s1")}}" name="title"> 32 <meta content="{{"Adblock Plus - Surf the web without annoying ads!"|translate(" s1")}}" name="title">
33 <meta content="{{"Adblock Plus is the most popular adblocker available for Firef ox, Chrome, Opera, Safari, Android and Internet Explorer. Block all annoying ads all over the web: remove video ads on YouTube, block Facebook ads, get rid of p op-ups and much more. On Google Chrome, Adblock Plus is one of the fastest growi ng extensions ever. Our adblock for Chrome is being used by 10 million people. D ownload online for free now!"|translate("s2")}}" name="description"> 33 <meta content="{{"Adblock Plus is the most popular adblocker available for Firef ox, Chrome, Opera, Safari, Android and Internet Explorer. Block all annoying ads all over the web: remove video ads on YouTube, block Facebook ads, get rid of p op-ups and much more. On Google Chrome, Adblock Plus is one of the fastest growi ng extensions ever. Our adblock for Chrome is being used by 10 million people. D ownload online for free now!"|translate("s2")}}" name="description">
34 <meta content="{{"Adblock Plus - Surf the web without annoying ads!"|translate(" s1")}}" property="og:title"> 34 <meta content="{{"Adblock Plus - Surf the web without annoying ads!"|translate(" s1")}}" property="og:title">
35 <meta content="{{"Adblock Plus is the most popular adblocker available for Firef ox, Chrome, Opera, Safari, Android and Internet Explorer. Block all annoying ads all over the web: remove video ads on YouTube, block Facebook ads, get rid of p op-ups and much more. On Google Chrome, Adblock Plus is one of the fastest growi ng extensions ever. Our adblock for Chrome is being used by 10 million people. D ownload online for free now!"|translate("s2")}}" property="og:description"> 35 <meta content="{{"Adblock Plus is the most popular adblocker available for Firef ox, Chrome, Opera, Safari, Android and Internet Explorer. Block all annoying ads all over the web: remove video ads on YouTube, block Facebook ads, get rid of p op-ups and much more. On Google Chrome, Adblock Plus is one of the fastest growi ng extensions ever. Our adblock for Chrome is being used by 10 million people. D ownload online for free now!"|translate("s2")}}" property="og:description">
36 </head> 36 </head>
37 37
38 38 <div id="abb-banner">
39 <h2>{{"Want to block ads on your smartphone or tablet?"|translate("abb-banner- headline")}}</h2>
40 <img src="/img/abb-promo-image.png" alt="{{"Adblock Browser promotional image" |translate("abb-promotion-alt")}}" />
41 <a id="abb-android-download" href="https://adblockplus.org/redirect?link=adblo ck_browser_android_store" target="_blank">{{"Download Adblock Browser"|translate ("abb-banner-button-text")}}</a>
42 <a id="abb-ios-download" href="https://adblockplus.org/redirect?link=adblock_b rowser_ios_store" target="_blank">{{"Download Adblock Browser"|translate("abb-ba nner-button-text")}}</a>
43 </div>
39 <div itemscope="itemscope" itemtype="http://schema.org/SoftwareApplication"> 44 <div itemscope="itemscope" itemtype="http://schema.org/SoftwareApplication">
40 <section id="main"> 45 <section id="main">
41 <div id="summary"> 46 <div id="summary">
42 <h1 itemprop="name">{{"Adblock Plus"|translate("s5")}}</h1> 47 <h1 itemprop="name">{{"Adblock Plus"|translate("s5")}}</h1>
43 <h2 itemprop="description">{{"Surf the web without annoying ads!"|translat e("s6")}}</h2> 48 <h2 itemprop="description">{{"Surf the web without annoying ads!"|translat e("s6")}}</h2>
44 49
45 <ul id="features"> 50 <ul id="features">
46 <li itemprop="featureList"> 51 <li itemprop="featureList">
47 <div class="sprite"></div> 52 <div class="sprite"></div>
48 {{"Can block tracking, malware domains, banners, pop-ups and video ads - even on Facebook and YouTube"|translate("s7")}} 53 {{"Can block tracking, malware domains, banners, pop-ups and video ads - even on Facebook and YouTube"|translate("s7")}}
49 </li> 54 </li>
50 <li itemprop="featureList"> 55 <li itemprop="featureList">
51 <div class="sprite"></div> 56 <div class="sprite"></div>
52 {{"Unobtrusive ads aren't being blocked in order to support websites (<a href=\" acceptable-ads\">configurable</a>)"|translate("s8")}} 57 {{"Unobtrusive ads aren't being blocked in order to support websites (<a href=\" acceptable-ads\">configurable</a>)"|translate("s8")}}
53 </li> 58 </li>
54 <li class="emphasized" id="feature-free" itemprop="featureList"> 59 <li class="emphasized" id="feature-free" itemprop="featureList">
55 <div class="sprite"></div> 60 <div class="sprite"></div>
56 {{"It's free!"|translate("s9")}} 61 {{"It's free!"|translate("s9")}}
57 <span class="license-note" style="display: inline">{{"(<a href=\"https ://www.gnu.org/licenses/translations.fr.html\">GPLv3</a>)"|translate("s10")}}</s pan> 62 <span class="license-note" style="display: inline">{{"(<a href=\"https ://www.gnu.org/licenses\">GPLv3</a>)"|translate("s10")}}</span>
58 </li> 63 </li>
59 <li id="feature-maxthon" itemprop="featureList"> 64 <li id="feature-maxthon" itemprop="featureList">
60 <div class="sprite"></div> 65 <div class="sprite"></div>
61 {{"Integrated by default in"|translate("s11")}} <a href="http://www.maxthon.com/ " target="_blank">{{"Maxthon Cloud Browser"|translate("s12")}}</a> 66 {{"Integrated by default in"|translate("s11")}} <a href="http://www.maxthon.com/ " target="_blank">{{"Maxthon Cloud Browser"|translate("s12")}}</a>
62 </li> 67 </li>
63 <li id="feature-edge" itemprop="featureList">
64 <p class="subscribe-description">
65 {{"Get a heads-up prior to the launch!"|translate("subscription-desc ription")}}
66 </p>
67 <form id="subscribe-form" accept-charset="utf-8" action="/submitEmail" method="post">
68 <input id="subscribe-textbox" type="email" name="email" placeholder= "{{"Your email address"|translate("subscription-input-placeholder")}}" required />
69 <button id="subscribe-button" type="submit"><span>{{"Notify me"|tran slate("subscription-button")}}</span></button>
70 <span class="sucess-label">
71 {{"A confirmation email has been sent. Please check your email and click the confirmation link."|translate("subscription-message-success")}}
72 </span>
73 <span class="invalid-label">
74 {{"Please enter a valid email address."|translate("subscription-me ssage-invalid-email")}}
75 </span>
76 <span id="response-error">
77 </span>
78 </form>
79 </li>
80 </ul> 68 </ul>
69 </div>
70
71 <div id="edge-subscription">
72 <h3>
73 {{"Get a heads-up prior to the launch!"|translate("subscription-descript ion")}}
74 </h3>
75 <form accept-charset="utf-8" method="post">
76 <input class="subscribe-textbox" type="email" name="email" placeholder=" {{"Your email address"|translate("subscription-input-placeholder")}}" required / >
77 <input type="hidden" name="lang" value="{{locale}}" />
78 <input type="hidden" name="product" value="{{page}}" />
79 <button type="submit"><span>{{"Notify me"|translate("subscription-button ")}}</span></button>
80 <span class="sucess-label">
81 {{"A confirmation email has been sent. Please check your email and cli ck the confirmation link."|translate("subscription-message-success")}}
82 </span>
83 <span class="invalid-label">
84 {{"Please enter a valid email address."|translate("subscription-messag e-invalid-email")}}
85 </span>
86 <span class="response-error">
87 </span>
88 </form>
81 </div> 89 </div>
82 90
83 <div id="install"> 91 <div id="install">
84 <a class="install-button" href="https://update.adblockplus.org/latest/adbl ockplusfirefox.xpi" id="install-firefox">{{"Install for Firefox"|translate("s13" )}}</a> 92 <a class="install-button" href="https://update.adblockplus.org/latest/adbl ockplusfirefox.xpi" id="install-firefox">{{"Install for Firefox"|translate("s13" )}}</a>
85 <a class="install-button" href="https://chrome.google.com/webstore/detail/ cfhdojbkjhnklbpkdaibdccddilifddb" id="install-chrome" onclick="chrome.webstore.i nstall(); return false;">{{"Install for Chrome"|translate("s14")}}</a> 93 <a class="install-button" href="https://chrome.google.com/webstore/detail/ cfhdojbkjhnklbpkdaibdccddilifddb" id="install-chrome" onclick="chrome.webstore.i nstall(); return false;">{{"Install for Chrome"|translate("s14")}}</a>
86 <a class="install-button" href="https://addons.opera.com/extensions/detail s/opera-adblock/?display=en-US" id="install-opera">{{"Install for Opera"|transla te("s15")}}</a> 94 <a class="install-button" href="https://addons.opera.com/extensions/detail s/opera-adblock/?display=en-US" id="install-opera">{{"Install for Opera"|transla te("s15")}}</a>
87 <a class="install-button" href="android-install" id="install-android">{{"I nstall for Android"|translate("s16")}}</a> 95 <a class="install-button" href="android-install" id="install-android">{{"I nstall for Android"|translate("s16")}}</a>
88 <a class="install-button" href="https://update.adblockplus.org/latest/adbl ockplusie.exe" id="install-internet-explorer">{{"Install for Internet Explorer"| translate("s17")}}</a> 96 <a class="install-button" href="https://update.adblockplus.org/latest/adbl ockplusie.exe" id="install-internet-explorer">{{"Install for Internet Explorer"| translate("s17")}}</a>
89 <a class="install-button" href="https://update.adblockplus.org/latest/adbl ockplussafari.safariextz" id="install-safari">{{"Install for Safari"|translate(" s18")}}</a> 97 <a class="install-button" href="https://update.adblockplus.org/latest/adbl ockplussafari.safariextz" id="install-safari">{{"Install for Safari"|translate(" s18")}}</a>
90 <a class="install-button" href="https://chrome.google.com/webstore/detail/ cfhdojbkjhnklbpkdaibdccddilifddb" id="install-yandex-browser" onclick="chrome.we bstore.install(); return false;">{{"Install for Yandex Browser"|translate("s19") }}</a> 98 <a class="install-button" href="https://chrome.google.com/webstore/detail/ cfhdojbkjhnklbpkdaibdccddilifddb" id="install-yandex-browser" onclick="chrome.we bstore.install(); return false;">{{"Install for Yandex Browser"|translate("s19") }}</a>
(...skipping 23 matching lines...) Expand all
114 <li> 122 <li>
115 <a class="sprite" href="maxthon" id="platform-maxthon" title="{{"Adblo ck Plus for Maxthon"|translate("s27")}}"></a> 123 <a class="sprite" href="maxthon" id="platform-maxthon" title="{{"Adblo ck Plus for Maxthon"|translate("s27")}}"></a>
116 </li> 124 </li>
117 <li> 125 <li>
118 <a class="sprite" href="edge" id="platform-edge" title="{{"Adblock Plu s for Microsoft Edge"|translate("abp-microsoft-edge")}}"></a> 126 <a class="sprite" href="edge" id="platform-edge" title="{{"Adblock Plu s for Microsoft Edge"|translate("abp-microsoft-edge")}}"></a>
119 </li> 127 </li>
120 </ul> 128 </ul>
121 </div> 129 </div>
122 </section> 130 </section>
123 131
124 <div id="adblock-browser-notification"> 132 <div id="messages-wrapper">
125 {{'Be the first to experience the new Adblock Browser for smartphones and ta blets. <a href="adblock-browser">Get it here.</a>'|translate("adblock-browser-no tification")}} 133 <? include abb-notification ?>
134 <div class="disclaimer lang-fr">
135 En téléchargeant le logiciel Adblock Plus vous acceptez que si vous utilis ez Adblock Plus pour visiter un site Internet en violation de toute obligation o u droit de quelque nature que ce soit en relation avec ce site Internet, en aucu n cas EYEO ne pourra être tenu pour responsable envers vous ou tout autre tiers pour toute perte ou dommage (y compris, sans y être limité, les dommages pour pe rte de chances et perte de bénéfices) découlant directement ou indirectement de votre utilisation de ce logiciel.
136 </div>
137 <div id="maxthon-notification">
138 使用傲游云浏览器,享受最好的广告过滤体验. (内置Adblock Plus) <a href="http://www.maxthon.cn" tar get="_blank">下载傲游云浏览器</a>
139 </div>
140 <div class="warning-platform firefox">{{"It appears that you are using Mozil la Firefox."|translate("s28")}} <a href="firefox">{{"Switch to Adblock Plus for Firefox."|translate("s29")}}</a></div>
141 <div class="warning-platform chrome">{{"It appears that you are using Google Chrome."|translate("s30")}} <a href="chrome">{{"Switch to Adblock Plus for Chro me."|translate("s31")}}</a></div>
142 <div class="warning-platform android">{{"It appears that you are using Andro id."|translate("s32")}} <a href="android">{{"Switch to Adblock Plus for Android. "|translate("s33")}}</a></div>
143 <div class="warning-platform opera">{{"It appears that you are using Opera." |translate("s34")}} <a href="opera">{{"Switch to Adblock Plus for Opera."|transl ate("s35")}}</a></div>
144 <div class="warning-platform internet-explorer">{{"It appears that you are u sing Internet Explorer."|translate("s36")}} <a href="internet-explorer">{{"Switc h to Adblock Plus for Internet Explorer."|translate("s37")}}</a></div>
145 <div class="warning-platform safari">{{"It appears that you are using Safari ."|translate("s38")}} <a href="safari">{{"Switch to Adblock Plus for Safari."|tr anslate("s39")}}</a></div>
146 <div class="warning-platform yandex-browser">{{"It appears that you are usin g Yandex Browser."|translate("s40")}} <a href="yandex-browser">{{"Switch to Adbl ock Plus for Yandex Browser."|translate("s41")}}</a></div>
147 <div class="warning-platform maxthon">{{"It appears that you are using Maxth on."|translate("s42")}} <a href="maxthon">{{"Switch to Adblock Plus for Maxthon. "|translate("s43")}}</a></div>
126 </div> 148 </div>
127 <div class="disclaimer lang-fr">
128 En téléchargeant le logiciel Adblock Plus vous acceptez que si vous utilisez Adblock Plus pour visiter un site Internet en violation de toute obligation ou droit de quelque nature que ce soit en relation avec ce site Internet, en aucun cas EYEO ne pourra être tenu pour responsable envers vous ou tout autre tiers po ur toute perte ou dommage (y compris, sans y être limité, les dommages pour pert e de chances et perte de bénéfices) découlant directement ou indirectement de vo tre utilisation de ce logiciel.
129 </div>
130 <div id="maxthon-notification">
131 使用傲游云浏览器,享受最好的广告过滤体验. (内置Adblock Plus) <a href="http://www.maxthon.cn" targe t="_blank">下载傲游云浏览器</a>
132 </div>
133 <div class="warning-platform firefox">{{"It appears that you are using Mozilla Firefox."|translate("s28")}} <a href="firefox">{{"Switch to Adblock Plus for Fi refox."|translate("s29")}}</a></div>
134 <div class="warning-platform chrome">{{"It appears that you are using Google C hrome."|translate("s30")}} <a href="chrome">{{"Switch to Adblock Plus for Chrome ."|translate("s31")}}</a></div>
135 <div class="warning-platform android">{{"It appears that you are using Android ."|translate("s32")}} <a href="android">{{"Switch to Adblock Plus for Android."| translate("s33")}}</a></div>
136 <div class="warning-platform opera">{{"It appears that you are using Opera."|t ranslate("s34")}} <a href="opera">{{"Switch to Adblock Plus for Opera."|translat e("s35")}}</a></div>
137 <div class="warning-platform internet-explorer">{{"It appears that you are usi ng Internet Explorer."|translate("s36")}} <a href="internet-explorer">{{"Switch to Adblock Plus for Internet Explorer."|translate("s37")}}</a></div>
138 <div class="warning-platform safari">{{"It appears that you are using Safari." |translate("s38")}} <a href="safari">{{"Switch to Adblock Plus for Safari."|tran slate("s39")}}</a></div>
139 <div class="warning-platform yandex-browser">{{"It appears that you are using Yandex Browser."|translate("s40")}} <a href="yandex-browser">{{"Switch to Adbloc k Plus for Yandex Browser."|translate("s41")}}</a></div>
140 <div class="warning-platform maxthon">{{"It appears that you are using Maxthon ."|translate("s42")}} <a href="maxthon">{{"Switch to Adblock Plus for Maxthon."| translate("s43")}}</a></div>
141
142 <iframe frameborder="0" height="285" id="video" itemprop="video" src="//www.yo utube-nocookie.com/embed/pVYtzF5SemU?html5=1&amp;autohide=1&amp;enablejsapi=1&am p;controls=2&amp;fs=1&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;theme=li ght" width="520"></iframe> 149 <iframe frameborder="0" height="285" id="video" itemprop="video" src="//www.yo utube-nocookie.com/embed/pVYtzF5SemU?html5=1&amp;autohide=1&amp;enablejsapi=1&am p;controls=2&amp;fs=1&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;theme=li ght" width="520"></iframe>
143 <img height="305" id="maxthon-instruction" src="/img/maxthon-instruction.png" width="540"> 150 <img height="305" id="maxthon-instruction" src="/img/maxthon-instruction.png" width="540">
144 <img id="edge-teaser" src="/img/edge_teaser.png"> 151 <img id="edge-teaser" src="/img/edge_teaser.png" alt={{"Comming soon image of Adblock Plus for Microsoft Edge"|translate("edge-teaser")}} />
145 </div> 152 </div>
146 153
147 <div id="key-facts"> 154 <div id="key-facts">
148 <section class="first"> 155 <section class="first">
149 <div class="sprite" id="facts-open-source"></div> 156 <div class="sprite" id="facts-open-source"></div>
150 <h1>{{"Open Source"|translate("s44")}}</h1> 157 <h1>{{"Open Source"|translate("s44")}}</h1>
151 <p> 158 <p>
152 {{"Adblock Plus is an open source project.\n <a href=\"contribute\" >Join us!</a>"|translate("s45")}} 159 {{"Adblock Plus is an open source project.\n <a href=\"contribute\" >Join us!</a>"|translate("s45")}}
153 </p> 160 </p>
154 </section> 161 </section>
(...skipping 211 matching lines...) Expand 10 before | Expand all | Expand 10 after
366 <h2>{{"Be notified when Adblock Plus for Microsoft Edge is available!"|tra nslate("abp-for-edge-be-notified")}}</h2> 373 <h2>{{"Be notified when Adblock Plus for Microsoft Edge is available!"|tra nslate("abp-for-edge-be-notified")}}</h2>
367 374
368 <p> 375 <p>
369 {{"Microsoft Edge <a href='https://wpdev.uservoice.com/forums/257854-mic rosoft-edge-developer/suggestions/6508820-javascript-browser-extensions'>does no t yet support extensions</a>. However, you can be sure that a version of Adblock Plus for Microsoft Edge will be released as soon as possible. Enter your email in the field above to receive a notification when Adblock Plus for Microsoft Edg e is available. While you're waiting, you may want to try the latest version of Adblock Plus for Internet Explorer."|translate("ms-edge-description")}} 376 {{"Microsoft Edge <a href='https://wpdev.uservoice.com/forums/257854-mic rosoft-edge-developer/suggestions/6508820-javascript-browser-extensions'>does no t yet support extensions</a>. However, you can be sure that a version of Adblock Plus for Microsoft Edge will be released as soon as possible. Enter your email in the field above to receive a notification when Adblock Plus for Microsoft Edg e is available. While you're waiting, you may want to try the latest version of Adblock Plus for Internet Explorer."|translate("ms-edge-description")}}
370 </p> 377 </p>
371 </div> 378 </div>
372 </div> 379 </div>
373 </section> 380 </section>
374 381
375 <script src="/js/index.js"></script> 382 <script src="/js/index.js"></script>
LEFTRIGHT

Powered by Google App Engine
This is Rietveld