Permalink
Switch branches/tags
Find file Copy path
395 lines (368 sloc) 18.2 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-protocol.html" import billboard, card with context %}
{% extends "base-protocol.html" %}
{% add_lang_files "mozorg/home/index-quantum" %}
{% block gtm_page_id %}data-gtm-page-id="Homepage"{% endblock %}
{% block page_title %}{{ _('Internet for people, not profit') }}{% endblock %}
{# Bug 1438302 Avoid duplicate content for en-CA and en-GB pages. #}
{%- block page_title_suffix -%}
{% if LANG == 'en-CA' %}
— Mozilla (CA)
{% elif LANG == 'en-GB' %}
— Mozilla (UK)
{% else %}
— Mozilla
{% endif %}
{%- endblock -%}
{% block page_desc %}
{{ _('Mozilla is the not-for-profit behind the lightning fast Firefox browser. We put people over profit to give everyone more power online.') }}
{% endblock %}
{% block body_id %}home{% endblock %}
{% block extra_meta %}
<!-- validates bing webmaster tools -->
<meta name="msvalidate.01" content="B7B177115A634927D608514DA17B2574">
<!-- YouTube Verification -->
<meta name="google-site-verification" content="U9a6gH32vLIykvntaDToj-ytYhlZ1AfAgVEKstixQIE">
{% endblock %}
{% block page_css %}
{{ css_bundle('home-2018') }}
{% endblock %}
{% block site_header %}
{% if LANG.startswith('en-') %}
{% include 'includes/navigation-switch.html' %}
{% else %}
{% with is_home = True %}
{% set logo_src = static('img/pebbles/moz-wordmark-dark-reverse.svg') %}
{% include 'mozorg/home/includes/nav.html' %}
{% endwith %}
{% endif %}
{% endblock %}
{% block content %}
<main>
<header class="main-page-heading">
{# Main page h1 is hidden from view and exists mainly for SEO purposes #}
<h1>{{ self.page_title() }}</h1>
</header>
<section id="download-firefox-primary-cta" class="download-firefox-primary-cta">
<div class="mzp-l-content">
<div class="primary-wrapper">
<h2 class="primary-title">{{ _('Firefox') }}</h2>
<h3 class="primary-title-sub">{{ _('Fast. Private. Fearless.') }}</h3>
<p class="primary-desc-sub">{{ _('Firefox fights for you.') }}</p>
{{ download_firefox(dom_id='download-primary', download_location='primary cta') }}
</div>
</div>
</section>
<section id="download-firefox-sticky-cta" class="download-firefox-sticky-cta">
<div class="mzp-l-content">
<div class="primary-wrapper">
<h2 class="primary-title">{{ _('<strong>Firefox</strong> fights for you.') }}</h2>
<h3 class="primary-title-sub">{{ _('Fast. Private. Fearless.') }}</h3>
<p class="primary-desc-sub">{{ _('Firefox fights for you.') }}</p>
{{ download_firefox(dom_id='download-sticky', download_location='sticky cta', button_color='button-small') }}
</div>
</div>
</section>
<div class="mozilla-content">
<div class="mzp-l-content">
<div class="mzp-l-card-hero">
<!-- 1 -->
{{ card(
class='mzp-c-card-large',
tag_label=_('Pocket'),
title=_('Listen is a new way to read with Pocket'),
ga_title='Listen is a new way to read with Pocket',
desc=_('With Pocket’s enhanced listen feature, you can read or listen to content on the go.'),
image_url='home/2018/cards/pocket.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='http://getpocket.com/blog/2018/10/introducing-the-new-pocket/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 2 -->
{{ card(
tag_label=_('News'),
title=_('Firefox on The Cheddar'),
ga_title='Firefox on The Cheddar',
desc=_('We want to be there to help protect you in your web experience — Denelle Dixon on why we built enhanced tracking protection into Firefox.'),
image_url='home/2018/cards/cheddar.jpg',
aspect_ratio='mzp-has-aspect-1-1',
link_url='https://blog.mozilla.org/internetcitizen/2018/11/05/cheddar-firefox-enhanced-tracking-protection/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 3 -->
{{ card(
tag_label=_('Firefox'),
title=_('Latest Firefox rolls out Enhanced Tracking Protection'),
ga_title='Latest Firefox rolls out Enhanced Tracking Protection',
desc=_('Get the power to block third-party cookies and effectively stop the most common form of cross-site tracking.'),
image_url='home/2018/cards/firefox.png',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozilla.org/blog/2018/10/23/latest-firefox-rolls-out-enhanced-tracking-protection/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
)}}
<!-- 4 -->
{{ card(
tag_label=_('Security'),
title=_('Data Leeks: Recipes for online privacy'),
ga_title='Data Leeks: Recipes for online privacy',
desc=_('Not convinced that a data breach could have real, personal implications? These stories might change your mind.'),
image_url='home/2018/cards/data-leeks.jpg',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://www.dataleeks.com/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 5 -->
{{ card(
tag_label=_('Firefox'),
title=_('Browser hijacking explained'),
ga_title='Browser hijacking explained',
desc=_('A browser is hijacked by software that has been installed on your system, sometimes intentionally and sometimes without your knowing it.'),
image_url='home/2018/cards/browser-hijacking.png',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozilla.org/firefox/your-browser-is-hijacked-now-what/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
</div>
{{ billboard(
title=_('More power to you.'),
ga_title='More power to you.',
desc=_('Mozilla puts people before profit, creating products, technologies and programs that make the internet healthier for everyone.'),
link_cta=_('Learn more about us'),
link_url=url('mozorg.about'),
image_url='home/2018/billboard-more-power.png',
include_highres_image=True
)}}
<div class="mzp-l-card-half">
<!-- 6 -->
{{ card(
class='mzp-c-card-medium',
tag_label=_('Emerging Technologies'),
title=_('Mixed reality data and consent'),
ga_title='Mixed reality data and consent',
desc=_('New kinds of data generated by mixed reality devices present an opportunity to change the conversation about permissions and consent.'),
image_url='home/2018/cards/data-consent.jpg',
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozvr.com/principles-of-mixed-reality-permissions/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
)}}
<!-- 7 -->
{{ card(
class='mzp-c-card-medium',
tag_label=_('Firefox'),
title=_('Save a step when you’re searching'),
ga_title='Save a step when you’re searching',
desc=_('Quick and savvy web users know love the multiple ways you can get to search from within Firefox.'),
include_highres_image=True,
image_url='home/2018/cards/search.png',
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozilla.org/firefox/save-a-search-step/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
</div>
</div>
{% if switch('show_pocket_feed', ['en']) and pocket_articles %}
<aside class="pocket">
<div class="mzp-l-content">
<h3 class="section-heading">{{ _('What we’re reading:') }}</h3>
<p class="tagline">{{ _('Like this feed? <a href="%(url)s">Subscribe</a> via Pocket')|format(url='https://getpocket.com/@MozillaHQ') }}</p>
<div class="mzp-l-card-quarter">
{% for article in pocket_articles %}
{{ card(
class='mzp-c-card-extra-small',
tag_label=article.domain,
title=article.display_title,
ga_title='Pocket Link {}'.format(loop.index),
image_url=article.image_src or 'pocket/pocket-feed-default.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url=article.url
) }}
{% endfor %}
</div>
</div>
</aside>
{% endif %}
<div class="mzp-l-content">
<div class="mzp-l-card-half">
<!-- 8 -->
{{ card(
class='mzp-c-card-medium',
tag_label=_('Grants'),
title=_('Keeping AI accountable'),
ga_title='Keeping AI accountable',
desc=_('Meet the Creative Media Awards recipients whose projects use art and advocacy to highlight the unintended consequences of AI.'),
image_url='home/2018/cards/ai-accountable.jpg',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/blog/2018/10/24/keeping-ai-accountable-with-science-fiction-documentaries-and-doodles-plus-225000/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
)}}
<!-- 9 -->
{{ card(
class='mzp-c-card-medium',
tag_label=_('Grants'),
title=_('Ethics in computer science competition'),
ga_title='Ethics in computer science competition',
desc=_('Up to $3.5 Million in prizes will be awarded. Initial Funding Concepts for Stage 1 are being accepted now through December 13, 2018.'),
image_url='home/2018/cards/ethics.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/blog/2018/10/10/announcing-a-competition-for-ethics-in-computer-science-with-up-to-3-5-million-in-prizes/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
</div>
{{ billboard(
title=_('Support a healthy internet.'),
ga_title='Support a healthy internet.',
desc=_('The not-for-profit Mozilla Foundation supports open-source apps, web literacy curriculum, gender equality in tech and more.'),
link_cta=_('Visit the Mozilla Foundation'),
link_url='https://foundation.mozilla.org/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=billboard',
image_url='home/2018/billboard-healthy-internet.png',
include_highres_image=True,
reverse=True
)}}
<div class="mzp-l-card-third">
<!-- 10 -->
{{ card(
tag_label=_('Rapid Fire'),
title=_('Even better privacy protection'),
ga_title='Even better privacy protection',
desc=_('Enhanced Tracking Protection in Firefox, plus blocking fingerprinters and abusive cryptocurrency mining in future releases.'),
image_url='home/2018/cards/dolanjski.jpg',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/internetcitizen/2018/11/02/peter-dolanjski-firefox-enhanced-tracking-protection/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 11 -->
{{ card(
tag_label=_('Grants'),
title=_('Women Startup Challenge Europe'),
ga_title='Women Startup Challenge Europe',
desc=_('Women-led startup finalists from across Europe pitched their ventures before a panel of tech industry executives. Here are the winners.'),
image_url='home/2018/cards/women-startup.jpg',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/blog/2018/10/26/women-who-tech-and-mozilla-announce-winners-of-women-startup-challenge-europe/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 12 -->
{{ card(
tag_label=_('Emerging Technologies'),
media_icon='mzp-has-video',
title=_('Firefox Reality gets recline mode'),
ga_title='Firefox Reality gets recline mode',
desc=_('Now available for download in the Viveport, Oculus and Daydream app stores.'),
image_url='home/2018/cards/reality.jpg',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozvr.com/introducing-spoke/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
youtube_id='BcHiFM3m50A'
)}}
<!-- 13 -->
{{ card(
tag_label=_('Firefox'),
title=_('Get the new Firefox Focus'),
ga_title='Get the new Firefox Focus',
desc=_('The latest version comes with search suggestions, revamped visual design and an under-the-hood surprise for Android users.'),
image_url='home/2018/cards/focus.png',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/blog/2018/10/02/new-firefox-focus-comes-with-search-suggestions-revamped-visual-design-and-an-under-the-hood-surprise-for-android-users/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 14 -->
{{ card(
tag_label=_('Community'),
title=_('Show support for Firefox with badges'),
ga_title='Show support for Firefox with badges',
desc=_('If you’re a Firefox user and want to show your support, we’ve made a collection of badges you can add to your website.'),
image_url='home/2018/cards/badges.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://hacks.mozilla.org/2018/10/show-your-support-for-firefox-with-new-badges/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 15 -->
{{ card(
tag_label=_('Developers'),
title=_('Are you a developer?'),
ga_title='Are you a developer?',
desc=_('Get the latest features, fast performance and the development tools you need to build for the open web with Firefox Develop Edition.'),
image_url='home/2018/cards/developer.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url=url('firefox.developer.index')
)}}
</div>
{{ billboard(
title=_('Open source. <br>Open minds.'),
ga_title='Open source. <br>Open minds.',
desc=_('Mozilla creates powerful web tech for everyone.'),
link_cta=_('Explore Mozilla technology'),
link_url=url('mozorg.technology'),
image_url='home/2018/billboard-open-minds.png',
include_highres_image=True
)}}
<div class="mzp-l-card-half">
<!-- 16 -->
{{ card(
class='mzp-c-card-medium',
tag_label=_('Internet Health'),
title=_('Data Detox for a healthier digital life'),
ga_title='Data Detox for a healthier digital life',
desc=_('With data breaches, creepy ads following you, and years of photos on social media, now is the time for a Data Detox to regain control.'),
image_url='home/2018/cards/data-detox.png',
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozilla.org/internetcitizen/2017/11/08/data-detox/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
)}}
<!-- 17 -->
{{ card(
class='mzp-c-card-medium',
tag_label=_('Security'),
title=_('Tips to boost your digital security'),
ga_title='Tips to boost your digital security',
desc=_('There is little you can do to prevent a data breach. However, there is plenty you can do to protect yourself in anticipation of one.'),
image_url='home/2018/cards/digital-security.png',
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozilla.org/internetcitizen/2018/10/01/worried-about-data-breach-protect-passwords/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
</div>
<aside class="mzp-c-newsletter">
<div class="mzp-c-newsletter-image">
{{ high_res_img('home/2018/newsletter-graphic.png', {'alt': ''}) }}
</div>
<div class="newsletter-content">
{% set newsletter_id = 'mozilla-foundation' if LANG.startswith('en-') else 'mozilla-and-you' %}
{{ email_newsletter_form(
newsletters=newsletter_id,
title=_('Love the Web?'),
subtitle=_('Get the Mozilla newsletter and help us keep it open and free.'),
button_class='button-dark',
submit_text=_('Sign up now'),
protocol_component=True
)}}
</div>
</aside>
</div>
</div>
<div class="download-firefox-secondary-cta">
<div class="mzp-l-content">
<div class="secondary-content">
<h2 class="secondary-title">{{ _('Supporting a healthy internet is easy.') }}</h2>
<p class="tagline">{{ _('Get started by browsing with Firefox powered by Mozilla.') }}</p>
{{ download_firefox(dom_id='download-secondary', download_location='secondary cta') }}
</div>
</div>
</div>
</main>
{# https://github.com/mozilla/bedrock/issues/5741 #}
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Mozilla",
"url": "https://www.mozilla.org",
"logo": "{% filter absolute_url %}{{ static('img/mozorg/mozilla-256.jpg') }}{% endfilter %}",
"sameAs": [
"https://www.wikidata.org/wiki/Q9661",
"https://twitter.com/mozilla",
"https://www.facebook.com/mozilla",
"https://github.com/mozilla",
"https://www.instagram.com/mozilla/",
"https://www.youtube.com/user/Mozilla",
"https://wikipedia.org/wiki/Mozilla",
"https://www.linkedin.com/company/mozilla-corporation"
]
}
</script>
{% endblock %}
{% block js %}
{{ js_bundle('home') }}
{% endblock %}