<commit_before>{% extends "base.jinja" %}

{% set meta_title = "Mozilla Careers &mdash; Feel good about your work again." %}
{% set meta_description = "Mozilla Careers &mdash; Feel good about your work again. At Mozilla, you can pursue your future while working to protect the future of the internet for everyone, everywhere." %}

{% block content %}

<section class="mzp-c-hero mzp-t-dark page-hero">
  <div class="mzp-l-content">
    <div class="mzp-c-hero-body">
      <h1 class="mzp-c-hero-title">Feel good about your work again</h1>

      <div class="mzp-c-hero-desc">
        <p>
          Pursue your future while working to protect the future of the internet for everyone, everywhere.
        </p>
      </div>
    </div>
  </div>
</section>

<div class="mzp-l-content apply-now-wrapper">
  <div class="centered">
    <a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
  </div>
</div>

<div class="mzp-l-card-hero">
  <section class="mzp-c-card mzp-c-card-large mzp-has-aspect-16-9 mzp-has-video has-video-embed">
    <div class="mzp-c-card-media-wrapper iframe-video-wrapper">
      <iframe src="https://www.youtube-nocookie.com/embed/_EeFDE5WW0I?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <div class="mzp-c-card-content">
      <div class="mzp-c-card-tag">Video</div>
      <h2 class="mzp-c-card-title">Because sometimes we zoom</h2>
      <div class="mzp-c-card-desc">
        Since March of this year, like so many of our peers, we closed our offices and asked just over ½ of our employees, for their safety, to head home to work (the other ½ was already there). And we are all <a href="https://blog.mozilla.org/careers/working-from-home-at-mozilla/" class="mzp-c-cta-link">doing the best we can</a>.
      </div>
    </div>
  </section>
  <section class="mzp-c-card mzp-c-card-small">
    <div class="mzp-c-card-content">
      <ol class="survey-wrapper">
        <li>
          <h4>Engagement</h4>
          I am proud to work for Mozilla:
          <div class="survey-graph">
            <div class="survey-favorable" style="width: 82%;"><span class="survey-graph-text">82%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 14%;"><span class="survey-graph-text">14%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 4%;"><span class="survey-graph-text">&nbsp;<span class="visually-hidden">4% unfavorable</span></span></div>
          </div>
        </li>
        <li>
          <h4>Innovation</h4>
          Within my organization, I feel psychologically safe:
          <div class="survey-graph">
            <div class="survey-favorable" style="width: 74%;"><span class="survey-graph-text">74%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden">13% unfavorable</span></span></div>
          </div>
        </li>
        <li>
          <h4>Diversity & Inclusion</h4>
          My manager provides opportunity for diverse viewpoints to be heard:
          <div class="survey-graph">
            <div class="survey-favorable" style="width: 83%;"><span class="survey-graph-text">83%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 4%;"><span class="survey-graph-text">&nbsp;<span class="visually-hidden">4% unfavorable</span></span></div>
          </div>
        </li>
      </ol>
      <dl class="survey-legend-wrapper">
        <div>
          <dt>Favorable</dt>
          <dd><div class="survey-legend survey-favorable"></div></dd>
        </div>
        <div>
          <dt>Neutral</dt>
          <dd><div class="survey-legend survey-neutral"></div></dd>
        </div>
        <div>
          <dt>Unfavorable</dt>
          <dd><div class="survey-legend survey-unfavorable"></div></dd>
        </div>
      </dl>
      <h2 class="mzp-c-card-title">Our culture ensures our future</h2>
      <div class="mzp-c-card-desc">
        Our September 2020 employee survey confirms respect for one another and an emphasis on learning and innovation are what will ensure our future.
      </div>
    </div>
  </section>
</div>

<br />

<section class="mzp-l-card-half">
    <div class="mzp-c-card mzp-c-card-medium">
      <div class="mzp-c-card-media-wrapper iframe-video-wrapper mzp-has-aspect-16-9 mzp-has-video has-video-embed">
        <iframe src="https://www.youtube-nocookie.com/embed/VkK6rDcEEhU?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
    </div>
    <div class="mzp-c-card mzp-c-card-medium">
      <div class="mzp-c-card-content">
        <h2 class="mzp-c-card-title">Diversity and Inclusion at Mozilla</h2>
        <div class="mzp-c-card-desc">
          We’ve made some progress that we’re proud of, and we have a lot more work to do.
        </div>
        <a href="https://blog.mozilla.org/careers/mozilla-diversity-inclusion-2019-results/" class="mzp-c-cta-link">Learn more</a>
      </div>
    </div>
  </section>

