Permalink
Switch branches/tags
Find file Copy path
164 lines (137 sloc) 6.68 KB
{# 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/. -#}
{% from "macros.html" import google_play_button with context %}
{% add_lang_files "firefox/new/quantum" %}
{% extends "firefox/base-protocol.html" %}
{% block canonical_urls %}
{# the "scene 2" page should set canonical to the /firefox/new/ page to give that
page the SEO weight of links directly to "scene 2".
see https://github.com/mozilla/bedrock/pull/5463 #}
<link rel="canonical" href="{{ settings.CANONICAL_URL }}/{{ LANG }}/firefox/new/">
{% endblock %}
{% block page_og_url %}{{ settings.CANONICAL_URL }}/{{ LANG }}/firefox/new/{% endblock %}
{% block page_title_prefix %}{{_('Download Firefox')}} — {% endblock %}
{# Bug 1438302 Avoid duplicate content for en-CA and en-GB pages. #}
{%- block page_title -%}
{% if LANG == 'en-CA' %}
Free Web Browser (CA)
{% elif LANG == 'en-GB' %}
Free Web Browser (UK)
{% else %}
{{_('Free Web Browser')}}
{% endif %}
{%- endblock -%}
{# All stylesheets are loaded in extrahead to serve legacy IE basic styles #}
{% block extrahead %}
{{ super() }}
{{ css_bundle('firefox_new_scene2_email') }}
{% endblock %}
{% block body_id %}firefox-new-scene2{% endblock %}
{% block string_data %}
data-pixels="{% for pixel in settings.TRACKING_PIXELS %}{{ pixel }}{% if not loop.last %}::{% endif %}{% endfor %}"
{% endblock %}
{% block site_header %}{% endblock %}
{% if LANG == 'en-CA' %}
{% set firefox_logo_title = 'Firefox (CA)' %}
{% set mozilla_logo_title = 'Mozilla (CA)' %}
{% elif LANG == 'en-GB' %}
{% set firefox_logo_title = 'Firefox (UK)' %}
{% set mozilla_logo_title = 'Mozilla (UK)' %}
{% else %}
{% set firefox_logo_title = 'Firefox' %}
{% set mozilla_logo_title = 'Mozilla' %}
{% endif %}
{% block content %}
<main class="main mzp-t-firefox mzp-t-dark">
<section class="status">
<div class="mzp-l-content mzp-t-firefox">
{# fallback_url is replaced by the platform download link via JS, but if
something fails the user should still get a link to a working download path. #}
{% set id, fallback_url = 'direct-download-link', url('firefox.all') %}
<p>
{% if l10n_has_tag('firefox_new_try_again_link_020818') %}
{% trans %}
Your download should begin automatically. Didn’t work? <a id="{{ id }}" href="{{ fallback_url }}">Try downloading again</a>.
{% endtrans %}
{% else %}
{% trans %}
Your download should begin automatically. If it doesn’t, <a id="{{ id }}" href="{{ fallback_url }}">click here</a>.
{% endtrans %}
{% endif %}
</p>
</div>
</section>
<div class="mzp-l-content">
<div class="header-logos">
<h2><a class="firefox" href="{{ url('firefox') }}" title="{{ firefox_logo_title }}">{{ high_res_img('logos/firefox/logo-quantum-wordmark-white.png', {'alt': firefox_logo_title, 'width': '133', 'height': '50'}) }}</a></h2>
<h2><a class="mozilla" href="{{ url('mozorg.home') }}" title="{{ mozilla_logo_title }}"><img src="{{ static('img/logos/mozilla/wordmark-dark.svg')}}" alt="{{ mozilla_logo_title }}" width="101" height="34"></a></h2>
</div>
<div class="content-main">
<div class="download-button-wrapper desktop" id="download-button-wrapper-desktop">
{{ download_firefox(force_direct=true, dom_id='primary-download-button') }}
</div>
{% if show_newsletter and l10n_has_tag('download_thanks_newsletter_092018') %}
<h1 class="headline">
{% block headline %}
{{ _('Learn how to make Firefox even smarter, faster and more secure.') }}
{% endblock %}
</h1>
<p class="tagline">{{ _('Get informative tips, tricks and product announcements delivered to your inbox.') }}</p>
<div class="mzp-c-newsletter">
{{ email_newsletter_form(
protocol_component=True,
include_title=False,
email_label=_('Enter your email address'),
details='<a href="%s" class="email-privacy-link">%s</a>'|format(url('privacy.email'), _('How will Mozilla use my email?'))|safe
)}}
</div>
<aside class="email-privacy mzp-u-modal-content">
<h3>{{ _('How will Mozilla use my email?') }}</h3>
<p>
{% trans
manifesto=url('mozorg.about.manifesto'),
principles=url('privacy.principles')
%}
Mozilla doesn’t just value your email privacy and security – it’s part of our <a href="{{ manifesto }}">Manifesto</a>: “Individuals’ security and privacy on the internet are fundamental and must not be treated as optional.” <a href="{{ principles }}">You can learn about our Data Privacy Principles here</a>.
{% endtrans %}
</p>
<p><strong>{{ _('What we want you to know:') }}</strong></p>
<ul class="prose mzp-u-list-styled">
<li>{{ _('You don’t need to give us your email to download and use Firefox.') }}</li>
<li>{{ _('We asked for your email because our research shows that people who receive an introductory experience do more and better with Firefox.') }}</li>
<li>{{ _('You can expect emails designed to help you optimize Firefox to work best for you, learn more about privacy & security and find out how to make the best of your time on the web.') }}</li>
<li>{{ _('You can unsubscribe anytime, for any reason.') }}</li>
<li>{{ _('We will not share, sell or use your email for any other purposes.') }}</li>
</ul>
</aside>
{% else %}
<aside class="mobile-download">
<h1 class="headline">{{ _('Let’s do this!') }}</h1>
<p class="tagline">{{ _('Sync up with Firefox on mobile:') }}</p>
<ul>
<li>
{{ google_play_button(extra_data_attributes={'download-location': 'other'}) }}
</li>
<li>
<a href="{{ firefox_ios_url('mozorg-scene_2-appstore-button') }}" data-link-type="download" data-download-os="iOS" data-download-location="other">
<img src="{{ l10n_img('firefox/ios/btn-app-store.svg') }}" alt="{{ _('Download on the App Store') }}" width="152" height="45">
</a>
</li>
</ul>
</aside>
{% endif %}
</div>
</div>
</main>
{% endblock %}
{% block js %}
{% if switch('tracking-pixel') %}
{{ js_bundle('firefox_new_pixel') }}
{% endif %}
{% if show_newsletter %}
{{ js_bundle('firefox_new_scene2_email') }}
{% endif %}
{# Keep download JS in a separate bundle to email JS, to reduce risk of errors interrupting download. #}
{{ js_bundle('firefox_new_scene2') }}
{% endblock %}