<commit_before>{# 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 hero, billboard, card, call_out_compact, content_card with context %}
{% from "mozorg/home/includes/macros.html" import download_banner, download_banner_secondary, fxa_banner %}

{% extends "base-protocol-mozilla.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-en') }}

  {% if switch('firefox-daylight-promo-banner') and not switch('fundraising-banner-eoy2020') %}
    {{ css_bundle('daylight-promo-banner') }}
  {% elif switch('fundraising-banner-eoy2020') %}
    {{ css_bundle('fundraising-banner') }}
  {% endif %}
{% endblock %}

{% block page_banner %}
  {% if switch('firefox-daylight-promo-banner') and not switch('fundraising-banner-eoy2020') %}
    {% include 'includes/banners/daylight/daylight-promo.html' %}
  {% elif switch('fundraising-banner-eoy2020') and ftl_has_messages('banner-fundraising-title', 'banner-fundraising-body') %}
    {% include 'includes/banners/fundraiser.html' %}
  {% endif %}
{% endblock %}

{% block content %}
{% block main %}
<main>
  <header class="main-page-heading visually-hidden">
    {# Main page h1 is hidden from view and exists mainly for SEO purposes #}
    <h1>{{ self.page_title() }}</h1>
  </header>

  {% call hero(
    title='Firefox products are designed to protect your privacy',
    class='privacy-promise-hero mzp-has-image mzp-t-dark mzp-t-firefox',
    image_url='img/firefox/privacy/promise/privacy-hero.png',
    include_highres_image=True,
    include_cta=True,
    heading_level=2
  ) %}
    <a href="{{ url('firefox.privacy.products') }}" class="mzp-c-button mzp-t-product">Learn more</a>
  {% endcall %}

  <div class="mozilla-content">
    <div class="mzp-l-content mzp-t-mozilla">
      <div class="mzp-l-card-hero">
        {{ content_card('card_1') }}
        {{ content_card('card_2') }}
        {{ content_card('card_3') }}
        {{ content_card('card_4') }}
        {{ content_card('card_5') }}
      </div>
  </div>
  <div class="mzp-t-mozilla">
      {% call hero(
        title='Welcome to the web, sunny side up',
        desc='Millions of people rely on Pocket to save and discover the best articles, stories and videos on the web. As part of the Firefox family, Pocket has the same dedication to privacy.',
        class='pocket-sunny-hero mzp-has-image mzp-t-mozilla mzp-l-reverse mzp-t-product-firefox',
        image_url='img/home/2020/pocket-hero.jpg',
        include_highres_image=True,
        include_cta=True,
        heading_level=3
      ) %}
        <a href="https://getpocket.com/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=hero" class="mzp-c-button mzp-t-product">Try Pocket</a>
      {% endcall %}
  </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 'img/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 mzp-t-mozilla">

      {{ 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='img/home/2018/billboard-healthy-internet.png',<commit_msg>Home page copy update (Fix #9766) (#9881)<commit_after>{# 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 hero, billboard, card, call_out_compact, content_card with context %}
{% from "mozorg/home/includes/macros.html" import download_banner, download_banner_secondary, fxa_banner %}

{% extends "base-protocol-mozilla.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="<KEY>">
{% endblock %}

{% block page_css %}
  {{ css_bundle('home-en') }}

  {% if switch('firefox-daylight-promo-banner') and not switch('fundraising-banner-eoy2020') %}
    {{ css_bundle('daylight-promo-banner') }}
  {% elif switch('fundraising-banner-eoy2020') %}
    {{ css_bundle('fundraising-banner') }}
  {% endif %}
{% endblock %}

{% block page_banner %}
  {% if switch('firefox-daylight-promo-banner') and not switch('fundraising-banner-eoy2020') %}
    {% include 'includes/banners/daylight/daylight-promo.html' %}
  {% elif switch('fundraising-banner-eoy2020') and ftl_has_messages('banner-fundraising-title', 'banner-fundraising-body') %}
    {% include 'includes/banners/fundraiser.html' %}
  {% endif %}
{% endblock %}

{% block content %}
{% block main %}
<main>
  <header class="main-page-heading visually-hidden">
    {# Main page h1 is hidden from view and exists mainly for SEO purposes #}
    <h1>{{ self.page_title() }}</h1>
  </header>

  {% call hero(
    title='Firefox products are designed to protect your privacy',
    class='privacy-promise-hero mzp-has-image mzp-t-dark mzp-t-firefox',
    image_url='img/firefox/privacy/promise/privacy-hero.png',
    include_highres_image=True,
    include_cta=True,
    heading_level=2
  ) %}
    <a href="{{ url('firefox.privacy.products') }}" class="mzp-c-button mzp-t-product">Learn more</a>
  {% endcall %}

  <div class="mozilla-content">
    <div class="mzp-l-content mzp-t-mozilla">
      <div class="mzp-l-card-hero">
        {{ content_card('card_1') }}
        {{ content_card('card_2') }}
        {{ content_card('card_3') }}
        {{ content_card('card_4') }}
        {{ content_card('card_5') }}
      </div>
  </div>
  <div class="mzp-t-mozilla">
      {% call hero(
        title='Welcome to the web, sunny side up',
        desc='Millions of people rely on Pocket to save and discover the best articles, stories and videos on the web. As part of the Firefox family, Pocket has the same dedication to privacy.',
        class='pocket-sunny-hero mzp-has-image mzp-t-mozilla mzp-l-reverse mzp-t-product-firefox',
        image_url='img/home/2020/pocket-hero.jpg',
        include_highres_image=True,
        include_cta=True,
        heading_level=3
      ) %}
        <a href="https://getpocket.com/?utm_source=www.mozilla.org&utm_medium=referral&utm_campaign=homepage&utm_content=hero" class="mzp-c-button mzp-t-product">Try Pocket</a>
      {% endcall %}
  </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 'img/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 mzp-t-mozilla">

      {{ billboard(
        title=_('Support a healthy internet.'),
        ga_title='Support a healthy internet.',
        desc=_('The non-profit Mozilla Foundation supports online privacy & security, trustworthy artificial intelligence (AI), accountability for big tech corporations, 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='img/home/2018/billboard-healthy-internet.png',
{'fraction_non_alphanumeric': 0.16092492042688636, 'fraction_numerical': 0.01563377644635836, 'mean_word_length': 3.421771523178808, 'pattern_counts': {'":': 0, '<': 70, '<?xml version=': 0, '>': 70, 'https://': 6, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 4, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '6809072', 'n_tokens_mistral': 3914, 'n_tokens_neox': 3540, 'n_words': 760}