<div class="mzp-c-billboard mzp-l-billboard-right improving-lives-billboard">
  <div class="mzp-c-billboard-image-container">
    <img class="mzp-c-billboard-image" src="{{ static('img/improving-lives-not-profits.png') }}" srcset="{{ static('img/improving-lives-not-profits-high-res.png') }} 1.5x" alt="Illustration signifying balance between work and personal life" height="381" width="286" />
  </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">Improving lives, not profits</h2>
        <p class="mzp-c-billboard-desc">
          Our mission is to keep the internet open and safe for everyone. It’s the
          driving force of our culture, and almost every conversation.
        </p>
        <a class="mzp-c-cta-link" href="https://assets.mozilla.net/pdf/mozilla-careers-comp-brochure.pdf">Learn more about us</a>
      </div>
    </div>
  </div>
</div>

<div class="mzp-l-content apply-now-wrapper">
  <div class="centered">
    <a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
  </div>
</div>

{% if recent_posts %}
  <section class="mzp-l-card-third">
  {% for post in recent_posts %}
    <div class="mzp-c-card mzp-c-card-medium mzp-has-aspect-16-9">
      <a href="{{ post.link }}" class="mzp-c-card-block-link">
        <div class="mzp-c-card-media-wrapper">
          <div class="lazy-image-container">
            <img src="{{ post.image|default(static('img/blog-fallback.png'), true) }}" class="mzp-c-card-image" />
          </div>
        </div>
        <div class="mzp-c-card-content">
          <h2 class="mzp-c-card-title">{{ post.title }}</h2>
          <div class="mzp-c-card-desc">
            {{ post.excerpt }}
          </div>
        </div>
      </a>
    </div>
  {% endfor %}
  {% if featured_post %}
    <div class="mzp-c-card mzp-c-card-medium mzp-has-aspect-16-9">
      <a href="{{ featured_post.link }}" class="mzp-c-card-block-link">
        <div class="mzp-c-card-media-wrapper">
          <div class="lazy-image-container">
            <img src="{{ featured_post.image|default(static('img/blog-fallback.png'), true) }}" class="mzp-c-card-image" /><commit_msg>Include alt tags in blog post images (GH-705).<commit_after>{% extends "base.jinja" %}

{% set meta_title = "Mozilla Careers &mdash; Feel good about your work again." %}
{% set meta_description = "Mozilla Careers &mdash; Feel good about your work again. At Mozilla, you can pursue your future while working to protect the future of the internet for everyone, everywhere." %}

{% block content %}

<section class="mzp-c-hero mzp-t-dark page-hero">
  <div class="mzp-l-content">
    <div class="mzp-c-hero-body">
      <h1 class="mzp-c-hero-title">Feel good about your work again</h1>

      <div class="mzp-c-hero-desc">
        <p>
          Pursue your future while working to protect the future of the internet for everyone, everywhere.
        </p>
      </div>
    </div>
  </div>
</section>

<div class="mzp-l-content apply-now-wrapper">
  <div class="centered">
    <a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
  </div>
</div>

<div class="mzp-l-card-hero">
  <section class="mzp-c-card mzp-c-card-large mzp-has-aspect-16-9 mzp-has-video has-video-embed">
    <div class="mzp-c-card-media-wrapper iframe-video-wrapper">
      <iframe src="https://www.youtube-nocookie.com/embed/_EeFDE5WW0I?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
    </div>
    <div class="mzp-c-card-content">
      <div class="mzp-c-card-tag">Video</div>
      <h2 class="mzp-c-card-title">Because sometimes we zoom</h2>
      <div class="mzp-c-card-desc">
        Since March of this year, like so many of our peers, we closed our offices and asked just over ½ of our employees, for their safety, to head home to work (the other ½ was already there). And we are all <a href="https://blog.mozilla.org/careers/working-from-home-at-mozilla/" class="mzp-c-cta-link">doing the best we can</a>.
      </div>
    </div>
  </section>
  <section class="mzp-c-card mzp-c-card-small">
    <div class="mzp-c-card-content">
      <ol class="survey-wrapper">
        <li>
          <h4>Engagement</h4>
          I am proud to work for Mozilla:
          <div class="survey-graph">
            <div class="survey-favorable" style="width: 82%;"><span class="survey-graph-text">82%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 14%;"><span class="survey-graph-text">14%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 4%;"><span class="survey-graph-text">&nbsp;<span class="visually-hidden">4% unfavorable</span></span></div>
          </div>
        </li>
        <li>
          <h4>Innovation</h4>
          Within my organization, I feel psychologically safe:
          <div class="survey-graph">
            <div class="survey-favorable" style="width: 74%;"><span class="survey-graph-text">74%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden">13% unfavorable</span></span></div>
          </div>
        </li>
        <li>
          <h4>Diversity & Inclusion</h4>
          My manager provides opportunity for diverse viewpoints to be heard:
          <div class="survey-graph">
            <div class="survey-favorable" style="width: 83%;"><span class="survey-graph-text">83%<span class="visually-hidden"> favorable</span></span></div><div class="survey-neutral" style="width: 13%;"><span class="survey-graph-text">13%<span class="visually-hidden"> neutral</span></span></div><div class="survey-unfavorable" style="width: 4%;"><span class="survey-graph-text">&nbsp;<span class="visually-hidden">4% unfavorable</span></span></div>
          </div>
        </li>
      </ol>
      <dl class="survey-legend-wrapper">
        <div>
          <dt>Favorable</dt>
          <dd><div class="survey-legend survey-favorable"></div></dd>
        </div>
        <div>
          <dt>Neutral</dt>
          <dd><div class="survey-legend survey-neutral"></div></dd>
        </div>
        <div>
          <dt>Unfavorable</dt>
          <dd><div class="survey-legend survey-unfavorable"></div></dd>
        </div>
      </dl>
      <h2 class="mzp-c-card-title">Our culture ensures our future</h2>
      <div class="mzp-c-card-desc">
        Our September 2020 employee survey confirms respect for one another and an emphasis on learning and innovation are what will ensure our future.
      </div>
    </div>
  </section>
