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

Side by Side Diff: includes/hero-download.html

Issue 29727563: Fixes #35 - Progressively enhance install button with appropriate links and text (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Addressed comments #7 Created April 5, 2018, 2:31 p.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 <div id="hero-download" class="container content"> 1 <div id="hero-download" class="container content">
2 <div class="row"> 2 <div class="row">
3 <header class="column one-half"> 3 <header class="column one-half content hide-on-maxthon">
4 <h1>{{ surf-the-web-heading[heading] <span class="avoid-wrap">SURF THE WEB </span> <span class="avoid-wrap">WITH NO ANNOYING ADS</span> }}</h1> 4 <h1>{{ surf-the-web-heading[heading] <span class="avoid-wrap">SURF THE WEB </span> <span class="avoid-wrap">WITH NO ANNOYING ADS</span> }}</h1>
5 <ul> 5 <ul>
6 <li>{{ surf-the-web-item-1[list item] Experience a cleaner, faster web a nd block annoying ads }}</li> 6 <li>{{ surf-the-web-item-1[list item] Experience a cleaner, faster web a nd block annoying ads }}</li>
7 <li>{{ surf-the-web-item-2[list item] Acceptable Ads are allowed by defa ult to support websites <span class="small avoid-wrap">(<a href="acceptable-ads" >learn more</a>) <sup>[<a href="#footnote">1</a>]</sup></span> }}</li> 7 <li>{{ surf-the-web-item-2[list item] Acceptable Ads are allowed by defa ult to support websites <span class="small avoid-wrap">(<a href="acceptable-ads" >learn more</a>) <sup>[<a href="#footnote">1</a>]</sup></span> }}</li>
8 <li>{{ surf-the-web-item-3[list item] Adblock Plus is free and open sour ce <span class="small">(<a href="https://www.gnu.org/licenses/gpl.html">GPLv3+</ a>)</span> }}</li> 8 <li>{{ surf-the-web-item-3[list item] Adblock Plus is free and open sour ce <span class="small">(<a href="https://www.gnu.org/licenses/gpl.html">GPLv3+</ a>)</span> }}</li>
9 </ul> 9 </ul>
10 <p id="hero-download-tos"> 10 <p id="hero-download-tos">
11 <small>{{ hero-download-tos[terms of service] By clicking the Agree and Install button below, you agree to our <a href="terms">Terms of Use</a>. }}</sma ll> 11 <small>{{ hero-download-tos[terms of service] By clicking the Agree and Install button below, you agree to our <a href="terms">Terms of Use</a>. }}</sma ll>
12 </p> 12 </p>
13 <div> 13 <div>
14 <a 14 <a
15 id="hero-download-button" 15 id="hero-download-button"
16 class="button primary" 16 class="button primary"
17 href="download"> 17 href="download">
18 {{ hero-download-label[button label] Install }} 18 {{ hero-download-label[button label] Install }}
19 </a> 19 </a>
20 </div> 20 </div>
21 </header> 21 </header>
22 <header class="column one-half maxthon-only"> 22 <header class="column one-half content show-on-maxthon">
23 <h1>{{ abp-and-maxthon-heading[heading] ADBLOCK PLUS IS ALREADY PART OF YO UR MAXTHON BROWSER }}</h1> 23 <h1>{{ abp-and-maxthon-heading[heading] ADBLOCK PLUS IS ALREADY PART OF YO UR MAXTHON BROWSER }}</h1>
24 <p>{{ abp-and-maxthon-body Together, Maxthon and Adblock Plus allow you to experience a faster, cleaner web by eliminating annoying and malicious ads, dis abling tracking and more. To help keep the web sustainable, support websites wit h <a href="https://acceptableads.com/">Acceptable Ads</a> (enabled by default). }}</p> 24 <p>{{ abp-and-maxthon-body Together, Maxthon and Adblock Plus allow you to experience a faster, cleaner web by eliminating annoying and malicious ads, dis abling tracking and more. To help keep the web sustainable, support websites wit h <a href="https://acceptableads.com/">Acceptable Ads</a> (enabled by default). }}</p>
25 </header> 25 </header>
26 <aside class="column one-half"> 26 <aside class="column one-half">
27 <div id="hero-download-video" class="video-parent"> 27 <div id="hero-download-video" class="video-parent">
28 <a class="video-link" target="_blank" href="https://www.youtube-nocookie .com/embed/pVYtzF5SemU?html5=1&amp;autohide=1&amp;enablejsapi=1&amp;controls=2&a mp;fs=1&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;theme=light&amp;autopl ay=1"> 28 <a class="video-link" target="_blank" href="https://www.youtube-nocookie .com/embed/pVYtzF5SemU?html5=1&amp;autohide=1&amp;enablejsapi=1&amp;controls=2&a mp;fs=1&amp;modestbranding=1&amp;rel=0&amp;showinfo=0&amp;theme=light&amp;autopl ay=1">
29 <img class="video-thumbnail" src="/img/hero-video.jpg" srcset="/img/he ro-video-2x.jpg 2x" alt="{{ video-alt-text[alt text] Introduction to Adblock Plu s video thumbnail }}"> 29 <img class="video-thumbnail" src="/img/hero-video.jpg" srcset="/img/he ro-video-2x.jpg 2x" alt="{{ video-alt-text[alt text] Introduction to Adblock Plu s video thumbnail }}">
30 <img class="video-play" src="/img/video-external.png" alt="{{ video-pl ay-alt-text[alt text] Play Video }}"> 30 <img class="video-play" src="/img/video-external.png" alt="{{ video-pl ay-alt-text[alt text] Play Video }}">
31 </a> 31 </a>
32 <p class="video-disclaimer"> 32 <p class="video-disclaimer">
33 {{ video-disclaimer Click to play this video. Please note that this vi deo is hosted by YouTube. When this video is played, some personal data is trans ferred to YouTube. For more information, please review YouTube's <a href='https: //www.google.com/intl/en/policies/privacy/' target='_blank'>privacy policy</a>. }} 33 {{ video-disclaimer Click to play this video. Please note that this vi deo is hosted by YouTube. When this video is played, some personal data is trans ferred to YouTube. For more information, please review YouTube's <a href='https: //www.google.com/intl/en/policies/privacy/' target='_blank'>privacy policy</a>. }}
34 </p> 34 </p>
35 </div> 35 </div>
36 </aside> 36 </aside>
37 </div> 37 </div>
38 <? include hero-download-conditional ?> 38 <? include hero-download-conditional ?>
39 </div> 39 </div>
OLDNEW

Powered by Google App Engine
This is Rietveld