Permalink
Switch branches/tags
Find file Copy path
307 lines (294 sloc) 15.5 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/. -#}
{% extends "mozorg/home/home-en.html" %}
{% add_lang_files "mozorg/home/index-quantum" %}
{% block mozilla_content %}
<div class="mozilla-content">
<div class="mzp-l-content">
<div class="mzp-l-card-hero">
{% if switch('firefox-election-build') %}
{% set bundle_title = 'Get the Firefox U.S. Election Bundle' %}
{% else %}
{% set bundle_title = 'Get the Firefox U.S. Election Collection' %}
{% endif %}
{{ card_block(
class='mzp-c-card-large',
tag_label=_('Firefox'),
title=bundle_title,
ga_title=bundle_title,
desc=_('Decode political ad targeting and keep Facebook off your back.'),
image_url='home/2018/cards/election/wise-up.jpg',
aspect_ratio='mzp-has-aspect-16-9',
link_url='/firefox/election/'
)}}
<!-- 2 -->
{{ card_block(
tag_label=_('Video'),
media_icon='mzp-has-video',
title=_('When did the truth become so subjective?'),
ga_title='When did the truth become so subjective?',
desc=_('The truth is out there, and we have the ability to vote and shape our world based upon it.'),
image_url='home/2018/cards/election/truth.jpg',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/internetcitizen/2018/10/04/misinfo-nation-misinformation-democracy-internet/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
youtube_id='qldxyjEjjBQ'
)}}
<!-- 3 -->
{{ card_block(
tag_label=_('Get involved'),
title=_('Election Day is almost here'),
ga_title='Election Day is almost here',
desc=_('Check your voter registration status to make sure you’re ready for Nov. 6.'),
image_url='home/2018/cards/election/registered-vote.png',
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozilla.org/internetcitizen/2018/09/20/be-a-voter-save-the-web/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
)}}
<!-- 4 -->
{{ card_block(
tag_label=_('Podcast'),
title=_('IRL: What to expect when you’re electing'),
ga_title='IRL: What to expect when you’re electing',
desc=_('Veronica Belmont and Baratunde Thurston examine how the internet is changing our minds, our votes and democracy itself.'),
image_url='home/2018/cards/election/irl.png',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-1-1',
link_url='https://irlpodcast.org/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 5 -->
{{ card_block(
tag_label=_('Pocket'),
title=_('Read Pocket’s Election Section'),
ga_title='Read Pocket’s Election Section',
desc=_('Here’s an easy way to follow the election, curated by Pocket.'),
include_highres_image=True,
image_url='home/2018/cards/election/pocket-election.png',
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://getpocket.com/explore/midterms/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
</div>
<div class="mzp-c-billboard mzp-l-billboard-right">
<div class="mzp-c-billboard-image-container">
{{ high_res_img('home/2018/billboard-more-power.png', {'alt': '', 'class': 'mzp-c-billboard-image', 'width': '346', 'height': '346'}) }}
</div>
<div class="mzp-c-billboard-content">
<div class="mzp-c-billboard-content-container">
<div class="mzp-c-billboard-content-inner">
<h2 class="mzp-c-billboard-title">{{ _('More power to you.') }}</h2>
<p class="mzp-c-billboard-desc">{{ _('We’re the not-for-profit behind products, technologies and programs that make the internet healthier for everyone.') }}</p>
<a class="mzp-c-cta-link" href="{{ url('mozorg.about') }}">{{ _('Learn more about us') }}</a>
</div>
</div>
</div>
</div>
<!-- 6 -->
<div class="mzp-l-card-half">
{{ card_block(
class='mzp-c-card-medium',
tag_label=_('Internet Health'),
title=_('Why fair elections need responsible tech'),
ga_title='Why fair elections need responsible tech',
desc=_('For democracy to thrive in the internet era, we need technology that respects rules and privacy.'),
image_url='home/2018/cards/election/responsible-tech.jpg',
include_highres_image=True,
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/internetcitizen/2018/09/21/why-fair-elections-require-responsible-tech/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
)}}
<!-- 7 -->
{{ card_block(
class='mzp-c-card-medium',
tag_label=_('Guest: Alexios Mantzarlis'),
title=_('Nothing is as simple as it looks'),
ga_title='Nothing is as simple as it looks',
desc=_('Misinformation is a complicated problem facing media, publishers and consumers around the world.'),
include_highres_image=True,
image_url='home/2018/cards/election/nothing-simple.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/internetcitizen/2018/10/03/ifcn-article/?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_block(
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_block(
class='mzp-c-card-medium',
tag_label=_('Guest: Dipayan Ghosh'),
title=_('Microtargeting and our politics'),
ga_title='Microtargeting and our politics',
desc=_('Dipayan Ghosh explains how we are sliced, diced and served up to political operations on social media. '),
include_highres_image=True,
image_url='home/2018/cards/election/microtargeting.jpg',
include_highres_image=False,
aspect_ratio='mzp-has-aspect-19-9',
link_url='https://blog.mozilla.org/internetcitizen/2018/10/04/microtargeting-dipayan-ghosh/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
)}}
<!-- 9 -->
{{ card_block(
class='mzp-c-card-medium',
tag_label=_('Guest: Genevieve Valentine'),
title=_('Hello, I’m your election'),
ga_title='Hello, I’m your election',
desc=_('We invited science fiction and fantasy author Genevieve Valentine to describe elections in the future.'),
include_highres_image=True,
image_url='home/2018/cards/election/hello-election.jpg',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/internetcitizen/2018/10/04/election-genevieve-valentine/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
</div>
<div class="mzp-c-billboard mzp-l-billboard-left">
<div class="mzp-c-billboard-image-container">
{{ high_res_img('home/2018/billboard-healthy-internet.png', {'alt': '', 'class': 'mzp-c-billboard-image', 'width': '346', 'height': '346'}) }}
</div>
<div class="mzp-c-billboard-content">
<div class="mzp-c-billboard-content-container">
<div class="mzp-c-billboard-content-inner">
<h2 class="mzp-c-billboard-title">{{ _('Support a healthy internet.') }}</h2>
<p class="mzp-c-billboard-desc">{{ _('Open-source apps. Web literacy curriculum. Guides for fostering gender equality.') }}</p>
<a class="mzp-c-cta-link" href="https://foundation.mozilla.org/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=billboard">{{ _('Visit the Mozilla Foundation') }}</a>
</div>
</div>
</div>
</div>
<div class="mzp-l-card-third">
<!-- 10 -->
{{ card_block(
tag_label=_('Security'),
title=_('Protect yourself with Firefox Monitor'),
ga_title='Protect yourself with Firefox Monitor',
desc=_('Check your email address against known data breaches and sign up to be alerted if it happens in the future.'),
image_url='home/2018/cards/election/firefox-monitor.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/firefox/firefox-monitor-take-control-of-your-data/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 11 -->
{{ card_block(
tag_label=_('Emerging Technologies'),
title=_('Firefox Reality'),
ga_title='Firefox Reality',
desc=_('Explore the immersive web with Firefox Reality on Viveport, Oculus and Daydream.'),
image_url='home/2018/cards/election/firefox-reality.png',
aspect_ratio='mzp-has-aspect-1-1',
link_url='https://blog.mozilla.org/blog/2018/09/18/firefox-reality-now-available/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 12 -->
{{ card_block(
tag_label=_('Emerging Technologies'),
title=_('Firefox Reality Developers Guide'),
ga_title='Firefox Reality Developers Guide',
desc=_('Mozilla’s VR web browser is getting closer to release. Let’s talk about how to make your experiences work well in this new browser.'),
image_url='home/2018/cards/election/firefox-reality-developers.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozvr.com/firefox-reality-developers-guide/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 13 -->
{{ card_block(
tag_label=_('Firefox'),
title=_('Side View is in a league of its own'),
ga_title='Side View is in a league of its own',
desc=_('Side View makes it easier to tackle game analysis, roster changes and player trades, all in one window.'),
include_highres_image=True,
image_url='home/2018/cards/election/side-view.png',
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozilla.org/firefox/let-firefoxs-side-view-extension-give-you-an-edge-for-fantasy-football-basketball-hockey-and-all-the-other-sportsballs/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 14 -->
{{ card_block(
tag_label=_('Developers'),
title=_('Box begone'),
ga_title='Box begone',
desc=_('Make your web layouts bust out of the rectangle with the Firefox Shape Path Editor.'),
image_url='home/2018/cards/election/css-shapes.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://hacks.mozilla.org/2018/09/make-your-web-layouts-bust-out-of-the-rectangle-with-the-firefox-shape-path-editor/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
<!-- 15 -->
{{ card_block(
tag_label=_('Emerging Technologies'),
title=_('Kudos for Common Voice'),
ga_title='Kudos for Common Voice',
desc=_('Common Voice was honored as a Finalist in the Experimental category in Fast Company’s 2018 Innovation by Design Awards.'),
image_url='home/2018/cards/election/common-voice.svg',
aspect_ratio='mzp-has-aspect-3-2',
link_url='https://blog.mozilla.org/blog/2018/09/10/fast-company-innovation-by-design-award-for-common-voice/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card'
)}}
</div>
<div class="mzp-c-billboard mzp-l-billboard-right">
<div class="mzp-c-billboard-image-container">
{{ high_res_img('home/2018/billboard-open-minds.png', {'alt': '', 'class': 'mzp-c-billboard-image', 'width': '346', 'height': '346'}) }}
</div>
<div class="mzp-c-billboard-content">
<div class="mzp-c-billboard-content-container">
<div class="mzp-c-billboard-content-inner">
<h2 class="mzp-c-billboard-title">{{ _('Open source. <br>Open minds.') }}</h2>
<p class="mzp-c-billboard-desc">{{ _('Mozilla creates powerful web tech for everyone.') }}</p>
<a class="mzp-c-cta-link" href="{{ url('mozorg.technology') }}">{{ _('Explore Mozilla technology') }}</a>
</div>
</div>
</div>
</div>
<div class="mzp-l-card-half">
<!-- 16 -->
{{ card_block(
class='mzp-c-card-medium',
tag_label=_('Rapid Fire'),
title=_('Data, privacy and business practices'),
ga_title='Data, privacy and business practices',
desc=_('Rebecca Weiss is deep in the data and the decisions Mozilla makes about it. Her team’s role in a nutshell: find value in data.'),
image_url='home/2018/cards/election/rebecca-weiss.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/internetcitizen/2018/08/28/rebecca-weiss/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=card',
)}}
<!-- 17 -->
{{ card_block(
class='mzp-c-card-medium',
tag_label=_('Privacy'),
title=_('Here’s what we think about privacy'),
ga_title='Here’s what we think about privacy',
desc=_('At Firefox our privacy philosophy guides how we put people first when we make products, manage data and advocate for policies.'),
image_url='home/2018/cards/election/firefox-privacy-philosophy.png',
aspect_ratio='mzp-has-aspect-16-9',
link_url='https://blog.mozilla.org/internetcitizen/2018/08/13/firefox-privacy-philosophy/?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>
{% endblock %}