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

Side by Side Diff: pages/download.tmpl

Issue 29722640: Fixes #22 - Add download page (Closed) Base URL: https://hg.adblockplus.org/web.adblockplus.org
Patch Set: Resize abb logo, use linkify function Created March 20, 2018, 7:24 a.m.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
« no previous file with comments | « includes/features.html ('k') | static/css/index.css » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
(Empty)
1 title=Download Adblock Plus
2 description=Get Adblock Plus for free on Firefox, Chrome, Opera, Safari, Android and iOS
3 template=minimal
4
5 <head>
6 <style>
7 header img {
8 width: 4em;
9 height: auto;
10 }
11 </style>
12 </head>
13
14
15
16 {% set supported_devices = [
17 {
18 "id": "desktop",
19 "icons": ["device-desktop.png", "device-desktop-2x.png"],
20 "icon_alt": "Computer monitor and mouse icon",
21 "title": "Block ads on any desktop browser",
22 "description": "By clicking any of the links below, you agree to our " + "t erms" | linkify + "Terms of Use</a>.",
23 "platforms": [
24 { "name": "Chrome", "url": "https://chrome.google.com/webstore/detail/cfhd ojbkjhnklbpkdaibdccddilifddb" },
25 { "name": "Firefox", "url": "https://update.adblockplus.org/latest/adblock plusfirefox.xpi" },
26 { "name": "Internet Explorer", "url": "https://update.adblockplus.org/late st/adblockplusie.exe" },
27 { "name": "Safari", "url": "https://update.adblockplus.org/latest/adblockp lussafari.safariextz" },
28 { "name": "Edge (beta)", "url": "https://www.microsoft.com/store/p/adblock -plus/9nblggh4r9nz" },
29 { "name": "Opera", "url": "https://addons.opera.com/extensions/details/ope ra-adblock/" },
30 { "name": "Maxthon", "url": "http://www.maxthon.com/mx5/features/ad-blocke r/" },
31 { "name": "Yandex Browser", "url": "https://chrome.google.com/webstore/det ail/cfhdojbkjhnklbpkdaibdccddilifddb" }
32 ]
33 },
34 {
35 "id": "mobile",
36 "icons": ["device-mobile.png", "device-mobile.svg"],
37 "icon_alt": "Mobile icon",
38 "title": "Block ads in your mobile browser",
39 "platforms": [
40 { "name": "Samsung Internet (Android)", "url": "https://play.google.com/st ore/apps/details?id=org.adblockplus.adblockplussbrowser&hl" },
41 { "name": "Safari (iOS)", "url": "https://itunes.apple.com/app/adblock-plu s-abp-remove-ads-browse-faster-without-tracking/id1028871868?mt=8" },
42 { "name": "Firefox", "url": "https://addons.mozilla.org/android/addon/adbl ock-plus/" }
43 ]
44 },
45 {
46 "id": "abb",
47 "icons": ["abb-icon.png", "abb-icon-2x.png"],
48 "icon_alt": "Adblock Browser logo",
49 "title": "Block ads in a dedicated ad-blocking browser",
50 "platforms": [
51 { "name": "Adblock Browser (Android)", "url": "https://play.google.com/sto re/apps/details?id=org.adblockplus.browser" },
52 { "name": "Adblock Browser (iOS)", "url": "https://itunes.apple.com/my/app /adblock-browser/id1015653330?mt=8&ign-itsct=1015653330-1015653330&ign-itscg=017 6&ign-mpt=uo%3D4" }
53 ]
54 }
55 ] %}
56
57 <header class="bg-primary section content text-center">
58 <div class="container">
59 <img height="90px"
60 width="90px"
61 src="/img/download-icon.png"
62 srcset="/img/download-icon.svg 2x"
63 alt="{{ "White down arrow" | translate("download-icon", "Alt text") }}" >
64 <h1>{{ "Get Adblock Plus products on these devices" | translate("download-he ading", "Heading") }}</h1>
65 <p>{{ "Supported platforms" | translate("download-subheading", "Subheading") }}</p>
66 </div>
67 </header>
68
69 <div class="item-group container text-center content">
70 <div class="row">
71 {% for device in supported_devices %}
72 <div class="column one-third">
73 <img
74 height="90px"
75 width="90px"
76 src="/img/{{ device.icons[0] }}"
77 srcset="/img/{{ device.icons[1] }} 2x"
78 alt="{{ device.icon_alt | translate(device.id + "-icon-alt", "Alt text") }}">
79 <h2>{{ device.title | translate(device.id + "-title", "Heading") }}</h2>
80 <div>
81 {% if device.description %}
82 <p>{{ device.description | safe | translate(device.id + "-description", "Paragraph") }}</p>
83 {% endif %}
84 <ul class="horizontal-list">
85 {% for platform in device.platforms %}
86 <li>
87 {% set platform_identifier = device.id + "-product-name-" + loop.i ndex | string %}
88 <a href="{{ platform.url }}">{{ platform.name | translate(platform _identifier, "Product name") }}</a>{{ ", " if loop.index != loop.length }}
89 </li>
90 {% endfor %}
91 </ul>
92 </div>
93 </div>
94 {% endfor %}
95 </div>
96 </div>
OLDNEW
« no previous file with comments | « includes/features.html ('k') | static/css/index.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld