-
Notifications
You must be signed in to change notification settings - Fork 913
/
devices.html
185 lines (161 loc) · 10.7 KB
/
devices.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
{# This Source Code Form is subject to the terms of the Mozilla Public
# License, v. 2.0. If a copy of the MPL was not distributed with this
# file, You can obtain one at http://mozilla.org/MPL/2.0/. #}
{% extends "/firefox/base.html" %}
{% block page_title %}{{ _('Firefox is Made for Your Devices') }}{% endblock %}
{% block body_id %}devices{% endblock %}
{% block site_css %}
{{ css('firefox_devices') }}
{% endblock %}
{% block site_js %}
{{ js('firefox_devices') }}
{% endblock %}
{% block extrahead %}
<meta name="WT.z_pdp" content="firefox;firefox_android;">
{% endblock %}
{% block content %}
<hgroup id="main-feature" class="center">
<h1>{{ _('Firefox is Made for Your Devices') }}</h1>
</hgroup>
<nav class="menu-bar billboard slider-menu slider-pager">
<ul>
<li><a href="#speed">{{ _('Desktops & Laptops') }}</a></li>
<li><a href="#smartphones">{{ _('Smartphones') }}</a></li>
<li><a href="#tablets">{{ _('Tablets') }}</a></li>
<li><a href="#addons">{{ _('Favorite Add-ons') }}</a></li>
<li><a href="#sync">{{ _('Sync Your Gadgets') }}</a></li>
</ul>
</nav>
<div id="feature">
<nav class="slider-arrows">
<ul role="navigation">
<li class="prev"><a href="#slider"><span>{{ _('Previous') }}</span></a></li>
<li class="next"><a href="#slider"><span>{{ _('Next') }}</span></a></li>
</ul>
</nav>
<div id="slider">
<section class="slide" id="speed-slide">
<div class="slide-content">
<div class="content">
<h2>{{ _('New Firefox is up to 7 times faster.') }}</h2>
<p id="fx-upgrade"><a href="{{ php_url('/firefox/') }}" class="button go" onclick="dcsMultiTrack('WT.z_panel','Desktops & Laptops','WT.z_cta','upgrade firefox','WT.z_convert','downloadfirefox','WT.dl',99);">{{ _('Upgrade your Firefox') }}</a></p>
<p id="fx-features"><a href="{{ php_url('/firefox/features/') }}" class="button go">{{ _('More Features') }}</a></p>
<p id="fx-download"><a href="{{ php_url('/firefox/') }}" class="button go" onclick="dcsMultiTrack('WT.z_panel','Desktops & Laptops','WT.z_cta','download firefox','WT.z_convert','downloadfirefox','WT.dl',99);">{{ _('Download Firefox') }}</a> <br> <a href="/firefox/central/" class="go">Learn more</a></p>
</div>
<div id="gauge" data-latest-version="{{ latest_version }}">
<img src="{{ media('img/firefox/devices/needle.png') }}" alt="" id="needle">
<p id="gauge-slow">{{ _('Old Firefox = Sadface') }}</p>
<p id="gauge-fast">{{ _('New Firefox = Yay!') }}</p>
<div class="note" id="gauge-slow-note">
<p><strong>Seriously?</strong> That just isn’t going to cut it. Stop browsing in the past and <a href="/firefox/"onclick="dcsMultiTrack('WT.z_panel','Desktops & Laptops','WT.z_cta','upgrade firefox','WT.z_convert','downloadfirefox','WT.dl',99);">upgrade now!</a></p>
</div>
<div class="note" id="gauge-fast-note">
<p><strong>Now we’re talking!</strong> Feels better, doesn’t it? Welcome to the future of the Web. It’s nice here.</p>
</div>
</div>
<div id="non-fx">
<p id="detected">Hey, looks like you’re using %BROWSER%. Why not grab Firefox and get up to speed?</p>
<p id="notdetected">Hey, looks like you’re not using Firefox as your browser. Why not grab Firefox and get up to speed?</p>
<p id="followup">New Firefox is faster, free (as always), crashes less and protects your privacy more. <a href="/firefox/" onclick="dcsMultiTrack('WT.z_panel','Desktops & Laptops','WT.z_cta','download firefox','WT.z_convert','downloadfirefox','WT.dl',99);">Upgrading</a> takes less than a minute and you won’t lose your history or bookmarks. Hooray!</p>
</div>
</div>
</section>
<section class="slide" id="smartphones-slide">
<div class="slide-content">
<div class="content">
<h2>{{ _('Type less, browse more, and get to the Web quickly and easily.') }}</h2>
<aside class="download-button">
<p>
<a href="https://market.android.com/details?id=org.mozilla.firefox" class="button download-android" onclick="dcsMultiTrack('WT.z_panel','Smartphones','WT.z_cta','Get Firefox for Android','WT.z_convert','Get Firefox for Android','WT.dl',99);">
<span class="download-content">
<span class="download-title">Get Firefox <span class="sub">for Android</span></span>
</span>
</a>
</p>
<small class="download-other">
<a href="/legal/privacy/firefox.html">{{ _('Privacy Policy') }}</a> |
<a href="/mobile/platforms">{{ _('Supported Devices') }}</a> |
<a href="/mobile/{{latest_version}}/releasenotes">{{ _('Release Notes') }}</a>
</small>
</aside>
</div>
<p class="footnote">iPhone user? <a href="http://support.mozilla.org/en-US/kb/will-firefox-work-my-mobile-device?s=firefox+on+iphone&r=1&e=sph&as=s#w_firefox-home-for-iphone">Click here.</a></p>
</div>
</section>
<section class="slide" id="tablets-slide">
<div class="slide-content">
<div class="content">
<h2>Optimized for the size, shape, and the way you browse on tablets.</h2>
<aside class="download-button">
<p>
<a href="https://market.android.com/details?id=org.mozilla.firefox" class="button download-android" onclick="dcsMultiTrack('WT.z_panel','Tablets','WT.z_cta','Get Firefox for Android','WT.z_convert','Get Firefox for Android','WT.dl',99);">
<span class="download-content">
<span class="download-title">Get Firefox <span class="sub">for Android</span></span>
</span>
</a>
</p>
<small class="download-other">
<a href="/legal/privacy/firefox.html">{{ _('Privacy Policy') }}</a> |
<a href="/mobile/platforms">{{ _('Supported Devices') }}</a> |
<a href="/mobile/{{latest_version}}/releasenotes">{{ _('Release Notes') }}</a>
</small>
</aside>
</div>
<p class="footnote">iPad user? <a href="http://support.mozilla.org/en-US/kb/will-firefox-work-my-mobile-device?s=firefox+on+iphone&r=1&e=sph&as=s#w_firefox-home-for-iphone">Click here.</a></p>
</div>
</section>
<section class="slide" id="addons-slide">
<div class="slide-content">
<div class="content">
<h2>{{ _('Customize your browsing on both desktop and mobile.') }}</h2>
<p><a href="https://addons.mozilla.org" class="button go" onclick="dcsMultiTrack('WT.z_panel','Favorite Add-ons','WT.z_cta','Browse Add-ons','WT.dl',99);">{{ _('Browse Add-ons') }}</a></p>
</div>
<ul id="addons-list">
<li class="addon">
<h3><a href="https://addons.mozilla.org/en-US/mobile/addon/adblock-plus/?src=fx-devices" rel="external"><img src="//static-ssl-cdn.addons.mozilla.net/img/uploads/addon_icons/1/1865-48.png" alt=""> {{ _('AdBlock Plus') }}</a></h3>
<p class="desc">{{ _('Regain control and change the way that you view the Web.') }}</p>
<ul class="add-to">
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/adblock-plus/?src=fx-devices" onclick="dcsMultiTrack('WT.z_panel','Favorite Add-ons','WT.z_cta','Adblock Plus Desktop','WT.dl',99);">{{ _('Add to Desktop') }}</a></li>
<li><a href="https://addons.mozilla.org/en-US/mobile/addon/adblock-plus/?src=fx-devices" onclick="dcsMultiTrack('WT.z_panel','Favorite Add-ons','WT.z_cta','Adblock Plus Mobile','WT.dl',99);">{{ _('Add to Mobile') }}</a></li>
</ul>
</li>
<li class="addon">
<h3><a href="https://addons.mozilla.org/en-US/mobile/addon/noscript/?src=fx-devices" rel="external"><img src="//static-ssl-cdn.addons.mozilla.net/img/uploads/addon_icons/0/722-48.png" alt=""> {{ _('No Script') }}</a></h3>
<p class="desc">{{ _('Allow active content to run only from sites you trust.') }}</p>
<ul class="add-to">
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/noscript/?src=fx-devices" onclick="dcsMultiTrack('WT.z_panel','Favorite Add-ons','WT.z_cta','No Script Desktop','WT.dl',99);">{{ _('Add to Desktop') }}</a></li>
<li><a href="https://addons.mozilla.org/en-US/mobile/addon/noscript/?src=fx-devices" onclick="dcsMultiTrack('WT.z_panel','Favorite Add-ons','WT.z_cta','No Script Mobile','WT.dl',99);">{{ _('Add to Mobile') }}</a></li>
</ul>
</li>
<li class="addon">
<h3><a href="https://addons.mozilla.org/en-US/mobile/addon/speed-dial/?src=fx-devices" rel="external"><img src="//static-ssl-cdn.addons.mozilla.net/img/uploads/addon_icons/4/4810-48.png" alt=""> {{ _('Speed Dial') }}</a></h3>
<p class="desc">{{ _('Direct access to your most visited websites.') }}</p>
<ul class="add-to">
<li><a href="https://addons.mozilla.org/en-US/firefox/addon/speed-dial/?src=fx-devices" onclick="dcsMultiTrack('WT.z_panel','Favorite Add-ons','WT.z_cta','Speed Dial Desktop','WT.dl',99);">{{ _('Add to Desktop') }}</a></li>
<li><a href="https://addons.mozilla.org/en-US/mobile/addon/speed-dial/?src=fx-devices" onclick="dcsMultiTrack('WT.z_panel','Favorite Add-ons','WT.z_cta','Speed Dial Mobile','WT.dl',99);">{{ _('Add to Mobile') }}</a></li>
</ul>
</li>
</ul>
<p class="footnote">These are just three of our favorites, but there are <a href="https://addons.mozilla.org">thousands more</a>.</p>
</div>
</section>
<section class="slide" id="sync-slide">
<div class="slide-content">
<div class="content">
<h2>{{ _('Your Web, <br>anywhere you go.')|safe }}</h2>
<p><a href="http://www.mozilla.org/en-US/mobile/sync/" class="button go" onclick="dcsMultiTrack('WT.z_panel','Sync Your Gadgets','WT.z_cta','Sync Your Gadgets','WT.dl', 99);">{{ _('Get in Sync') }}</a></p>
</div>
</div>
</section>
</div>
</div>
<nav class="slider-dots slider-pager">
<ul>
<li><a href="#speed">{{ _('Desktops & Laptops') }}</a></li>
<li><a href="#smartphones">{{ _('Smartphones') }}</a></li>
<li><a href="#tablets">{{ _('Tablets') }}</a></li>
<li><a href="#addons">{{ _('Favorite Add-ons') }}</a></li>
<li><a href="#sync">{{ _('Sync Your Gadgets') }}</a></li>
</ul>
</nav>
{% endblock %}