</div>

<br />

<section class="mzp-l-card-half">
    <div class="mzp-c-card mzp-c-card-medium">
      <div class="mzp-c-card-media-wrapper iframe-video-wrapper mzp-has-aspect-16-9 mzp-has-video has-video-embed">
        <iframe src="https://www.youtube-nocookie.com/embed/VkK6rDcEEhU?rel=0" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
      </div>
    </div>
    <div class="mzp-c-card mzp-c-card-medium">
      <div class="mzp-c-card-content">
        <h2 class="mzp-c-card-title">Diversity and Inclusion at Mozilla</h2>
        <div class="mzp-c-card-desc">
          We’ve made some progress that we’re proud of, and we have a lot more work to do.
        </div>
        <a href="https://blog.mozilla.org/careers/mozilla-diversity-inclusion-2019-results/" class="mzp-c-cta-link">Learn more</a>
      </div>
    </div>
  </section>

<div class="mzp-c-billboard mzp-l-billboard-right improving-lives-billboard">
  <div class="mzp-c-billboard-image-container">
    <img class="mzp-c-billboard-image" src="{{ static('img/improving-lives-not-profits.png') }}" srcset="{{ static('img/improving-lives-not-profits-high-res.png') }} 1.5x" alt="Illustration signifying balance between work and personal life" height="381" width="286" />
  </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">Improving lives, not profits</h2>
        <p class="mzp-c-billboard-desc">
          Our mission is to keep the internet open and safe for everyone. It’s the
          driving force of our culture, and almost every conversation.
        </p>
        <a class="mzp-c-cta-link" href="https://assets.mozilla.net/pdf/mozilla-careers-comp-brochure.pdf">Learn more about us</a>
      </div>
    </div>
  </div>
</div>

<div class="mzp-l-content apply-now-wrapper">
  <div class="centered">
    <a class="mzp-c-button" href="{{ url('careers.listings') }}">Apply Now</a>
  </div>
</div>

{% if recent_posts %}
  <section class="mzp-l-card-third">
  {% for post in recent_posts %}
    <div class="mzp-c-card mzp-c-card-medium mzp-has-aspect-16-9">
      <a href="{{ post.link }}" class="mzp-c-card-block-link">
        <div class="mzp-c-card-media-wrapper">
          <div class="lazy-image-container">
            <img src="{{ post.image|default(static('img/blog-fallback.png'), true) }}" alt="{{ post.title }}" class="mzp-c-card-image" />
          </div>
        </div>
        <div class="mzp-c-card-content">
          <h2 class="mzp-c-card-title">{{ post.title }}</h2>
          <div class="mzp-c-card-desc">
            {{ post.excerpt }}
          </div>
        </div>
      </a>
    </div>
  {% endfor %}
  {% if featured_post %}
    <div class="mzp-c-card mzp-c-card-medium mzp-has-aspect-16-9">
      <a href="{{ featured_post.link }}" class="mzp-c-card-block-link">
        <div class="mzp-c-card-media-wrapper">
          <div class="lazy-image-container">
            <img src="{{ featured_post.image|default(static('img/blog-fallback.png'), true) }}" class="mzp-c-card-image" />
{'fraction_non_alphanumeric': 0.18144646051622795, 'fraction_numerical': 0.011308458982877587, 'mean_word_length': 3.121379673512375, 'pattern_counts': {'":': 0, '<': 417, '<?xml version=': 0, '>': 417, 'https://': 10, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2263472', 'n_tokens_mistral': 5666, 'n_tokens_neox': 5393, 'n_words': 1107}